Express 구조 이해하기(express,generator)

Express를 이용한 간단한 실습들을 해보면서 한번 사용해봤는데 이번에는 Express의 구조를 알아보겠습니다.

 

https://expressjs.com/ko/

Express - Node.js 웹 애플리케이션 프레임워크

 

Exprees

공식홈페이지에 들어가보면 Express란 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크라고 나와있습니다.

 

• Web Application : Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js웹 애플리케이션 프레임워크 입니다.
• API : 자유롭게 활용할 수 있는 많은 HTTP 유틸리티 메소드 및 미들웨어를 통해 쉽고 빠르게 강력한 API를 작성 할 수 있습니다.
• 성능 : Express는 기본적인 웹 애플리케이션 기능으로 구성된 얇은 계층을 제공합니다.
• FrameWorks : 많고 유명한 프레임워크들이 Express를 기반으로 하고 있습니다. 

 

프레임워크 vs 라이브러리

라이브러리 = 모듈

프레임워크 : 내가 만들고 싶은 서비스를 구현하는데 필요한 모든 일을 틀 안에서 하는것(프레임워크는 라이브러리(모듈)를 미리 다 틀안에 넣어둔것) 

 

 

왜 Express?

• 수많은 개발자들에게 개발 규칙을 강제하여 코드 및 구조의 통일성을 향상할 수 있다. 
  
  • 미들웨어(middleware) : 이름처럼 요청에 대한 응답 중간에 끼어서 어떠한 동작을 수행해주는 프로그램 즉, Express.js에 요청이 들어올 때 그에 따른 응답을 보내주는데, 응답을 보내기전에 미들웨어에서 지정한 동작을 수행
  • 라우팅(Routing) : 라우팅(URL의 요청에 따라 어플리케이션이 응답하는 방법을 결정)이 편하다는 장점

정리 : Express를 사용하여 쉽게 서버를 구축할 수 있고, 가볍고 유연하다는 장점이 있습니다. middleware를 활용해 응답과정 중간에 특정 동작을 수행할 수 있고 routing이 편리하며 직관적입니다.

 

 

generator

새로운 폴더를 만들고 VSCODE에서 해당 폴더를 연뒤 터미널을 열고 아래의 명령어를 입력합니다.

npm install express-generator -g

그러면 WARN이뜨는데 넘어가도 됩니다.

 

터미널에 express를 입력하면 아래처럼 위의 설치를 해서 자동으로 셋팅이 되어 있습니다.

 

그 이후 routes폴더안에 index.js를 실행시켜보면 아래의 오류가 출력됩니다. express라는 모듈이 없다는 오류인데 express를 설치해보겠습니다. 

 

npm install express

설치를 해도 실행이 안되서 dependencies에 있는 모든 모듈도 설치해줍니다. 

 

npm install

 

그 이후에 터미널에 npm start를 입력해도 실행이 안됩니다.

 

그래서 bin폴더아래에 www파일에 가서 아래의 포트 3000을 9999로 변경해줍니다.

 

그 이후 npm start해보면 아래처럼 실행이 잘 됩니다.