PoolC Web Track - Intermediate

PoolC 웹 개발 중급 트랙 실습 프로젝트입니다. TODO 앱의 프론트엔드와 백엔드를 함께 다룹니다.

시작 전: 레포지토리 Fork

이 레포지토리를 직접 수정하지 마세요. 아래 순서대로 Fork하여 본인만의 복사본에서 작업합니다.

1. Fork

GitHub에서 이 레포지토리 페이지 우측 상단의 Fork 버튼을 클릭합니다.

2. Clone

Fork한 본인의 레포지토리를 로컬에 클론합니다.

# <your-username>을 본인의 GitHub 아이디로 변경
git clone https://github.com/<your-username>/poolc-web-track-intermediate.git
cd poolc-web-track-intermediate

3. Upstream 등록 (선택)

원본 레포지토리의 변경사항을 받아올 수 있도록 upstream을 등록해 둡니다.

git remote add upstream https://github.com/poolc/poolc-web-track-intermediate.git

나중에 원본에 업데이트가 생기면:

git fetch upstream
git merge upstream/main

4. 작업 & 제출

# 작업 후 커밋 & 푸시 (본인 Fork로 올라감)
git add .
git commit -m "Chapter 01 완료"
git push origin main

리뷰를 받고 싶다면 본인 Fork에서 원본 레포지토리로 Pull Request를 생성하세요.

프로젝트 구조

poolc-web-track-intermediate/
├── frontend/          # React + TypeScript + Vite
├── backend/           # Express + TypeScript + Prisma
└── README.md

시작하기

Backend 설정

cd backend
npm install
cp .env.example .env
# .env 파일의 DATABASE_URL, JWT_SECRET 설정

# Docker로 PostgreSQL 실행
docker compose -f docker-compose.dev.yml up -d

# Prisma 마이그레이션
npx prisma migrate dev
npx prisma generate

# 개발 서버 실행
npm run dev

백엔드가 http://localhost:3000에서 실행됩니다.

Frontend 설정

cd frontend
npm install
npm run dev

프론트엔드가 http://localhost:5173에서 실행됩니다.

각 프로젝트별 상세 안내

• Backend README - API 구조, TODO 구현 목록, 힌트
• Frontend README - React 프로젝트 설정