피드로 돌아가기
Dev.toBackend
원문 읽기
Vite와 Node.js 기반 MERN Stack 기초 아키텍처 설계 및 Git 최적화
MERN STACK project structure & development
AI 요약
Context
풀스택 개발 환경 구축 과정에서 발생하는 의존성 관리 및 버전 제어의 복잡성 해결 필요. 특히 node_modules 등 대용량 파일의 불필요한 추적을 방지하여 저장소 효율성을 높이는 환경 구성에 집중.
Technical Solution
- Vite 기반의 Frontend 설계를 통한 빠른 빌드 및 개발 서버 구동 속도 확보
- Node.js HTTP 모듈을 활용한 Port 3000 기반의 Backend 서버 독립 계층 구현
- .gitignore 설정을 통한 node_modules 및 환경 변수 파일의 Git 트래킹 제외로 저장소 최적화
- mongosh를 활용한 MongoDB CRUD 쿼리 최적화 및 데이터 조작 인터페이스 검증
- Frontend(5173)와 Backend(3000)의 포트 분리 설계를 통한 계층 간 책임 분리
- Git cache 제거 명령을 통한 기존 오염된 추적 파일의 정교한 정리를 통한 클린 리포지토리 유지
실천 포인트
1. .gitignore 설정을 통한 불필요한 artifact 추적 방지 여부 확인
2. Frontend와 Backend의 포트 분리 및 독립적인 패키지 관리 구조 적용
3. mongosh를 통한 DB 스키마 및 CRUD 쿼리 사전 검증 프로세스 수립
4. Vite 도입을 통한 HMR(Hot Module Replacement) 성능 최적화 검토