[Node.js] Express 시작하기

Express란?

공식홈페이지를 들어가보면, Express는 Node.js를 위한 빠르고, 개방적이며 간결한 프레임워크라고한다.

간단하게 설명을 하면, Node.js로 개발을 할때, 쉽고 간편한 개발,유지,보수를 도와주는 프레임워크라고 생각을 하면된다.

 

Express 실행하기 전에!

위에 설명했듯이 Express는 Node.js를 위한 프레임 워크이다. 그러니 Node.js가 필수적으로 깔려있어야 실행이 가능하다!!

Node.js가 설치되어있지 않다면??

https://khu98.tistory.com/220?category=872979 

[Node.js] Node.js 시작하기

위의 링크를 참고하여 Node.js를 설치하고오자!

 

 

 

Express 시작하기

저는 IDE를 Visual Studio Code를 이용했습니다. VSC에서 관리할 폴더로 이동을 한 뒤, 터미널에서 명령어를 입력해줍니다.

여기서 npm이란?

npm은 Node Package Manager의 줄임말로, Node.js 패키지들을 관리해주는 관리자 역할을 한다.

https://www.npmjs.com/

npm

혹시 모르니 공식사이트를 링킹해드리겠습니다.

 

위의 npm init -y 커맨드를 입력하면 폴더에 package.json이 생길것이다.

 

이 package.json 파일을 이용하여, 패키지의 dependencies와 script 등을 관리를 해줄 수 있다.

반응형

 

그런뒤, 우리는 Express패키지를 설치해주어야 한다. 이때 npm을 이용할것이다.

위처럼 npm install express를 입력하면, npm에게 express패키지를 설치해달라고 명령을 하는것이다.

이렇게 express설치를 완료하였다. 설치가 완료가 되면 package.json에서 dependencies에 express가 추가된것을 볼 수 있다.

 

express도 설치를 했으니, express를 이용해서 서버를 실행시켜줄 app.js파일을 만든다.

그런뒤, 코드를 추가해준다.

const express=require('express');//express패키지를 가져옴
const app=express();

//express를 이용해서 3000번 포트를 사용한 서버를 연 뒤, "Hello! Node.js"를 콘솔에 출력시킴
app.listen(3000,()=>{
    console.log("Hello! Node.js!");
})

 

코드를 추가시켜준 뒤, 터미널에 다음 명령어를 실행시켜준다

node app.js를 실행시켜주면, 콘솔에 다음과같은 결과가 나타난다.

그런 뒤, localhost:3000/ 로 들어가면 아래와같은 결과가 나타난다.

 

이는, express로 서버를 연 뒤, console.log("Hello! Node.js!"); 를 실행시켜준 결과이다. 그래서 서버가 열리고,콘솔에 해당 문구가 뜬것이다. 하지만 url처리를 하지않아서 서버에 접속을 했을때 오류가 뜬 화면이다.

 

 

우리는 이렇게 express를 설치하고, express를 이용해서 서버를 열어보았다.