본 포스팅 내용은 과거에 개인적으로 공부할때 정리했던 NodeJS의 내용을 복습의 목적으로 다시 정리하는 포스팅입니다.

Front-end

Front-end에서 post방식으로 body에 데이터를 담아 보내는 경우,

1
2
3
4
5

// front-end에서 body를 함께 Request를 보내는 경우,
axios.post('/products', {
  name: 'Lee Hyungi',
  description: 'Hi!'
});

본 포스팅 내용은 과거에 개인적으로 공부할때 정리했던 NodeJS의 내용을 복습의 목적으로 다시 정리하는 포스팅입니다.

GET/POST 방식 비교표

GET 방식과 POST 방식은 위와같이 정보 전송방식과 보안적 측면, 전송할 수 있는 데이터의 길이, 전송데이터의 Caching 가능 유/무 등에서 차이점을 보인다.

HTTP의 동작방식에서 URL을 통해서 browser에 접속하게 되면, browser가 GET method 방식으로 Browser의 Page를 읽어온다.

로그인과 같이 중요한 정보를 전송할때에는 POST method로 browser에서 server로 정보를 전달하게 된다.

간단하게 browser상에서 /(root) 경로로 이동했을때의 처리를 작성해보자.

index.js

1
2
3
4
5

const handleHome = () => {
  console.log('Hi from home!');
};

app.get('/', handleHome);

본 포스팅 내용은 과거에 개인적으로 공부할때 정리했던 NodeJS의 내용을 복습의 목적으로 다시 정리하는 포스팅입니다.

Express 프레임워크를 사용해서 NodeJS 서버 작성

1
2
3
4
5
6
7
8
9
10
11

// express라는 이름의 파일을 찾아보고, 없으면 node_modules내부에서 찾아본다.
const express = require('express');
const app = express();

const PORT = 4000;

const handleListening = () => {
  console.log(`Listening on: http://localhost:${PORT}`);
};

app.listen(PORT, handleListening);

package.json에 entry command 만들어주기

1
2
3
4

// package.json
"scripts":{
      "start": "node index.js"
}

본 포스팅 내용은 과거에 개인적으로 공부할때 정리했던 NodeJS의 내용을 복습의 목적으로 다시 정리하는 포스팅입니다.

ExpressJS?

ExpressJS는 간단히 말하면 훌륭한 개발자들이 만들어준 NodeJS 프레임워크이다. 이를 사용해서 우리는 원하는 걸 쉽고 빠르게 해낼 수 있다. 예를 들어 NodeJS로 서버를 만드는 것이 목표라면 수작업으로 초반작업을 해줄 필요가 있는데 Express를 이용해서 단 몇 줄의 코드로 서버를 만들 수 있다.

Framework

다른 프로그래밍 언어에도 프레임워크가 있다. 예를 들어 Django는 Python으로 된 프레임워크이고, Rails는 Ruby로 된 프레임워크이고, Laravel은 PHP로 된 프레임워크이다. 이러한 프레임워크들은 개발자들의 개발을 손쉽게 할 수 있도록 도와준다.

서버를 개발하는 것은 대부분의 경우 거의 동일한 패턴을 가지고 있다. Connection 열기, Connection Listening, 파일을 처리, html 전송, 데이터를 저장, form에서 데이터를 받아오기와 같은 일련의 과정의 반복이라고 볼 수 있다. 모든 어플리케이션이 대부분 동일한 일을 하기때문에 앞서 언급한 프레임워크는 다른 방식이지만 결국에는 같은 일들을 처리한다고 볼 수 있다.

ExpressJS는 NodeJS의 프레임워크 중에 대중적인 프레임워크이고, 안정적이다.