1) 포트폴리오 소개 클래식 음악 애호가를 위한 모차르트 작품 카탈로그 웹 서비스 개발 2) 작업 범위 - 서비스 기획, 화면 설계, UI/UX 디자인 - Front-end 개발 (Next.js 16, React 18, TypeScript) - Back-end API 개발 (Next.js API Routes) - 데이터베이스 설계 및 구축 (PostgreSQL, Prisma ORM) - 관리자 페이지 개발 - AWS 클라우드 인프라 구성 (S3, CloudFront, SES) - 반응형 웹 3) 주요 업무 - 626곡 작품 카탈로그 (장르/악기/연도 필터링, 검색, 좋아요) - 작품 상세 페이지 (악장 목록, YouTube 연결, 작곡 배경 이야기) - 생애 연대기 타임라인 페이지 (생애 사건 + 작곡 이력 시간순 탐색) - D3 기반 인터랙티브 유럽 여행 지도 페이지 - 살롱 커뮤니티 (작품 감상 스토리 작성/공유, 댓글, 공개 프로필) - 사용자 인증 (이메일 가입/인증, Google OAuth, 비밀번호 재설정) - 마이페이지 (좋아요 작품/악장 관리, 프로필 커스터마이징) - 관리자 대시보드 (작품/연대기/출처 CRUD, 드래그앤드롭 정렬, 이미지 업로드, 권한 관리) 4) 주안점 - 학술적 신뢰성 확보: 작품 정보와 연대기에 출처(Source)를 연결하고, Alfred Einstein 원문 등 1차 자료와 교차검증 - Server Components 우선 설계로 초기 로딩 성능 최적화 - 사용자/관리자 이중 인증 체계를 통한 보안 분리 (NextAuth + JWT) - Sentry 에러 모니터링 및 GA/GTM 행동 분석을 통한 운영 안정성 - 콘텐츠 생성 파이프라인 자동화로 626곡 데이터 확충 효율화

모차르티아데 작품 화면

모차르티아데 홈화면

모차르티아데 소개화면

모차르티아데 작품 화면

모차르티아데 연대기 화면
자사 서비스 홈페이지 제작, 도구 허브와 서비스 소개 사이트
001:1 피아노 교습소 홈페이지 (가상 학원 샘플)
00체험 신청 랜딩페이지 시연
02LED 디스플레이 시공 기업 - 영업 홈페이지 + 직접 고치는 관리자 화면
01IM JINI | 반응형 홈페이지 기획, 디자인, 개발
01호자철학원 - 작명/개명/사주 철학원 홈페이지
00아티스트의 감성을 담은 맞춤형 보태니컬 아트 웹 포트폴리오 구축
01법무법인 홈페이지 구축 - 5개 언어, 법률 뉴스 자동 수집
02MBAAD 공식 홈페이지 자체 제작 사례
00








