본문 바로가기

Web-Node.js

Node.js 실행

우선 VScode에서 연습할 폴더를 하나 만들어 준다.

 

Example이라는 폴더안에 Node.js를 실행 코드를 적을 app.js를 만들어 주었다.

그 후 ctrl+shift+`(작은따옴표가 아닌 백틱) 를 눌러 해당 폴더이름을 선택해 터미널 창을 열어준다.

 

그 후 터미널창에 npm init를 해준다

 

  • 여기서 npm이란 Node Package Manager로서 node.js를 편하게 쓰기 위해 다른사람들이 만들어놓은 모듈을 쓸 수 있게 해주는 Node.js의 기본 패키지 관리자이다.npm 은 Node.js 설치시 자동적으로 설치 되므로 따로 설치를 안해줘도된다. Node.js와 마찬가지로 cmd창에npm -v 으로 버전 확인이 가능하다.

  • npm init란 이 폴더에 Node.js를 사용하기 위한 기본 환경 셋팅을 해준다는 명령어이다. node 프로그램을 시작(initialize)하는 명령어로 package.json 파일을 생성을 해준다. package.json 파일은 해당 node 프로그램에 대한 기본 정보를 담고 있는 파일이다. npm init 실행 시 패키지명 id password등을 물어보는데 예제단계에서는 딱히 따로 적을 필요 없이 엔터키로 넘어가도된다.

npm init 이후엔 npm install express --save 를 입력해준다.

  • npm install를 통해 express라는 모듈을 다운 받는 명령어이다. 
  • express란   웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크이고 인기가 많아 예제코드도 많고 검색도 원할한 편이다.

expressjs.com/ko/

 

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

Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save

expressjs.com

 

express 까지 install이 완료되면 app.js에 다음을 추가해준다.

 

const express = require('express') // express 모듈을 로드한다.
const app = express() // app에 express  를 할당시켜준다.
const port = 3000 // 사용할 port 번호

app.get('/', (req, res) => { // '/' 즉 최상단 루트에서 요청이 들어오면 안에 내용으로 응답한다.
  res.send('Hello World!') // 응답을 보낸다.
})

app.listen(port, () => {  // 앱은 서버를 시작하며 3000번 포트에서 연결을 청취한다.
  console.log(`Example app listening at http://localhost:${port}`)
})

 

  • res.send : res.send([body])의 body에는 Buffer, String, Object, Array가 올 수 있다. 그리고 response Header에는 Body의 Content-Type이 자동으로 정의된다.  이 본문에선 스트링으로 Hello World로 응답을 보낸다.

터미널 창에 node app.js 를 입력해 node를 실행시킨 후 http://localhost:3000/으로 접속해본다

localhost:3000 접속 성공

다음 글에서는 간단한 글쓰기를 구현해보잣!

'Web-Node.js' 카테고리의 다른 글

Node.js 입문  (0) 2021.03.13