HTTP · HTTPS · HTTP/2 · WebSocket

# ━━━ 요청 (Request) ━━━
POST /api/login HTTP/1.1
Host: jit-learning.com
Content-Type: application/json
Authorization: Bearer eyJhbGc...
Cookie: theme=dark; sid=abc123

{"email": "kim@example.com", "password": "****"}

# ━━━ 응답 (Response) ━━━
HTTP/1.1 200 OK
Content-Type: application/json
Set-Cookie: sid=xyz789; HttpOnly; Secure; SameSite=Lax
Access-Control-Allow-Origin: https://jit-learning.com
Cache-Control: no-store

{"user": {"id": 42, "name": "김성훈"}}

// 안전한 세션 쿠키 (로그인용 — 3종 플래그 필수)
res.setHeader("Set-Cookie", [
  "sid=abc123; HttpOnly; Secure; SameSite=Lax; Max-Age=86400; Path=/"
]);

// ❌ 위험한 쿠키 — XSS 한 방에 털림
// document.cookie = "token=..."  ← JS에서 읽히는 토큰은 이미 XSS 취약

// 프론트에서 쿠키 읽기 (HttpOnly 빼면 아래처럼 읽기는 가능)
const sid = document.cookie
  .split("; ")
  .find(c => c.startsWith("sid="))
  ?.split("=")[1];

// Next.js App Router — CORS 허용 (쿠키 포함 버전)
export async function GET(request: Request) {
  const data = { hello: "world" };
  return new Response(JSON.stringify(data), {
    headers: {
      "Content-Type": "application/json",
      "Access-Control-Allow-Origin": "https://jit-learning.com", // '*' 금지 (쿠키 못 씀)
      "Access-Control-Allow-Credentials": "true",
      "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
      "Access-Control-Allow-Headers": "Content-Type, Authorization",
    },
  });
}

// OPTIONS 프리플라이트도 별도 핸들러로 답해야 한다
export async function OPTIONS() {
  return new Response(null, { status: 204, headers: { /* 위와 동일 */ } });
}

// 프론트 측 fetch — 쿠키를 같이 보내려면 credentials 필수
await fetch("https://api.jit.co.kr/me", {
  credentials: "include",  // ← 빼먹으면 쿠키 안 감
});

// 브라우저 WebSocket 클라이언트
const ws = new WebSocket("wss://api.jit.co.kr/chat");

ws.onopen = () => ws.send(JSON.stringify({ type: "hello" }));
ws.onmessage = (e) => console.log("서버:", JSON.parse(e.data));
ws.onclose = () => console.log("연결 종료");

// 언제 뭘 쓸까?
// - 단방향 주기 조회        → REST (폴링)
// - 서버→클라이언트 알림만  → Server-Sent Events (SSE)
// - 양방향 실시간            → WebSocket
// - 초저지연 + 손실 허용     → WebRTC (화상·음성)