Node.js로 웹서버 만들기 | 생활코딩 강의 복습 | 프로그래밍 공부

* 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 

모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.*

우선 https://opentutorials.org/course/3332/21032로 접속하자.

여기에는 Node.js로 웹서버를 만들기 위해 필요한 소스코드가 있다.

다음으로는,

https://github.com/web-n/web1_html_internet에서 웹서버에 표시할 내용을 다운 받아 압축을 풀자. 

압축을 푼 폴더에 main.js 파일을 만들어 위의 코드를 복붙한다.

그리고 cmd에서 해당 경로로 들어간 뒤, (cd + 폴더 주소)

node main.js를 입력하면, 아무것도 안 뜰 것이다.

웹 브라우저에서 주소창에 localhost:3000을 친다.

이 부분은 코드상에 있다. app.listen(3000)과 연관된 것이다.

웹 브라우저에 해당 파일의 내용이 뜰 것이다.

해당 코드에서 한 줄을 추가하자.

console.log(__dirname +url);

command 창에서 다시 실행하고,

브라우저에서 1.HTML을 클릭해 들어가면,

다음과 같이 두 줄이 뜬다.

이는 우리가 추가한 코드의 __dirname +url에 해당하는 부분으로,

파일이 위치한 폴더 주소와 사용자가 요청한(클릭한) html이 출력되는 것이다.

밑에서 녹색 부분의 코드에서,

우리는 __dirname +url 코드를 통해서 우리가 읽어 들어야 할 파일을 만든다.

아래와 같이 코드를 새로 넣으면,

웹 브라우저에 아래와 같이 뜬다.

(꼭 cmd 창에서 새로 실행해 줘야 한다.)

즉 Node.js 는  __dirname +url에 해당하는 부분에 어떤 내용을 넣느냐에 따라

사용자에게 전송하는 내용이 바뀐다고 이해하면 된다.