본문 바로가기

Study/Web

Node.js (1) - 시작 (설치하기)

이번 글은 JavaScript를 이용해 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹 어플리케이션을 만들어 볼 것이다.

 

 

 

 

 

Node.js가 생기기 전, html 코드를 바꾸려면 수 많은 웹 페이지들의 html 코드를 직접 수정해야만 했다.

 

 또한, 웹 페이지의 방문자들이 직접 글을 올리도록 하고 싶었지만 그렇다고 그들에게 웹 페이지가 담긴 파일을 마음대로 수정하게 할 수도 없었다.

 

이런 문제점들로 인해, 사람들은 귀찮고 반복되는 html의 작성 방법을 기계에게 시키고 싶다는 생각을 하게 된다.

 

이들은 이미 JavaScript에 익숙한 웹 개발자들이 새로운 언어를 배우지 않고도 웹 페이지를 자동으로 생성하는 서버쪽 어플리케이션을 만들 수 있게 했다.

 

이렇게 Node.js가 만들어지게 됐다.

 

 

 

 


 

 

그럼 Node.js 란 무엇인가?

 

 

 

 

우리는 WEB Brower 위에서 돌아가는 WEB Application or 웹사이트, 웹 페이지 등을 만든다.

 

그리고 이것들을 만들기 위해서는 웹 브라우저가 가지고 있는 여러 가지 기능 중 (예를 들어 제목 표시, 목록 표시 등)

 

우리가 만들고자 하는 웹 어플리케이션에서 필요한 기능을 HTML 이라는 문법을 따라 만든다.

 

 

 

 

Node.js도 마찬가지이다. 

 

그럼 이제 Node.js의 사이트에 들어가 프로그램 설치를 해 볼것인데,

 

이 프로그램을 우리는 여러 가지 말로 부를 수 있지만 Node.js runtime 이라는 프로그램을 설치해서 실행시킬 것이다.

 

그리고 이 프로그램에서 JavaScript를 통해 Node.js runtime이 가지고 있는 여러 기능 중 몇 가지를 호출하며 

 

Node.js application 을 만들어 보자.

 

 

 

 


 

 

 

https://nodejs.org/ko/download/

 

먼저 위의 링크를 클릭해서 Node.js 다운로드 페이지로 들어간다.

 

 

 

여기에서 본인의 OS에 맞는 Installer를 설치한다.

 

 

 

 

이런 창이 떴을 때 계속 Next만 누르면 된다.

 

 

 

 

그리고 설치가 완료되면 윈도우+R 을 누르면 이런 실행 창이 뜬다.

 

 

 

 

여기서 cmd 를 입력해서 커맨드창을 띄운다.

 

 

 

 

 

여기에 node -v 를 입력했을 때 node의 설치 버전이 뜨면 설치가 정상적으로 완료되었다는 것을 알 수 있다.

 

 

 

 

 

테스트로, node만 입력해서 console.log(1+1); 을 입력해보자.

 

console.log 는 괄호 안에 있는 값을 계산한 결과를 화면에 출력해주는 기능이 있다.

 

여기서 나갈 때는 Ctrl+C 를 두번 누르거나 .exit 을 누르면 된다.

 

 

 

 

 

그리고 자신이 원하는 위치에 nodejs라는 폴더를 하나 생성한다.

 

그리고 에디터 프로그램을 열어 nodejs 폴더에 helloword.js 파일을 만든다.

 

 

 

 

위에서 커맨드 창에서 node를 입력한 뒤 console.log 명령을 쳐봤는데, 만약 자주 사용되는 작업이 있다면 

 

이것을 직접 입력하기에는 번거롭기 때문에, 파일을 하나 만들어 코드를 작성해 놓고 node.js 에게 알려주면 된다.

 

 

 

 

 

이렇게 helloworld.js 파일에 내용을 입력한 뒤, 저장한다.

 

그리고 다시 커맨드창에서 자신이 만든 nodejs 폴더가 있는 위치로 이동한 후 node hellowold.js 을 입력하면

 

이렇게 결과가 나온다.

 

 

 

 

 

 

 

(https://opentutorials.org 를 참고했습니다.)

 

 

 

 

 

 

 

반응형

'Study > Web' 카테고리의 다른 글

Node.js (3) - URL의 이해  (0) 2020.08.31
Node.js (2) - 웹 서버 만들기  (0) 2020.08.26
JS DOM  (0) 2020.08.21
JS Form 만들기  (0) 2020.08.21
JavaScript  (0) 2020.08.19