야보자(Yaboja)

바로가기

최신 영화 및 TV 시리즈 정보를 제공하고, 리뷰 및 댓글을 통해 이용자들의 의견을 교환할 수 있는 커뮤니티 사이트

목차

• 🎯 Project's Goal
• 🖥 Function
• 🧑🏻‍💻 Skills
• ⚙ Environment
• 🔧 Deployment
• 📒 Usage
  • 실행하기
  • OS별 명령어 수정
• 🙋🏻‍♂️ Members

🎯 Project's Goal

컨텐츠가 넘쳐나는 요즘, 정작 볼만한게 없다며 불평하는 사람들이 늘어나고 있다. 최신 컨텐츠들의 정보와 다른 소비자들이 공유한 의견을 참고하여 내가 볼 컨텐츠를 선택할 수 있게 하고, 내가 본 영화나 드라마의 진한 여운을 여러 사람들과 공유하며 2차적으로 컨텐츠를 소비할 수 있는 공간을 만들고 싶었다.

🖥 Function

• 회원가입 및 로그인 - 동영상보기
• 최신 영화 및 TV 시리즈 보기 - 동영상보기
• 컨텐츠 검색 페이지 - 동영상보기
• 컨텐츠별 리뷰 게시판 - 동영상보기
• 리뷰별 댓글, 좋아요 - 동영상보기
  

🧑🏻‍💻 Skills

Front-end :

Back-end :

⚙ Environment

🔧 Deployment

📒 Usage

실행 전 주의사항

야보자 프로젝트는 tmdb api로 컨텐츠 관련 정보를 받아오고 있다. 보안을 높이기 위해 env 파일에 tmdb api키를 정의했고, gitignore 파일에 env 파일을 추가했다. 따라서 실행을 위해서는 tmdb api키를 발급받아 env 파일에 정의하는 작업이 먼저 이루어져야 한다.

// .env

REACT_APP_API_KEY=발급받은 API키

https://www.themoviedb.org/ 위 링크로 들어가 tmdb에 가입만 하면 api키를 바로 발급받을 수 있다.

실행하기

> npm run start

OS별 명령어 수정

• 로컬에서 사용시 포트번호 4000번 적용
• package.json 파일에서 각 OS에 맞게 수정해준다.

// Window
...
  "scripts": {
    "start": "set PORT=4000 && react-scripts start",
...
// Mac
...
  "scripts": {
    "start": "PORT=4000 react-scripts start",
...

🙋🏻‍♂️ Members

Front-end : Seongtaek Hwang, Jung Young Jun

Back-end : lucid-jin

Seongtaek Hwang	Jung Young Jun	lucid-jin
github	github	github