MovieApp 만들기) 1.Mongo Db 연결하기

 

 

 

 

지난 한달동안 node.js와 자바스크립트, 리액트 중심으로 강의를 들었는데, 

이번에는 유튜브 강의를 활용해서 실제로 프로젝트를 진행하는 것을 해보려고 한다. 

 

 

 

https://www.youtube.com/watch?v=TrxXFbF52gs&list=PL9a7QRYt5fqkowXUgTj_tbkFClsPhO5XV&index=7

강의는 위의 목록을 보고 따라 배우면 된다. 

 

가장먼저 boiler-plate를 적용해서 진행하기 때문에 아래 깃헙에서 파일을 다운받고 실행한다. 

https://github.com/jaewonhimnae/boilerplate-mern-stack

jaewonhimnae/boilerplate-mern-stack

그 다음 npm install 을 진행하고 cd client로 넘어가서 동일하게 npm install 을 진행해준다. 

 

그다음 config 폴더의 server안에 prod.js와 같이 dev.js파일을 만들고, mongodb와 연결해서 사용하도록 설정할 것이다. 

module.exports = {
    mongoURI:'이부분에 삽입'
}

 

일단 mongo db 사이트에서 aws를 이용한 cluster를 만들고, connect를 이용해서 connection string을 dev.js의 적절한 위치에 입력한다. 

 

 

영화 관련 api를 이용해서 애플리케이션을 만들 것이라서 영화api는 아래 사이트에서 가입해서 가져오도록 한다. 

https://www.themoviedb.org/

The Movie Database (TMDb)

 

 

여기서 Api_url과 image_url은 각각 파일들과의 공통 부분이 생겨나는데, 이 공통 부분은 components->views->Config.js파일에 따로 빼주도록 하자.

//SERVER ROUTES
export const USER_SERVER = '/api/users';
export const API_URL = 'https://api.themoviedb.org/3/';
export const API_KEY = '1996019938afaab7f096776bfa002af6'
export const IMAGE_BASE_URL = 'http://image.tmdb.org/t/p/';

 

 

 

여기까지 하면 가장 기본적인 부분은 설정하였다