[군 장병 AI/SW 교육] 웹과 Express.js 2 / Express.js 기초 1

 

군 장병 AI/SW 교육 / 엘리스 코딩 / [초급] 웹 개발 프로젝트 / Express.js 기초 1 / 웹과 Express.js의 노트필기입니다

---

-- 웹과 Express.js --

목차

 

1. 웹 서비스 동작 방식 

2. 웹 프레임워크 <==

    가. 웹 프레임워크란

    나. 웹 프레임워크 구성 요소

    다. Node.js의 웹 프레임워크

3. Express.js 시작하기

4. Express.js의 구조

5. Express.js 동작 방식

---

가. 웹 프레임워크란

1) 웹 프레임워크

웹과 프레임워크의 합성어

웹 : 웹 서비스에 필요한 기능들을 제공해주는

프레임워크 : 다양한 도구들의 모음

 

즉, 웹 프레임워크는 웹 서비스에 필요한 기등들을 제공해주는 다양한 도구들의 모음이다.

 

2) 웹 프레임워크를 사용하는 이유

웹 서비스를 구성하기 위해서는 매우 많은 기능 필요.

이러한 기능을 직접 만드는데는 많은 비용 소요.

웹 서비스는 많은 부분이 정형화 되어 있으므로 정형화된 부분들을 웹 프레임워크를 이용해 간단하게 구현 가능.

 

=>필요한 부분만 집중해서 개발할 수 있다.

 

 

 

나. 웹 프레임워크 구성 요소

1) 기본 구성 요소

웹 서비스의 정형화된 구성을 많은 웹 프레임워크가 기본적으로 제공한다.  

보통 아래 4가지 기능을 제공한다.

• HTTP 요청 처리
• HTTP 응답 처리
• 라우팅
• HTML Templating

 

2) HTTP 요청 처리

웹 프레임워크는 HTTP 요청을 처리한다.

 

 

3) HTTP 응답 처리

웹 프레임워크는 HTTP 응답을 처리할 수 있다.

 

*HTTP 요청/응답 처리에 대한 자세한 내용은 아래 링크의 이전 포스팅을 참조하면 좋다.

2023.12.10 - [코딩/군 장병 AI·SW 역량강화 교육] - [군 장병 AI/SW 교육] 웹과 Express.js 1 / Express.js 기초 1

 

 

4) 라우팅

웹 프레임워크는 HTTP 요청을 분기하는 방법을 제공한다.

HTTP 요청 URL에 해당하는 알맞은 응답의 경로를 미리 설정해 주는 것이다.

이렇게 네트워크에서 경로를 선택하는 프로세스를 라우팅이라고 한다.

 

 

5) HTML Templating

HTML Templating을 통해 미리 페이지의 뼈대를 작성 가능하다.

예를 들어 로그인 후 'ooo님 안녕하세요!'라는 문구를 띄우는 창이 있다고 가정하자. ooo은 로그인한 사람의 이름에 따라 모두 다른 글자가 나타날 것이다. 이때 ooo을 제외한 나머지 뼈대를 미리 작성해놓으면 간단하게 웹을 작성할 수 있다.

 

다. Node.js의 웹 프레임워크

Node.js에는 다양한 웹 프레임워크가 있다. 아래 표1를 참조하자. 

Express.js	Node.js의 가장 유명한 웹 프레임워크(본 강의에서 사용)
Koa.js	현대적인 JavaScript를 적극적으로 사용하는 웹 프레임워크
Nest.js	TypeScript를 사용하며, 고정된 구조를 제공하는 웹 프레임워크
기타	Hapi, Sails.js, Meteor.js 등

표1. Node.js의 다양한 웹 프레임워크 / 출처 : 엘리스 코딩