[Express] 1. 익스프레스 기초

Byungchan Park·2021년 9월 19일
0

Express 튜토리얼

목록 보기
1/4

이 글은 노마드코더 줌 클론 강의 내용을 바탕으로 정리한 글입니다.

What is Server?

Listening for request and respond to the endpoint
물리적으로 항상 켜져 있는 컴퓨터. 내 접속 요청에 응답하는 컴퓨터.

서버는 항상 URL에 대한 접속을 listening 하고 있다가 접속을 허락하고, 요청에 응답하는 일을 한다.
이번 포스팅에서는 Node.js와 Express를 활용해 간단하게 서버를 빌드하는 초기 과정에 대해 알아본다.

What is Node.js?

브라우저 밖에서 자바스크립트 코드를 실행할 수 있도록 도와주는 개발 환경

자바스크립트는 브라우저에 내장되어 있어 혼자서 브라우저 밖에서는 실행이 불가능하다.
NodeJS 는 브라우저 밖에서 자바스크립트로 작성된 코드를 실행할 수 있는 환경을 만들어준다.
이 덕분에 이를 이용하여 웹 앱과 웹 페이지를 만들 수 있다.

When do you use Node.js?

  • 자바스크립트로 백엔드도 빌드하고 싶을 때
    프론트엔드 언어로는 자바스크립트만 있지만, 백엔드에서는 자바스크립트 말고도 대안이 많다.
    그 중에서 백엔드도 자바스크립트로 빌드하고 싶다면 선택하는 것이 Node.js이다.

What is Express?

Express는 Node.js에서 작동하는 웹 프레임워크로, 서버를 더 쉽게 세팅할 수 있도록 도와준다.
서버 프레임워크를 사용하는 이유는 사용 전보다 생산성이 현저히 좋아진다.
서버 개발의 과정이 대부분 반복적이고 동일하기 때문에 비슷한 프레임워크는 많이 있지만, Express를 사용하는 이유는 안정적이고 거의 완성된 프레임워크이기 때문이다.

Install and Using Express

  1. NPM(Node Package Manager)을 이용하여 Express 프레임워크 설치
npm i express 
  1. Write the Basic Default Server Setting Code
// use the express module
import express from "express"

// create an object of the express module
const app = express();

// root 경로에 접근 시 다음 callback 함수 호출
app.get("/", (req, res) => {
// send "Hello, World!" response to the browser
  res.send("Hello, World!");
});

const PORT = 3000;

const handleListen = () => {
  console.log(`The server is running on the port ${PORT}`
}

// make the server listen on port 3000
app.listen(PORT, handleListen);
profile
풀 스택 개발자를 지향하는 개발자 새내기입니다.

0개의 댓글