간단한 영화 리뷰 웹앱 프로젝트
- 백엔드: Node.js, Express, MongoDB (Atlas)
- 프론트엔드: HTML, CSS, JavaScript (Vanilla)
- API: The Movie Database (TMDB) API
✅ 인기 영화 목록 조회
✅ 영화별 리뷰 작성/수정/삭제 (CRUD)
✅ MongoDB Atlas에 리뷰 데이터 저장
✅ 간단한 검색 기능
.
├── api/ # API 라우팅
├── dao/ # 데이터 액세스 (MongoDB DAO)
├── public/ # 정적 파일 (HTML/CSS/JS)
├── .env # 환경변수 (DB 비밀번호 등)
├── server.js # 서버 엔트리포인트
└── ...
1️⃣ 의존성 설치
npm install
2️⃣ .env 파일 생성
MONGO_USERNAME=...
MONGO_PASSWORD=...
MONGO_CLUSTER_URL=...
MONGO_DB_NAME=...
PORT=8000
3️⃣ 서버 실행
npm start
4️⃣ 브라우저에서 http://localhost:8000 접속!
📝 참고사항
TMDB API를 사용해 영화 정보를 가져옵니다.
리뷰 데이터는 MongoDB Atlas에 저장됩니다.
.env는 반드시 .gitignore로 보호하세요!```
### ✨ 개발하며 느낀 점
처음으로 java 이외의, express로 풀스택 구조를 만들어본 프로젝트입니다.
백엔드 API 설계부터, 프론트에서 Fetch로 데이터를 받아와 렌더링까지 실제 서비스처럼 작동하는 과정을 경험했습니다.
다음 번에 개발할 때에는 Next.js로 발전시켜보고 싶습니다!