반응형

윈도우에서 Node.js를 설치하고 Hello World 예제를 실행시켜봅니다. 



2021. 03. 22 - 최초작성




1. 윈도우용 Node.js 설치 파일을  다운로드 받아 설치합니다. 

아래 링크에서 Windows Installer (.msi) 항목에 있는 것 중 64-bit를 다운로드하면 됩니다.  

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

 




2. 옵션 변경없이 설치를 진행합니다. 

 




3. 명령 프롬프트를 실행하면 기본 위치가 되는 다음 위치에 app.js라는 이름으로 다음 코드를 저장합니다.

 

C:\Users\사용자이름



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');

});

 

server.listen(port, hostname, () => {

  console.log(`Server running at http://${hostname}:${port}/`);

});




4. 윈도우 키 + R을 누른 후, cmd를 입력하여 명령 프롬프트를 실행합니다.







5. node를 사용하여 자바스크립트를 실행하면 테스트에 사용할 주소를 보여줍니다.

 

node app.js







6. 웹브라우저에서 위에서 보인 주소에 접속하면 “Hello World”를 볼 수 있습니다. 

 

http://127.0.0.1:3000/

 




7. 웹 브라우저에서 자바스크립트를 바로 실행해 볼 수도 있습니다. 

다음 코드를 hello.html 이름으로 저장합니다. 

코드 출처는 https://ko.javascript.info/hello-world 입니다.

 

<!DOCTYPE HTML>

<html>

 

<body>

 

  <p>스크립트 전</p>

 

  <script>

    alert( 'Hello, world!' );

  </script>

 

  <p>스크립트 후</p>

 

</body>

 

</html>

 



8. 웹브라우저에 hello.html 파일을 드래그앤드롭하면 다음처럼 보입니다. 

 

 





반응형

문제 발생시 지나치지 마시고 댓글 남겨주시면 가능한 빨리 답장드립니다.

도움이 되셨다면 토스아이디로 후원해주세요.
https://toss.me/momo2024


제가 쓴 책도 한번 검토해보세요 ^^

+ Recent posts