이전 자료
출처
•
노드 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 + ` 눌러도 나옴)
•