프로젝트 기획

• 프론트엔드: Next.js
• 백엔드: FastAPI
• 데이터베이스: Supabase

설치 과정

1. 패키지 관리자 설치

   npm install -g pnpm

2. Next.js 프로젝트 생성

   !!!(주의) 빈 디렉터리에서 실행하세요.

   pnpm create next-app@latest .

3. exFAT 드라이브 오류 해결

   원인: 작업 환경이 exFAT 드라이브일 때 발생합니다.

   오류 메시지:

   The "D:" drive is exFAT, which does not support symlinks. This will cause installation to fail. You can set the node-linker to "hoisted" to avoid this issue.

   해결 방법:

   • 프로젝트 루트에 .npmrc 파일을 생성합니다:

     node-linker=hoisted

   • 패키지를 설치합니다:

     pnpm install

4. 개발 서버 실행

   pnpm dev

프로젝트 구조

1. /app/page.tsx : 메인 페이지(/)
2. /app/layout.tsx : 전체 레이아웃(Ex. 공통 스타일, 해더 등)
3. /app/global.css : 전역 스타일

부족한점

AI 도움을 받고 전 프로젝트를 진행했었기 때문에 이번엔 JavaScript 와 React 및 TypeScript 를 학습하고 진행해보기