[BackEnd][Node.js] Express.js - 초기 구성

 

 

 

Project Git Hub

 

 

🗂 목차

● [BackEnd][Node.js] Express.js - 초기 구성
● [BackEnd][Node.js] Express.js - 초기 구성 : DB 연결
● [BackEnd][Node.js] Express.js - 초기 구성 : DB 연결(Sequelize)

 

 

📚 부록

● [Node.js] Node.js 기초
● [JavaScript] 기본 문법
● [Web] URL의 이해
● [Spring] Spring이란?

 

 

🤔 내가 만난 Error

● [Node.js][Error] Cannot find module '.dotenv'

 

 

 

 

 

 

 

 

 

 

🚀 Node.js 시작하기

    🔽  개요

주니하랑은 SE(Server Engineer) 근무를 하다가 개발자로써 또다른 인생을 시작하고 싶다는 꿈을 가지고, JAVA진영의 `Spring Boot`를 공부하고 있는 것이에요.

어느날 멋진 Start Up 대표님께서 제가 정리한 글을 보고, 업무 관련해서 이야기를 나누고 싶다고 하셔서 이야기를 나눈 것이에요. 알고보니 그 회사는 `Node.js`를 이용한 Server를 구축하고 있는 회사더라구요.

많은 회사들이 점점 `Node.js`를 채택하고 있는 점과 더불어 다른 몇몇 기업에 소속되신 분들도 연락을 주시고는 있지만, 서로 조건이 맞다면 입사를 하고 싶은데, `Node.js`를 아예 모르면 안될 것 같아 어느정도 이해할 수 있는 수준까지는 최대한 끌어올려보자라는 목표를 가지고 Coding을 해보고 내용을 정리하고 있는 것이에요.

`Node.js`를 공부하기 위해 여러 강의를 찾아봤지만, 주니하랑은 `Sping` 환경으로 구성된 개인 프로젝트를 `Node.js`로 바꿔보는 것을 해보고 싶은데, ejs 등 RESTFul 방식의 JSON Data 통신이 아닌 html 들도 들어가는 등의 강의들만 있는 것을 본 것이에요.

주니하랑은 열심히 구글링을 하고 주니하랑이 원하는 내용대로 공부를 해보면서 내용을 정리 해 볼것이에요.

 

 

 

        📦  Spring VS Node.js

시작하기 앞 써 주니하랑이 사랑하는 `Spring`과 `Node.js`를 한번 비교해 본 것이에요.

위의 표를 보면 알 수 있듯이 `Node.js`는 `Runtime` 환경이고, `Spring`은 `Framework`인 것이에요. 따라서 `Runtime` 환경과 `Framwork`를 비교하는 것이 어불성설일 수 있으나, 두 가지의 기술이 있다는 점에서 비교해 보는 것이에요. 또한, 이 두가지가 언급되는 이유는 `Node.js` 등장으로 `JavaScript`로 Application 개발이 용이해졌고, `Spring`의 등장으로 JAVA의 Application 개발이 용이해졌기 때문인 것이에요.

 

 

        📦  Express.js

JAVA에서 Web Application을 만들기 위해 `Spring`을 이용하듯 `Node.js`에서는 `Express.js`를 이용하는 것이에요. 이 외에도 여러 `Framework`가 있지만, `Express.js`는 가장 인기 있는 Web Framework이기 때문에 선택한 것이에요. `Express.js`는 `Spring`과 비교했을 때, 훨씬 빠르게 개발 환경을 설정하고, 실제 Server Code를 구현할 수 있는 장점이 있다고 해요.

현업에서도 많이 애용되는 `타입 스크립트`와 함께 이용하면 보통 `Nest.js`라는 `Framework`를 이용한다고 합니다.

참고로 `Node.js`는 `NoSQL`과 궁합이 잘 맞아 `MongoDB`를 많이 이용하는데, 주니하랑은 RDBMS인 `MySQL`을 이용해 볼 것이에요.

`Express.js`는 따로 디자인 패턴을 정하지 않고 있는데, `코드 가독성`과 `유지보수 성` 등을 위하여 경로를 지정하는 `route`, 각 Route의 입력값과 실제 Query문을 연결하는 `Controller`, 실제 Query문을 작성하는 `Model` Layer로 나누어 진행 해 보도록 할 것이에요.

`Spring`의 MVC 방식과 다르다보니 많이 헷갈리는 것이에요.

 

 

 

 

    🔽  초기 구성

최초 VSCODE와 같은 IDE를 이용해서 터미널을 열고, 명령어를 이용해서 초기 환경을 구축해 줄 것이에요. 그렇게 되면 `package.json` 파일이 생성되는데, 이 파일은 `Spring` `Gradle`에서는 `build.gradle` `Mavne`에서는 `pom.xml`과 같이 `dependency` 정보와 프로젝트 정보를 담고 있는 파일로 이 친구를 통해 해당 프로젝트에서 이용하는 Package를 관리 할 수 있는 것이에요.

 

명령어

npm init

npm init을 통한 환경 구성

주니하랑은 위와 같이 환경 구성을 해 준 것이에요.

 

package.json

완료가 되면 위와 같이 `package.json`이 만들어지게 되는데, 아직 추가 Package를 설치하지 않았기 때문에 `dependency` 관련 내용은 없는 것이에요.

 

        📦 Express.js 설치

명령어

npm install express --save
npm i express --save

`Express.js`를 설치할 땐 위의 두가지 중 한 가지 명령을 쓰면 되는데, `i`와 `install`의 차이는 그냥 `i`로 짧게 쓴 것이에요.

또한, `--save` Option은 우리가 Git을 이용하여 프로젝트 관리를 하게 되는데, 나중에 Package 들을 설치하게 되면 만들어질 `node_modules`라는 Directory 즉, 아래 `Spring` 같이 Package나 Library를 보관하는 Repository에 많은 것들이 만들어지는데, 이것을 Git에 올리면 효율성이 떨어지니 `.gitignore`에 `node_modules`를 등록하고, 차 후 다른 사람이나, 내가 다른 환경에서 해당 Project를 내려 받았을 때, `$ npm install` 명령어 하나로 `package.json`에 `dependency`로 작성된 환경 구성을 다시 할 수 있게 하기 위한 Option인 것이에요.

 

Spring의 Library Repository

.m2 Directory

 

 

npm i express --save

위와 같이 `package.json`에 `dependencies`로 `Express.js`이 추가 되었고, `node_modules` Directory가 만들어 진 것이에요.

 

 

        📦 Express.js 동작 확인

`Express.js`가 설치 되었으니 Server를 실행시켜 잘 동작하는지 확인 해봐야 하는 것이에요.

최초 `app.js`(JAVA의 Main()이 있는 Class와 비슷)를 통해 코드를 넣어 볼 것이에요.

`app.js`는 해당 프로젝트 Direcotry 최상위에 만들어줘야 한다는 것을 잊으면 안되는 것이에요.

 

app.js 만들기

 

app.js

`app.js`를 위와 같이 작성하고, 반드시 저장을 해줘야 하는 것이에요.

그런 뒤 이제 실행을 시켜볼 것인데, 아래 방법으로 Server를 구동할 수 있는 것이에요.

 

명령어

node app.js

반응형

 

위와 같이 `$node` 명령어를 써도 되지만, 이렇게 하면 Code를 수정하면 Server를 내렸다가 다시 `$node` 명령어로 구동하는 번거로움이 발생하게 되는 것이에요.

그래서 주니하랑은 `nodemon`을 설치해서 구동해 볼 것이에요.

 

설치 명령어

npm i nodemon --save

 

nodemon 설치

 

 

서버 구동 명령어

nodemon app.js

nodemon을 이용한 Server 기동

Server가 아주 잘 구동된 것을 확인할 수 있는 것이에요.

 

Browser를 통해 확인 해 보아도 아주 잘 구동된 것을 확인할 수 있는 것이에요.

 

다음 Posting에서는 DB를 연결하는 방법에 대해 공부 해 보고, 공유하도록 하겠습니다!

 

 

 

참고 자료 : [Node.js] Express + MySQL로 REST API 만들기 (1)