HTTP/Network

🔍 Web Application Architecture 👀 Client-Server Architecture Frontend vs Backend ✔ client & server 종류 👀 Client-Server 통신 & API ✔ Client-Server 통신 ✔

🔍 브라우저의 작동 원리(Invisible) 👀 URL과 URI ✔ URL ✔ URI 👀 IP와 Port ✔ IP ✔ PORT 👀 도메인과 DNS ✔ Domain name ✔ DNS ⚙ 크롬 브라우저 에러 읽기

🔍 HTTP 👀 HTTP Messages ✔ Stateless(무상태성) ✔ Connectionless(비연결성) 👀 HTTP Request ✔ start line ✔ Headers ✔ Body 👀 HTTP Responses ✔ Status line ✔ Head

🔍 브라우저의 작동 원리(Visible) 👀 SPA를 만드는 기술 : AJAX ✔ AJAX의 두 가지 핵심 기술 XHR vs Fetch ✔ AJAX의 장점 ✔ AJAX의 단점 👀 SSR vs CSR ✔ SSR ✔ CSR ✔ SSR과 CSR의 차이점 ✔ SSR과 C

🔍 REST API 👀 REST API Design ✔ REST 성숙도 모델 - 0단계 ✔ REST 성숙도 모델 - 1단계 ✔ REST 성숙도 모델 - 2단계 ✔ REST 성숙도 모델 - 3단계 OPEN API API Key

👀 네트워크의 시작 👀 IP & IP Packet 👀 TCP/UDP ✔ TCP/IP 패킷의 구조 ✔ TCP? ✔ TCP vs UDP

🔍 네트워크 계층 모델 👀 OSI 7계층 모델 👀 TCP/IP 4계층 모델

🔍 HTTP 👀 암호화 방식 👀 SSL/TLS 프로토콜 ✔ CA를 통한 인증서 ✔ 대칭 키 전달

🔍 Cookie 👀 Cookie option 🔥 실습(Axios 사용) ✔ Axios?

🔍 Session 👀 Cookie vs Session 👀 express-session

🔍 Token 👀 JWT ✔ JWT 구조 👀 토큰 기반 인증 과정 ✔ 장점

👀 CORS 정책의 필요성 & CORS 에러 발생 이유 및 해결방법 🔍 Proxy 👀 Proxy 사용법 ✔ Webpack dev server proxy ✔ http-proxy-middleware proxy(React Proxy)