### BackEnd 음악 - 이준호, 한현진 1. 파이썬으로 벅스에서 각 장르별 최신곡 크롤링해옴 (server/data.js) 2. localhost:3000/search?query; 3. query ex) emotion=anger or emotion=contempt... 4. 각 emotion에 맞는 장르의 음악들을 json 형태로 보내줍니다. #### 크롤러 정보 음악 1. 언어 : python 2. 필요한 라이브러리 : beautifulsoup, OrderedDict 3. 동작원리 : 벅스에서 각 장르별 최신곡을 크롤링해서 music_types.json 파일로 반환 4. 세부내용 : 파일안에 주석처리 되어있음 ### BackEnd 영화 - 송명후, 박상은 1. 네이버 api는 제목을 필수적인 키워드로 검색하여 결과 값을 보내준다. 2. 프론트에서 감정에 대한 키워드로 장르를 검색해서 결과를 보낼 수가 없었다. 3. 그래서 해당 감정에대한 예약 키워드를 정하고 감정이 전달되었을 때 해당 키워드를 검색한다. 4. http://localhost:9000/movie/sad 5. 응답된 결과는 다시 프론트로 보낸다. #### 크롤러 정보 영화 1. 언어 : js 2. 필요한 라이브러리 : express, request-promise, fs 3. 시간상 구현하지 못하였지만 다른 대안 - https://developers.themoviedb.org/3/movies/get-popular-movies - 위 링크 외국 사이트에서 인기 있는 영화 리스트를 받을 수 있다. - https://api.themoviedb.org/3/movie/popular?api_key=de3b02f26876ce932e827293a87fc5c9&language=en-US&page=1 - page 값만 바꿔서 영화 리스트들을 호출하고 장르로 구분하여 데이터를 저장한다면 원래 기획의도대로 구현할 수 있을 것 같다. ### Frontend - 이건, 이용호, 신유경 #### Structure - Header : 업로드 뷰를 고정 - Main : 메인페이지. 자신의 사진을 업로드 - Contents : 업로드한 사진의 감정을 분석하여 영화/음악을 추천 - Footer : 페이지의 간단 정보 #### Routing - '/': `ULCHAPLAY`의 메인페이지 - '/contents': 얼굴을 분석하여 관련된 뮤직/영화 데이터를 뿌려주는 페이지 #### 사용 스펙 - React v16.8.6 - [bootstrap v4.3.1](https://getbootstrap.com/docs/4.3/getting-started/download/) - [material lite v1.3.0](https://getmdl.io/started/index.html)