본문/내용
1. React의 컴포넌트란 무엇인가요 그리고 함수형 컴포넌트와 클래스형 컴포넌트의 차이점은 무엇인가요
React의 컴포넌트란 UI를 독립된 단위로 나누어 재사용성을 높인 것입니다. 컴포넌트는 독립된 자바스크립트 함수 또는 클래스이며, 상태(state)와 props를 통해 데이터를 주고받아 사용자에게 동적인 UI를 제공합니다. 함수형 컴포넌트는 간단한 구조로 작성할 수 있어 유지보수와 성능 향상에 유리합니다. React 1 8 버전 이후부터 Hooks를 지원하여 함수형 컴포넌트에서도 상태 관리와 라이프사이클 기능을 사용할 수 있게 되었으며, 실제 프로젝트에서는 함수형 컴포넌트가 점점 더 널리 사용되고 있습니다. 반면, 클래스형 컴포넌트는 생명주기 메서드와 this 키워드 사용이 필요하여 코드가 복잡해지고 가독성이 떨어질 수 있습니다. 특히 Hooks 도입 후 React 팀은 함수형 컴포넌트의 사용을 권장하고 있으며, 2023년 기준으로 대형 프로젝트의 약 80%가 함수형 컴포넌트를 사용하고 있습니다. 따라서 최신 React 개발에서는 간결하고 효율적인 함수형 컴포넌트로 전환하는 추세가 확산되고 있습니다.
2. React에서 상태(state)와 props의 차이점은 무엇인…