프론트엔드만 주로 공부하다 보니
백엔드 쪽은 무언가 프로젝트를 시작할 때마다 다시 찾아봐야 되고 해서
johnAhn님의 강의를 들으면서
무언가 기본적인 템플릿을 만들어 놓으면 좋을 것 같다는 생각이 들었다.

그래서 모든 프로젝트의 가장 기본이 되는
회원가입, 로그인, 로그아웃, Authentication, Token 등등을 작성하여 놓은
default template를 만들려고 한다.

NodeJS, ExpressJS, MongoDB를 사용해서!

NodeJS, ExpressJS 설치

https://nodejs.org/ko/

위 사이트에 들어가서 본인의 운영체제에 맞게 NodeJS를 다운받는다.
가장 최근 버전 보다는 보다 안정적인 LTS버전을 추천한다.

노드가 설치되었다면
터미널 창에서 프로젝트 폴더를 만들어보자.

1. mkdir default_template //프로젝트 폴더명
2. npm init // npm init 후 나오는 입력창들은 본인의 입맛에 맞게 작성!

그리고 본인이 사용하는 텍스트에디터를 열어서
만들었던 프로젝트 폴더를 연다.
그러면 생성한 프로젝트 폴더 안에 package.json 파일이 있다.

그리고 시작점인 index.js파일을 생성하고 터미널창에 아래 명령어로 ExpressJS를 설치한다.

npm install express --save

expressJS가 설치되었으면 index.js에서 기본적인 express앱을 만들어보자.

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

위 사이트에 공식문서를 참고해서 위 내용을 복사해서
index.js에 붙여넣는다.

const express = require('express') // express 라이브러리를 불러와서
const app = express() // function을 이용해서 새로운 express앱을 만들고
const port = 3000 // 로컬의 3000번 포트를 이용한다.

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

그리고 서버실행을 위해서 package.json파일의 script 항목에
start 키워드를 추가한다.
npm start 시에 node를 이용해서 index.js를 실행하겠다는 명령어이다.

npm start를 실행해보면
터미널창과 localhost에서 잘 실행되고 있음을 확인할 수 있다.