플러스프로젝트 배경
1) 문제점 Nuxt.js(Vue 3) + NestJS + TypeORM + MySQL + Docker 스택 기반 인테리어 서비스 개발 수요가 있으나, 기존 보유 스택(React, Next.js, FastAPI)과 불일치하여 "유사 프로젝트 수행 경험"을 구두로만 설명하기에는 한계가 있었습니다. 실물 코드로 기술 역량을 증명할 수 있는 동일 도메인·동일 스택 포트폴리오가 필요했습니다. 2) 프로
프로젝트 성과
풀스택 MVP 7일 완성
Nuxt 3 + NestJS + TypeORM + MySQL + Sharp 전 스택을 처음 학습하면서도
3개 페이지 + 8개 API 엔드포인트를 포함한 완성된 MVP를 7일 내에 구현 완료.
3개 페이지 + 8개 API 엔드포인트를 포함한 완성된 MVP를 7일 내에 구현 완료.
WebP 자동 변환 파이프라인 완성
이미지 업로드 즉시 jpg/png → WebP 자동 변환(1280px, 품질 80)으로 웹
최적화 파이프라인 구현. 미사용 이미지 정리 API까지 포함.
최적화 파이프라인 구현. 미사용 이미지 정리 API까지 포함.
공통 디자인 시스템 6종 구축
CSS Custom Properties 기반 토큰 레이어 + 공통 컴포넌트 6종으로 사용자/
관리자 화면 전체에 일관된 시각 언어 적용.
관리자 화면 전체에 일관된 시각 언어 적용.
듀얼 DB 전략으로 실행 환경 유연성 확보
DB_TYPE 환경변수 하나로 로컬(sql.js) ↔ 프로덕션(MySQL) 전환 가능.
Docker 없이도 즉시 실행되는 개발 환경 구성 완료.
Docker 없이도 즉시 실행되는 개발 환경 구성 완료.
핵심 기능
인테리어 시공사례 CRUD + 필터 시스템
공간·스타일·평형 3가지 필터와 카드 그리드(모바일 1열~데스크톱 3열)로 사례를
탐색하고, 관리자 페이지에서 등록·수정·삭제를 처리하는 완성형 콘텐츠 관리 흐름.
탐색하고, 관리자 페이지에서 등록·수정·삭제를 처리하는 완성형 콘텐츠 관리 흐름.
진행 단계
스택 학습 및 설계
2026.04.
Vue 3 Composition API, Nuxt 3 파일 기반 라우팅, NestJS Module 구조
공식 문서 집중 학습. 인테리어 도메인 기능 명세 및 API 인터페이스 설계.
공식 문서 집중 학습. 인테리어 도메인 기능 명세 및 API 인터페이스 설계.
프로젝트 상세
1) 포트폴리오 소개 인테리어 시공사례 관리 서비스를 Nuxt 3 + NestJS + TypeORM + MySQL 풀스택으로 구현한 데모 프로젝트입니다. 시공사례 목록/상세/관리자 3개 페이지와 8개 REST API 엔드포인트를 완성하였으며, Sharp 기반 WebP 자동 변환 파이프라인, CSS 디자인 시스템(토큰 + 공통 컴포넌트 6종), Docker Compose 원커맨드 실행 환경까지 갖춘 완
