React

📍 자바스크립트 패키지 매니저(JavaScript Package Manager) 자바스크립트 프로젝트에서 사용되는 의존성 관리 도구 프로젝트에 필요한 외부 라이브러리, 모듈, 플러그인 등을 손쉽게 설치하고 관리(갱신/삭제)하는 역할을 합니다. 대부분의 자바스크립트 패키지 매니저는 Node.js 실행 환경(runtime)에서 돌아가며 package.json이라는 파일에 프로젝트가 의존하고 있는 패키지 목록을 명시합니다. 일반적으로 패키지는 프로젝트의 node_modules 디렉토리에 저장되는데, 주로 공개 npm 저장소(registry)로 부터 다운을 받지만 회사의 경우 사내망 내의 사설 저장소를 운영하는 경우도 있습니다. ex) npm, yarn, pnpm, bun 📍 npm(Node Package Ma..

📍더미 데이터(Dummy Data)란?유용한 데이터가 포함되지 않지만 공간을 예비해두어 실제 데이터가 명목상 존재하는 것처럼 다루는 정보를 의미합니다.즉, 실제 데이터와 비슷한 형태를 가지지만 실제 의미나 가치를 가지지 않아서 주로 테스트나 프로토타이핑을 위해 사용되는 가상의 데이터를 말합니다.  📍더미 데이터(Dummy Data)를 왜 사용할까?개발 초기 단계에서 테스트 : 실제 데이터베이스나 외부 API 연동이 준비되기 전에 애플리케이션의 기능을 테스트할 때 사용할 수 있습니다. 즉, 더미데이터를 사용하면 실제 서버와의 통신 없이도 프론트엔드 기능을 테스트할 수 있기 때문에 백엔드 개발자가 API를 만들동안 프론트엔드 개발자가 데이터가 필요한 경우에 더미데이터를 사용하는 것입..

📌 전역 상태 관리Props Drilling에서 발생하는 문제를 해결하기 위해 상태를 컴포넌트에서 선언하지 않고 전역으로 관리전역 상태 관리 저장소에서 중간 컴포넌트를 거치지 않고 바로 사용 → 효율적인 개발 가능Ex) Context API, Redux, Recoil💡Props Drilling이란?- 컴포넌트 트리에서 데이터를 하위 컴포넌트로 전달하기 위해 중간 컴포넌트를 통해 프로퍼티를 내려주는 것- 단점: 중간 컴포넌트는 자식 컴포넌트에게 프로퍼티를 전달하기 위해 해당 값을 사용하지 않는 경우에도 프로퍼티를 받고 전달해야합니다.    📌 RecoilFacebook에서 개발한 전역 상태 관리를 위한 라이브러리다른 라이브러리(Redux, Mobx)와는 달리 React..