Java Script/Node.js

[Node.js] Node.js 설치

웹개발자(진) 2024. 5. 20. 20:48
반응형
잡담

오늘은 Node.js 설치방법에 대해서 알아보도록 하겠습니다. 요즘은 따로 Path설정을 안 해도 자동으로 설정되는 것들이 많이서 크게 설정할 게 없습니다. 설치하고 기본적인 코드 실행시키는 방법까지 진행해 보도록 하겠습니다.


 

1. Node.js 홈페이지

https://nodejs.org/en

 

Node.js — Run JavaScript Everywhere

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

위에 있는 링크를 타고 Node.js 다운로드 홈페이지로 이동합니다.

홈페이지에 들어가면 아래 Download Node.js(LTS) 를 클릭하여 다운로드를 합니다.

 


2. 설치 실행

다운로드한 SETUP파일을 실행합니다.

 


라이선스 동의 후 Next를 클릭합니다.


 

저장할 위치를 정하고 NEXT를 클릭합니다.


 

NEXT를 클릭합니다.

npm 모듈에 컴파일이 필요한 것이 있을 때 필요한 도구(Python, Visual Studio Build Tools)를 자동으로 설치 정하는 곳


 

NEXT를 클릭합니다.


 

Install을 시작합니다.


 

Finish를 클릭해 설치를 완료합니다.

 


 

2. Node.js 실행

 

1. 서버를 간단하게 구현하기 위해서 Node.js 용 web framework인 express를 설치해 줍니다.

npm install express

Terminal에 입력해 주시면 됩니다.


 

2. 아래는 Hello World! 를 출력하는 기본적인 Node.js 코드입니다.

파일명. js로 파일을 만들고 해당 코드를 실행합니다.

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
        res.send('Hello World!')
})

app.listen(port, () => {
        console.log(`Example app listening on port ${port}`)
})

 

3. 실행

해당경로에 들어가서 입력을 완료하면 기본적으로 localhost:3000에 연결되는 것을 확인할 수 있습니다.

node 파일명.js


 

4. 브라우저에서 출력확인

url 주소 : localhost:3000을 입력해서 'Hello World!'가 출력되는지 확인합니다.

 


 

글을 마치며

오늘은 Node.js, express framework을 설치하여 브라우저에 출력하는 것을 해봤습니다. version의 차이는 있겠지만 설치 내용은 거의 비슷하다고 봅니다. 다음에는 Node.js를 가지고 다양한 예제를 만들어 풀어보도록 하겠습니다. 감사합니다.

반응형