///
Search
🎭

06.Node.JS 설치 및 HTTP 모듈 웹 서버 테스트

이전 자료

출처

노드 JS 사이트에 접속한다.

NodeJS 사이트

왼쪽 동그라미 있는 걸 다운로드 (왼쪽은 최신버전이며 오류가 수정된 버전이다. 되도록 오른쪽 말고 왼쪽걸 설치하자)
next 클릭
수락 후 다음 클릭
next 클릭 (이하 수정없이 계속 다음을 누른다.)

설치가 잘 되어있는지 체크하는 방법

cmd 즉 명령프롬프트 창을 열어서 아래의 명령어 2개를 입력한다.
node --version
Arduino
복사
npm --version
Arduino
복사
출력 화면 에시
C:\Users\glory>node --version v14.16.0 C:\Users\glory>npm --version 6.14.11 C:\Users\glory>
Arduino
복사

vsCode로 node js 테스트

vscode 열기 (vscode 설치방법 아래의 링크 참고)
파란색 버튼으로 Open Folder라고 되어있는거 클릭 후 파일 경로를 따라 작업할 공간으로 이동하기 (필자는 바탕화면에 nodejsproject라고 폴더를 하나 만들고 거기서 실습할 예정)
빈공간에 오른쪽 클릭해서 newfile를 클릭한다.
app.js 라고 텍스트를 입력하고 Enter를 눌러 저장한다.
아래의 그림처럼 코드를 작성한다.

/app.js 소스코드

const http = require("http"); // require라는 명령어로 http 모듈을 불러올수 있다. const server = http.createServer((req, res) => {//http 모듈에 있는 createServer라는 함수로 Client의 요청 수립과 Server의 응답을 수행하는 과정을 처리한다. //} 중괄호의 모양의 코드를 규칙을 보고 람다식이라고 한다. //Client 서버 안에 아래의 함수를 집어 넣는다. if (req.url === "/"){ //요청을 보내는데 url로 보내는 작업이다. "/" 모양은 /를 입력할때라는 걸 말하는데, 주소 url에는 /가 기본적으로 생략되어있는 상태이다. res.write("<h1>Hello NodeJS Glory</h1>");//res는 응답을 의미한다. 정상적으로 접속하면 이 글씨를 출력 } else { res.write(`<h1>You have entered this url : &{req.url}</h1>`);//` 모양은 따옴표가 아니라 백틱이라고 하는데 키보드 1 왼쪽에 있는 문자이다. //위의 조건이 아니면 이 글씨를 출력한다. //` 백틱은 ${} 를 사용해서 문자열과 변수를 적절히 같이 사용할 수 있다. 추가로 저것의 의미는 출력과 동시에 입력받은 문자를 출력을 할 수 있게 해준다. } res.end();// 응답 끝 }); server.listen(3000, ()=> { //서버를 구동시키는 것이다. 3000번 포트를 열리는것이다. { } 람다식으로 익명 함수를 구현 할 수 있다. console.log("The server is listening on port 3000"); });
JavaScript
복사
그리고 밑에 cmd창에 아래의 명령어를 입력한다.
node app.js
JavaScript
복사
cmd 창은 오른쪽 Terminal 메뉴에서 New Terminal를 누르면 나오게 된다. (도는 Ctrl + ` 눌러도 나옴)
인터넷 주소창에 localhost:3000 를 검색해서 확인한다.