웹서비스 동작 방식

웹서비스는 기본적으로 HTTP 요청과 응답의 반복으로 이루어짐

HTTP 요청은 사용ㅇ자가 어떤 데이터가 필요한지를 서버에게 알리는 역할

HTTP 응답은 HTTP 요청에 해당하는 적절한 데이터를 전달하는 역할

정적웹 vs 동적웹 : 동적웹은 WEB2.0 부터의 유기적 통신하면서 동작 양방향 통신

CSR : Client Side Rendering : 프론트엔드에서 사용자가 페이지에서 보는 동적인 부분을 대부분처리하는 방식 : 서버와의 통신은 API통신을 이용 큰개발 사이즈 반응이 빠르고 페이지 내용은 API 호출이 완료된후에 볼수 있음

SSR : Sever-Side-Rendering : 백엔드에서 페이지 대부분의 영역을 처리해서 프론트엔드로 전달하는 방식 작은 개발 사이즈, 로딩이 완료되고나서 페이지와 데이터가 한번에 표시됨 페이지의 깜빡임 발생

웹 프레임워크

웹 서비스를 빠르게 구성하기 위해 사용 HTTP 요청,응답 라우팅 HTML templating 등의 기능을 제공함

Express.js 사용하기

1. npm init

2. package jason 생성하기 : 기본값으로 진행

3. npm i express : i 는 install의 약자

4. package jason에서 script에 start를 기입하고 처음 시행할 명령어 기입

   • “start” : “node index.js”, ⇒ npm start로 시작할수 있고, 명령시, node index.js로 index.js를 시작하게됨

   • index.js 예시

     const express = require(’express’)

     const app = express()

     app.get(’/’ (req,res) ⇒ {

     res.send(”Hello express”)})

     app.listen(3000,()⇒{

     console.log(”SERVER STARTED”)})

5. npm start :

package jason은 기본 참조값을 정리한것 : 의존성및 스크립트 정의

package-lock jason은 기본 참조값을 포함한 전체 관련 모듈의 버전들을 정리한것.

라우팅 :