Settings
이번 강의부터는 외부 모듈인 express 를 사용했다.
밑의 과정은 express를 이용하여 서버를 구축하기 위한 환경 셋팅과정이다!
먼저, 터미널에서 이렇게 cd my_app 으로 만들어둔 my_app 파일로 이동했다.
npm init으로 my_app 파일에서 프로젝트를 진행하기 위해 선언해준다.
다음과 같이 설정해주고
my_app을 보면 pakage.json 이 생성되어있다.
-> 프로젝트의 요약본이라고 생각하면 됨!
npm 을 사용해서 외부 모듈인 express 를 설치해준다.
express 자체도 누가 만든 코드이기 때문에 이렇게 가져와서 쓰는 것!
위 과정을 거치고나면 pakage.json 에 dependencies 가 생성되어있다.
dependencies -> 앞으로 설치하는 외부 라이브러리, 모듈 표시됨
이 json 파일만 가지고 똑같은 프로젝트 세팅을 다른 곳에서도 구현 가능해짐
그리고 내 프로젝트에서 esm을 사용할 것이라고 명시해줘야 한다.
pakage.json 에 type 을 넣으면 위 사진처럼 뜨는데
commonjs 는 cjs, module 은 esm을 뜻한다.
esp로 서버를 만들면?
import { createServer } from "http";
const server = createServer((req,res)=>{
res.writeHead(200, {'Content-Tyoe': 'text/plain'});
res.write('Hello node.js')
res.end();
});
server.listen(3000, ()=>{
console.log('Server is listening on port 3000');
});CJS와 ESM 코드의 차이점은 다음과 같다
CJS
const http = require('http');ESM
import { createServer } from "http";require 대신 from을 사용하며
http에 따로 담아주지 않아도되기 때문에
const server = createServer((req,res)=>{http 지워준다.
ESM에서는 createServer 를 바로 사용가능하다!
저번과 같이 터미널에 node index.js를 치면
이렇게 뜨고, 서버가 생성된 것을 알 수 있다!
똑같이 페이지를 들어가면 이렇게 확인할 수 있다.
