웹서버
--> 웹 브라우저에 주소를 적었을 때(Request를 했을 때) 웹 브라우저에 해당 화면을 보내준 것을 웹서버라고 함
--> 웹 브라우저에 특정 주소를 적으면 브라우저는 해당 주소에 있는 웹서버를 호출하고 웹서버는 해당 홈페이지의 내용을 웹브라우저에 보내주는 형식
웹 프레임워크
웹 서버를 만들기 위한 패키지를 웹 프레임워크라고 함
--> 즉 웹서버를 만들기 위해 필요한 기능들을 미리 만들어둔 것을 웹 프레임워크라고 함
Express란?
웹 프레임워크의 일종
Express 설치
터미널에 명령어 실행
1. pachage.json 생성
npm init -y
--> 뒤쪽의 y는 npm init실행시 프로젝트명이나 버전등을 물어보는데 그런거 물어보지 않고 기본값으로 알아서 설정해주는 옵션2. Express 설치
npm install express
--> pachage.json --> 간단 설명서(설치한 express 버전 같은것이 들어가있음)
--> pachage-lock.json --> 상세 설명서(express에서 어떤 것들이 깔려있는지 상세히 기술)
--> node-modules폴더 --> express를 구성하는 다양한 것들
3. Express 띄우기 --> 아래의 코드를 index.js만들어서 복사
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => {
res.send('Hello World!')
})
app.listen(port, () => {
console.log(`listening at http://localhost:${port}`)
})--> 이후 node index.js로 해당 js파일을 실행하면 주소를 반환해줌
--> 이 주소를 웹 브라우저에 넣으면 해당 js파일의 내용이 나오게 됨
ㅎㅎ