본문 바로가기

boilerplate/Jhon-Ahn boilerplate backend

express 적용과 mongoDB 연결

컨테이너와 파일까지 모두 만들어졌다면

원래라면 npm package를 만들기 위해서 npm init을 해줘야 하지만

goorm ide 같은 경우 컨테이너를 만드는 시점부터 node와 npm이 다운로드되어있다. 그래서 이 부분은 스킵해도 된다.

 

root 경로에서 index.js 파일을 하나 만들어주자. 이 파일이 backend의 시작점이 된다.

 

그리고 위 버전에 맞게 express와 mongoose를 다운로드하여주자.

npm install express@4.17.1

npm install mongoose@5.8.9

 

다음으로 기본적인 express.js 앱을 만들어보자.

https://expressjs.com/ko/starter/hello-world.html

 

Express "Hello World" 예제

Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일 것입니다. 이 앱은 하나의 파일로 된 앱이며 Express 생성기를 통해 얻게 되는 앱과는 같지 않습니다. (이 예제

expressjs.com

이 링크를 타고 들어가서 나오는 코드를 복사해서 index.js 파일에 넣어주자.

그리고 나는 포트를 5000으로 설정해줬다. (front는 3000을 쓸 생각이다.)

 

시작점이 index.js로 설정했으므로 root 경로에 있는 package.json 파일을 수정해주자.

scripts 부분에 "start": "node index.js"로 수정한다.

그리고 npm run start를 명령어로 입력해주면 npm run 다음에 scripts 부분에 지정해주었던 start 부분이 들어오게 된다.

즉, node index.js 명령어가 실행된다.

 

다음으로 mongodb를 연결해주자.

나는 mongoose라는 편리한 도구를 이용해서 연결했다.

 

 

mongodb 사이트와 연결하는 부분은

https://www.youtube.com/watch?v=TTmfGULw0Uw&list=PL9a7QRYt5fqly7BrCxOS71BqLLb9OeXKd&index=2 

이 강의를 참고하자. 

위의 코드에 나와있는 내용은 mongoose 문법과 같은 거니까 굳이 이해할 필요 없이 저대로 넣어주면 된다. 

 

그리고 npm run start를 해주면 mongoDB connected...라는 내용이 나오면서 mongoDB와 연결되었음을 알 수 있다.

 

 

실행 부분에서 중요한 점은 terminal에 나오는 주소나 localhost 주소로 들어가면 절대 안 될 것이다. 나는 군대 사지방에서 goorm ide를 사용하고 있기 때문에 해당 웹페이지를 실행해보려면 goorm ide 상단 메뉴바의 프로젝트 -> 실행 URL과 포트에 나와있는 URL로 접속해줘야 한다.