피드로 돌아가기
MERN STACK project structure & development
Dev.toDev.to
Backend

Vite와 Node.js 기반 MERN Stack 기초 아키텍처 설계 및 Git 최적화

MERN STACK project structure & development

sabaritech2026년 5월 8일3beginner

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) 성능 최적화 검토

원문 읽기