Song Number Book

Song Number Book!

---

SongNumberBook

노래방에서 노래부르는 시간보다 노래를 고르는 시간이 더 많지 않으셨나요?
다른사람이 노래를 부를때 핸드폰만 만지며 어떤 노래를 부를지 고민하지 않으셨나요?
결국 선택된 노래가 어제 부른 그 노래가 아니었나요?!

이제 노래를 검색하고 나만의 리스트에 저장해보세요!

깃허브: 백엔드 프론트엔드  

배포: https://songnumberbook.shop/

프론트엔드: React-Hook, styled-component

백엔드: Node.js MySQL, Sequelize, Cheerio

기능:

• 로그인
• 노래검색
• 나만의 노래목록 생성/편집/삭제

---

서비스 소개

'봄' 검색결과

 

  나는 노래방가는 것을 좋아한다. 하지만 막상 노래방에 가면 어떤 노래를 불러야할지 고민하다 인기차트에 있는 노래만 부르고 오게 된다. 그런데 이 인기차트도 변동이 크지 않기 때문에 결국 노래방에 갈 때마다 같은 노래만 부르고오기 일쑤이다. 이러한 고민에서 나만의 노래번호 리스트를 만드는 프로젝트를 생각해냈고, 이 의견이 받아들여져서 퍼스트 프로젝트로 아이디어를 구현해보게 되었다.

 

  SongNumberBook은 노래방에서 부르고 싶은 노래를 미리 검색하고 나만의 리스트를 만드는 서비스이다. 노래 검색의 결과는 태진 미디어를 크롤링의 검색결과를 크롤링 하여 제공한다.

 

개발 이슈

1. 크롤링(Cheerio)

  2021.03.27 - [Web/JavaScript] - cheerio를 이용한 javascript 스크래핑

2. 깊은 라우팅

  2021.03.27 - [Web/JavaScript] - 깊은 라우팅

3. Sequelize Join

  2021.03.27 - [Web/JavaScript] - Sequelize Join

4. 전체화면 애니메이션 만들기(JavaScript)

  2021.03.27 - [Web/JavaScript] - 전체 화면 애니메이션 만들기

5. 모달(Styled Component)

  2021.03.27 - [Web/JavaScript] - Modal 만들기