Skip to content

버젼 3 소개

suyoung edited this page Mar 14, 2022 · 19 revisions

프로젝트 소개

친구들과 함께 K-pop의 전주만 듣고 노래제목을 맞추는 미니 게임 웹 어플리케이션

목적

  • 지난 버젼에서 작성한 코드를 아예 밀고 싹 재작성 한다. 🔥
  • socket.io 을 적용한다.
  • TDD 를 적용한다. (storybook, jest)
  • Next.js로 SSR을 구현한다.
  • 구글 애널리틱스를 적용한다.
  • (시간이 너무 여유롭다면) PWA 적용

작업기간

  • 22년 3월 ~ 6월

사용 스택 및 기술

  • responsive design

FRONT-END

  • Next.js, TypeScript
  • Socket.io
  • @emotion
  • storybook, @testing-library/react
  • D3.js

BAKC-END

  • Node.js
  • express

DB

  • MongoDB, mongoose

버젼3

새롭게 추가된 기능

  • 실시간 채팅
  • 유저가 직접 생성하는 트랙리스트
  • SSR
  • 유저 초대 (현재 들어가있는 방으로)
  • 인포그래픽 D3.js으로 그래프

삭제할 기능

  • 유저 로그인, 회원가입 기능
  • 랭킹 기능(게임기록)
  • 코멘트
  • 좋아요, 싫어요

수정할 로직

  • ${artistName} ${trackName} 가사 로 youtube 검색하면 더 좋을 듯
  • 이유: bts 와 같이 소속사 로고 bgm나오는거 방지됨 & 뮤비가 아닌 음원으로 검색됨