상태관리·데이터

라이브러리는 특정 기능을 효율적으로 사용하기 위해 필요한 순간에 호출하여 사용하는 코드 모음입니다. 프로젝트의 전체 구조나 흐름을 강제하지 않으며, 개발자가 직접 제어권을 가지고 선택적으로 활용할 수 있습니다.

주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase 구조를 분석합니다. 포…

주요 포인트 한눈에 보기 이 글은 Firebase를 처음 사용하는 개발자를 위해 firebase/firestore가 어떤 역할을 담당하는지, 그리고 Firestore를 사용할 때 반드시 이해해야 할 최소한의 구조와 흐름을 정리합니다. CRUD 전체를 나열…

주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase Auth Conte…

주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase Authent…

이 글은 Firebase 실무 오류 해결 모음: Storage, Firestore, Auth 체크리스트의 세부 항목입니다. 전체 설정 흐름과 관련 오류 해결 순서는 대표 허브 글에서 함께 확인할 수 있습니다. Firebase는 기능이 많아서을 각각 따로 보면 실제 …

이 글은 프론트엔드 배포 오류 체크리스트: Vercel, Vite, Expo 문제 해결의 세부 항목입니다. 전체 설정 흐름과 관련 오류 해결 순서는 대표 허브 글에서 함께 확인할 수 있습니다. Firebase 글은 있지만 Vercel, Firebase, SSH/SF…

주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 firebase.ts 초기화 …

state가 많아졌다고 바로 Zustand를 쓰거나, 여러 컴포넌트가 공유하는 값을 계속 props로 넘기면서 구조가 복잡해지는 경우가 생깁니다. state가 많다는 이유만으로 전역 상태가 필요한 것은 아닙니다 React 컴포넌트 안에 가 몇 개 늘어나면 상태관리…

이 글에서 정리하는 내용 React를 처음 배울 때 가장 어려운 지점은 문법 자체보다 순서입니다. 컴포넌트, JSX, props, state, useEffect, Zustand가 한꺼번에 보이면 무엇을 먼저 잡아야 하는지 흐려집니다. 이 글은 React 입문자가…