생산성 향상을 위한 멀티 스택 웹 서버 템플릿 (React, NestJS, Spring Boot)

핵심 기술

반복적인 웹 서버 초기 설정의 번거로움을 해소하기 위해 React(Vite), NestJS, Spring Boot를 포함한 멀티 스택 웹 서버 템플릿을 구축했습니다. TypeScript의 높은 비중과 Docker, Shell Script, Makefile을 활용하여 개발 생산성 향상에 초점을 맞춥니다.

기술적 세부사항

• 주요 프레임워크:
  • 프론트엔드: React (Vite)
  • 실시간 서버: NestJS (TypeScript)
  • API 서버: Spring Boot (Java)
• 언어: TypeScript (전체 비중 44.9%)
• 컨테이너화: Dockerfile을 활용하여 각 서버(React, NestJS, Spring Boot)를 컨테이너 환경에서 실행합니다.
• 자동화 도구:
  • Shell Script (dc.sh): Docker 실행 및 관리를 자동화합니다.
  • Makefile: 빌드 및 실행 프로세스를 간편하게 합니다.
• 환경 설정:
  • .env_example 및 .properties_example 파일을 제공하여 환경 변수 및 설정 관리를 용이하게 합니다.
  • DB 정보는 각 프로젝트에 맞게 설정합니다 (기본 PostgreSQL).
• 네트워킹: CORS 설정이 미리 완료되어 있어 즉시 개발에 착수할 수 있습니다.
• 다국어 지원: main 브랜치는 영어 버전, KR 브랜치는 한글 버전을 제공합니다.

개발 임팩트

• 개발 속도 향상: 반복적인 초기 설정 과정을 자동화하여 개발자가 핵심 기능 개발에 집중할 수 있도록 합니다.
• 통일된 개발 환경: Docker를 통해 로컬 및 배포 환경 간의 일관성을 유지합니다.
• 유지보수 용이성: 명확한 구조와 자동화된 스크립트를 통해 프로젝트 관리가 수월해집니다.

커뮤니티 반응

• Shell script 아이디어가 나만무 팀장님으로부터 비롯되었다는 점을 언급하며, 협업 및 아이디어 공유의 중요성을 시사합니다.

톤앤매너

개발자의 입장에서 겪는 불편함을 해결하고자 하는 실용적이고 친근한 톤으로 작성되었습니다. 비빔밥에 비유하여 각 기술 스택의 역할을 설명하며 이해를 돕습니다.