프로젝트 배경
1) 예상 리스크 및 대응 계획 - Multer 파일 업로드 시 이미지 크기 최적화 및 확장자 유효성 검증 처리 - 다국어 콘텐츠(제품명·설명)의 DB 저장 구조 설계 (컬럼 분리 vs JSON 필드) - 게시판 유형별 상이한 필드 구조를 공통 API로 처리하는 스키마 정규화 - 관리자 CMS와 프론트 홈페이지의 빌드 분리 및 공통 컴포넌트 관리 전략 - 제품 카탈로그 카테고리 필터링 시 N+1 쿼리
프로젝트 성과
다형 게시판 스키마 설계
뉴스·QnA·공지·채용 4종 게시판을 공통 API로 처리하는 다형 스키마 구조를 설계합니다.
제품 카탈로그 CRUD 구현
6개 카테고리 × 40종 제품의 이미지 업로드, 스펙 입력, 카테고리 분류를 관리자 UI에서 구현합니다.
react-i18next 다국어 아키텍처 설계
한·영 언어 파일을 분리 관리하고 헤더 토글로 즉시 전환되는 i18n 구조를 설계합니다.
JWT 기반 관리자 인증 설계
Access Token + Refresh Token 구조로 관리자 권한 인증 및 세션 관리를 설계합니다.
반응형 기업 홈페이지 컴포넌트 구현
PC·태블릿·모바일 3단계 브레이크포인트를 지원하는 반응형 홈페이지 컴포넌트를 구현합니다.
핵심 기능
진행 단계
DB 스키마 & API 설계
2026.04
제품·게시판·채용공고 MySQL 스키마 설계 및 Express REST API 구조 정의
프로젝트 상세
1) 포트폴리오 소개 제조업 B2B 기업의 공식 홈페이지와 관리자 CMS를 풀스택으로 구현하는 데모입니다. 40종 제품을 6개 카테고리로 분류하는 카탈로그, 다국어(한·영) 전환, 뉴스·공지·채용 게시판, 그리고 관리자 대시보드를 Next.js + Node.js/Express + MySQL 스택으로 설계합니다. 2) 작업 범위 - 관리자 대시보드: 제품·게시판·채용공고를 한 곳에서 관리하는 CMS 대







