프로젝트

Play Pick

화면 설계·프론트엔드 구현과 온보딩의 응답 저장·완료 처리, 마이페이지 API 연동을 맡았습니다.

공연 정보와 사용자 취향을 바탕으로 추천 목록을 보여주는 2인 팀의 웹 서비스입니다.

시연과 상세 작업 보기

문제 정의

가입 직후에는 조회나 찜 기록이 없어 첫 추천에 쓸 취향 정보가 필요했습니다. 공연 카드를 보고 호불호를 선택하는 온보딩을 구현했습니다.

내 역할

  • 팀장
  • 화면 설계·Frontend
  • 온보딩 응답 저장
  • 마이페이지 API 연동
  • 발표·문서

사용 기술

  • Vue.js
  • Pinia
  • Django
  • REST API

직접 수행한 작업

  • ‘보고싶어요’·‘안볼래요’·‘모르겠어요’를 구분하고, 호불호 8개 이상이면 완료할 수 있도록 진행률과 버튼 상태를 구현했습니다.
  • 공연 ID와 응답을 API로 저장한 뒤 온보딩을 완료하도록 처리했습니다. 중립 응답은 저장 요청과 완료 개수에서 제외했습니다.
  • 온보딩 취향 저장, 관람함과 마이페이지·커뮤니티 화면을 작업했습니다. 임경수 팀원은 데이터 수집, 핵심 검색·추천 엔진과 배포 설정을 맡았습니다.

작업 중 다룬 제약

  • 호불호 저장이 실패하면 오류를 알리고 완료 처리를 진행하지 않도록 했습니다.
  • 8개는 구현 당시의 완료 기준입니다. 선택 개수에 따른 입력 부담이나 추천 품질은 비교하지 않았습니다.

작업 결과

  • 취향 선택·저장·첫 추천 조회를 로컬에서 재현한 데모를 남겼습니다. 예시 계정과 보관된 공연 데이터를 사용합니다.
  • 화면의 응답이 API 요청과 추천용 데이터에 반영되는 과정을 구현했습니다. 실제 사용자 완료율과 추천 품질은 측정하지 않았습니다.

시연 자료

  • 시연공개 자료

    취향 선택과 첫 추천

    예시 계정과 보관된 공연 데이터로 취향 선택·저장부터 첫 추천까지 재현한 로컬 시연입니다.

    시연 영상 보기