Project - 202010112/projects GitHub Wiki

프로젝트 명

팀원

임하경

주제 선정 배경

향유할 문화생활이 많아짐에 따라 어떤 것을 보고, 소비할지 고민하는 사람들이 많아졌다. 이에 개인에게 맞춤화된 컨텐츠를 추천해줄 수 있는 사이트를 제작해보기로 했다.

개발 환경 - 기술 스택 및 간단한 소개

프론트엔드

React.js: 컴포넌트 기반 UI 프레임워크. 효율적인 렌더링과 동적인 사용자 인터페이스 구현에 사용. CSS/SCSS: 사용자 인터페이스 디자인. SCSS는 보다 구조적인 디자인을 작업할 때 사용.

백엔드

Node.js: 서버 처리에 사용. Express.js: Node.js를 기반으로 한 프레임워크로, 백업 용도로 사용.

데이터베이스

MongoDB: 사용자 선호도, 검색 기록 등을 저장.

API

Google Books API: 책 정보 API The Movie Database (TMDB) API: 영화 정보 API

시스템 구성도

1. 사용자 인터페이스(UI): React.js 기반의 웹페이지에서 사용자가 장르, 분위기, 주제 등을 선택.

2. 프론트엔드와 API 서버 간의 통신: 선택된 조건을 백엔드 서버(Node.js/Express)로 전달.

3. API 데이터 수집: 서버에서 Google Books API와 TMDB API를 통해 관련 데이터를 수집.

4. 추천 알고리즘: MongoDB에 저장된 사용자 데이터와 API 데이터를 종합하여 추천.

5. 결과 전달: 결과를 다시 프론트엔드로 전달해 사용자에게 표시.

구현 기술

• React.js를 사용해 빠르고 동적인 사용자 인터페이스 제공.

• Node.js & Express.js로 API 데이터를 처리하고, 사용자 요청에 대한 비동기적 응답 제공.

• MongoDB를 통해 사용자 데이터와 API에서 받은 데이터를 유연하게 관리.

• Google Books API와 TMDB API를 활용하여 방대한 양의 도서 및 영화 정보를 받아와 사용자에게 적합한 콘텐츠를 추천.

구현 결과

추후 기재 예정

기대 효과

• 정확한 데이터를 바탕으로 효율적으로 정보를 추천
• 해당 영화가 어떤 OTT에서 방영되는지, 해당 도서가 어느 서점에서 판매하는지도 전달함으로써 정보를 쉽게 파악 가능

역할 분담

홀로 합니다.

일정계획