리액트 훅 | useContext에 대해 알아보기
·
FRONTEND/React
React에서 useContext는 전역적으로 값을 공유할 수 있게 해주는 중요한 도구입니다.본격적으로 useContext를 살펴보기 전에 React의 기본 개념부터 차근차근 알아보겠습니다. 0. React 기본 개념(1) 컴포넌트React 앱은 전부 컴포넌트로 구성됩니다.컴포넌트는 재사용 가능한 UI 조각으로 버튼, 헤더, 카드, 페이지 전체 등 다양한 크기로 만들 수 있습니다.function Button() { return 버튼;} (2) Props Props는 컴포넌트에 값을 전달하는 방식입니다.부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용하며, HTML 태그의 속성과 유사합니다.function Hello({ name }) { return 안녕, {name}!;} // "안녕, ..