프로젝트/웹페이지
2025. 1. 19.
웹 개발 1도 모르는 사람이 웹페이지 만들기 프로젝트 9일차
9일차에는 멤버 탭에 연결 할 멤버 소개 페이지를 만들어 보겠습니다. ✍️ React Context 사용하기 새로운 멤버 페이지에서도 노션에 있는 데이터 베이스 데이터가 필요했습니다.기존의 노션 데이터 베이스 데이터의 양이 꽤 많아서 여러 번 호출하는건 비효율적이라고 생각했습니다.그래서 한 번의 호출로 받아온 데이터를 전역적으로 사용하는 방법에 대해 알아봤습니다.그게 바로 React Context 였습니다. React Context는 컴포넌트 트리 전체에 데이터를 전역적으로 공유할 수 있도록 도와주는 기능입니다. 이를 통해 부모-자식 관계에 의존하지 않고 데이터를 전달할 수 있어 props drilling(여러 컴포넌트를 통해 데이터를 계속 전달하는 과정)을 줄여줍니다. 작동 원리Context 생성 :..
