Question : React 의 특징을 설명하시오
Answer : 리액트는 1) 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리로, 2) 가상 DOM을 활용하여 성능을 향상시키고 3) 컴포넌트 기반 아키텍처를 채택하여 모듈화 및 재사용성을 높입니다. 4) JSX를 통해 HTML과 JavaScript를 결합하여 컴포넌트를 만들며, 5) 단방향 데이터 흐름 및 상태 관리를 위한 Context API나 Redux와 같은 상태 관리 라이브러리를 제공합니다. 6)생태계가 거대하고 활발하며, 커뮤니티의 지원이 강력합니다.
Question : 많은 개발자들이 React를 사용하는 이유를 설명하시오
Answer : 리액트는 성능, 컴포넌트 기반 아키텍처, JSX를 통한 직관적인 UI 작성, 단방향 데이터 흐름, 그리고 확장성 등의 이점으로 널리 사용됩니다. 가상 DOM을 활용하여 성능을 향상시키고, 컴포넌트 기반 접근은 모듈화와 재사용성을 높입니다. JSX는 HTML과 JavaScript를 결합하여 UI를 선언적으로 작성할 수 있게 해주며, 단방향 데이터 흐름은 상태 관리를 간소화합니다. 또한, 다양한 라이브러리와 도구를 지원하여 애플리케이션을 확장하기 용이합니다.
Question : React 의 라이프사이클에 대해 설명하시오
Answer : 리액트 컴포넌트의 라이프사이클은 생성, 업데이트, 소멸 과정에서 일어나는 단계를 의미합니다. 생성시에는 constructor와 componentDidMount가, 업데이트시에는 shouldComponentUpdate와 componentDidUpdate가, 소멸시에는 componentWillUnmount가 호출됩니다. 이를 통해 컴포넌트의 상태와 동작을 관리하고, 필요한 작업을 수행할 수 있습니다.
https://ko.legacy.reactjs.org/
React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리
A JavaScript library for building user interfaces
ko.legacy.reactjs.org
https://ko.legacy.reactjs.org/docs/react-component.html#componentwillunmount
React.Component – React
A JavaScript library for building user interfaces
ko.legacy.reactjs.org
'Front-end (프론트엔드) > React (리액트)' 카테고리의 다른 글
[프론트엔드] React의 불변성 / 얕은비교 (0) | 2024.05.22 |
---|---|
[프론트엔드] React hooks / 클래스형 컴포넌트 / 함수형 컴포넌트 (0) | 2024.05.21 |
[프론트엔드] React - Virtual DOM / Reconciliation / Diffing / key (0) | 2024.05.13 |