Cute Bow Tie Hearts Blinking Pink Pointer

백엔드/Node.js

[nodejs] nodejs로 서버로 홈페이지 열기(express 라이브러리 사용)

청포도 에이드 2022. 1. 26. 15:25
728x90

 

목차

 

- 웹서버

- host

- http://localhost:3000

- 프로토콜

- get()

- listen()

- 포트

 

서버는 컴퓨터다. -웹서버

브라우저가 필요한 정보만 주면됨.

어디? 네트워크부분 (주소창) -- > 해당 웹서버에게 html css javascript 요청하는 것임.


웹서버( http라는 통신방법, 통신규격이다.)

브라우저 --요청--> 서버
브라우저 <--응답-- 서버

서버는 요청(url)을 받아야만 응답한다.

지금부터


요청들어 온 내용(text)을 읽어서 요청을 한 자에게 text를 보내는 행위를 하는 코드를 작성할것이다.

한번 실행하고 나면, 컨트롤c 로 꺼줘야한다. 실행하고나서 저절로 꺼지지 않기 때문이다.

웹서버를 구동한다 : 꺼지지않는 프로그램을 만든다.

const express = require('express') //node_modules에 있는 express 폴더 안의 코드 가져와.
const app = express()

//console.log(app) : datatype이 객체구나.


app.get('/', (요청, 응답)=>{
    응답.send('<h1>Hello express</h1>')
})
 
/ << host를 뜻함
 
html form태그 안에 메소드 get과 똑같은 거임
 
get() -> 요청이 들어오는데
 
첫번째 인자값의 역할 URI (Path) - > host(포트까지포함)
 
하나는 host 하나만 말한다.
 
두번째 인자값은 콜백함수 넣는다.
 
콜백함수에도 인자값이 2개가 존재한다. 요청과 응답

주소창에 http://localhost:3000 치면  Hello express가 출력된다.

 

app.get('/node',(요청, 응답)=>{
    응답.send('<h2>Hello, node!</h2>')
})

//express 실행시키기
// listen 인자 값이 2개가 존재합니다.
//첫번째 인자값은 Port라는 것을 적어줘야함. 숫자 적어주면 됨. 대부분 3000/8000
//두번째 인자값은 CB(콜백함수) 작성하면 된다.
//브라우저 키고 http://localhost:3000 enter

app.listen(3000, ()=>{
    console.log('웹서버 구동완료')
})
//잘 구동되는지 확인하려는 것임

 

/node == http://localhost:3000/node (같은 의미)


localhost : 말그대로 local=내 컴퓨터 host=자기 자신 도메인

localhost:3000 = /     둘이 같음




http : 프로토콜 

www.naver.com : 호스트

포트 적어줘도 됨
naver.com:80

80이 기본 포트임

※ js 코드가 바뀌면, 터미널에서 컨트롤 c 누르고 한번 나오고, 다시 들어가야 적용된다!



server.js 에 작성한 위의 코드는 외워야 한다.

728x90