내가 보려고 만든 리액트(React) 면접질문

리액트는 UI구축을 위한 자바스크립트 프론트엔드 라이브러리이다. 주로 SPA(Single Page Application)을 만들 때 사용된다. 리액트의 장점에는 virtual DOM(가상 돔)을 사용해서 어플리케이션의 성능을 향상시키고, 클라이언트 사이드 렌더링이 가능하다. 또한 다른 프레임워크와도 사용이 가능하며, 컴포넌트의 가독성을 높이며 유지보수가 쉽다. 

 

리액트의 장점 정리:

1. Single Page Application 페이지 전환같은 걸 부드럽게 할수있다.

2. component로 HTML 재사용이 편리하다.

3. 데이터가 html에 자동반영이 된다.

4. 다름 프레임워크와도 혼용이 가능하다.

 

리액트의 라이프사이클(생명주기)란?

모든 리액트 컴포넌트에는 라이프사이클이 존재한다. 라이프사이클은 크게 3가지로 설명할 수 있다. 

생성(mounting) -> 업데이트(updating) -> 제거(unmounting)

마운트: 웹 브라우저 상에 나타나는 것을 뜻한다.

업데이트: props 변경, state 변경, 상위 컴포넌트 리렌더링, 강제 렌더링(forceUpdate)

언마운트: DOM에서 제거되는 것을 뜻한다.

 

JSX란?

JSX는 자바스크립트 코드를 HTML처럼 표현할 수 있는 React 엘리먼트를 생성하는 언어이다.

 

Hooks의 장점은?

Hooks의 장점은 로직의 재사용이 가능하고 관리가 쉽다. 함수 안에서 다른 함수를 호출하는 것으로 새로운 hook을 만들어 볼 수 있다.

기존의 class component는 여러 단계의 상속으로 인해 전반적으로 복잡성과 오류 가능성을 증가시켰지만 function component에 hooks이 도입되면서 class component가 가지고 있는 기능을 모두 사용할 수 있음은 물론이고 기존 class component복잡성, 재사용성의 단점들까지 해결된다.