VSCode로 Node.js 개발하기

V

Node.js 및 VSCode 설치

먼저 프로그램 개발에 필요한 Node.jsVSCode를 설치하여줍니다.

VSCode 확장 프로그램 설치

개발 중인 Node.js를 크롬에서 바로 확인이 가능하도록 VSCode의 왼쪽 메뉴 중 마켓 플레이스를 선택하여 Debugger for Chrome확장 프로그램을 설치합니다.

Node.js 실행 테스트

먼저 임의의 위치에 프로젝트 폴더를 생성하고 VSCode를 실행하여 생성된 프로젝트 폴더를 선택합니다. 그리고 프로젝트의 메인이 되는 main.js 스크립트를 생성하여 줍니다. (파일명은 꼭 main.js일 필요는 없습니다.)

생성된 main.js 파일에 Node.js 홈페이지에 있는 샘플 코드를 그대로 복사하여 붙여넣기 합니다.

const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World\n');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

파일을 저장하고 F5를 누르면 실행 환경을 선택하게 되는데 Node.js를 선택하면 하단 Debug Console에 서버가 실행 중이라는 메시지가 출력되면서 서버가 실행됩니다.

마지막으로 크롬을 열고 main.js에 입력된 hostname과 포트를 인터넷 주소창에 입력하면 Hello World가 출력되는 것을 확인 하실 수 있습니다. (여기서는 http://127.0.0.1:3000입니다.)

Add comment

By berabue

최근 글

글 목록

최근 댓글

그 밖의 기능