This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발모차르트 작품 및 연대기 플랫폼 구축
  • 지역비대면 진행
  • 예산15,000,000원
  • 기간3개월

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곡 데이터 확충 효율화

이미지 2

모차르티아데 작품 화면

이미지 4

모차르티아데 홈화면

이미지 6

모차르티아데 소개화면

이미지 8

모차르티아데 작품 화면

이미지 10

모차르티아데 연대기 화면

20년차 풀스택 개발자
웹 개발
별점
0.0(0)
Next.js · AWS · Supabase 기반 풀스택 개발과 Claude Code 활용 AI 에이전틱 워크플로우에 강한 개발자입니다.
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

자사 서비스 홈페이지 제작, 도구 허브와 서비스 소개 사이트

0
0

1:1 피아노 교습소 홈페이지 (가상 학원 샘플)

0
0

체험 신청 랜딩페이지 시연

0
2

LED 디스플레이 시공 기업 - 영업 홈페이지 + 직접 고치는 관리자 화면

0
1
  • 자사 서비스 홈페이지 제작, 도구 허브와 서비스 소개 사이트

    0
    0
  • 1:1 피아노 교습소 홈페이지 (가상 학원 샘플)

    0
    0
  • 체험 신청 랜딩페이지 시연

    0
    2
  • LED 디스플레이 시공 기업 - 영업 홈페이지 + 직접 고치는 관리자 화면

    0
    1
  • IM JINI | 반응형 홈페이지 기획, 디자인, 개발

    0
    1
  • 호자철학원 - 작명/개명/사주 철학원 홈페이지

    0
    0
  • 아티스트의 감성을 담은 맞춤형 보태니컬 아트 웹 포트폴리오 구축

    0
    1
  • 법무법인 홈페이지 구축 - 5개 언어, 법률 뉴스 자동 수집

    0
    2
  • MBAAD 공식 홈페이지 자체 제작 사례

    0
    0