자바스크립트/Node JS

[nodeJS] 세팅 / 라우터

KIMJAVAN 2023. 11. 13. 16:12
728x90

vscode에서 terminal열기 (터미널 여는 법 ctrl + ~ 혹은 상단에 터미널버튼)

 

npm init -y

 

이거하면 package.json 추가됨 (기본 세팅)

 

++ npm init  >> npm 은 node package manager 의 약자이다.

package.json에서 node에 사용된 정보들을 담고있다.

 

npm install express

이거하면 express 설치됨 (라이브러리 사용을 위한 세팅)

 

 

server.js에 

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

app.listen(8080, ()=>{
    console.log('http://localhost:8080')
})

app.get('/',( aa, bb )=>{
    bb.send( 'node JS' )
})

추가

 

각 줄에 대한 설명

const express = require('express')

express 모듈을 가져온다.

 

const app = express()

express 모듈을 사용하여 app 객체를 생성한다.

 

app.listen(8080, () => {
    console.log('http://localhost:8080')
})

app 객체를 사용하여 웹 서버를 시작하고 8080포트에서 대기하도록 설정한다.

서버가 시작되면 콘솔에 

http://localhost:8080 호출됨

app.get('/', (aa, bb) => {
    bb.send('node JS')
})

app 객체를 사용하여 루트경로 '/'에 대한 get 요청 핸들러를 정의한다.

 

 

 


 

 

라우터

app.get('/',( aa, bb )=>{
    bb.send( 'node JS' )
})

app.get('/news',( aa, bb )=>{
    bb.send( '오늘의 뉴스' )
})

이런식으로 /뒤에 원하는 라우터 주소를 입력하면

기본 주소 뒤에 /원하는단어 사이트로 접속이 가능하다

 

 


 

화살표함수 콜백함수

app.get('/',( aa, bb )=>{
    bb.send( 'node JS' )
})

app.get('/', function( aa, bb ){
    bb.send( 'node JS' )
})

 

 


 

절대경로

app.get('/',( aa, bb )=>{
    bb.sendFile(__dirname + "/index.html")
})
// __dirname 절대경로