HTTP

# GET 요청 - 기본
curl https://api.github.com/users/octocat

# GET 요청 - 응답 헤더 포함
curl -i https://api.github.com/users/octocat

# GET 요청 - 상태 코드만 확인
curl -s -o /dev/null -w "%{http_code}" https://google.com

# POST 요청 - JSON 데이터
curl -X POST https://jsonplaceholder.typicode.com/posts \
  -H "Content-Type: application/json" \
  -d '{"title": "New Post", "body": "Hello", "userId": 1}'

# PUT 요청 - 데이터 수정
curl -X PUT https://jsonplaceholder.typicode.com/posts/1 \
  -H "Content-Type: application/json" \
  -d '{"title": "Updated", "body": "Changed", "userId": 1}'

# DELETE 요청
curl -X DELETE https://jsonplaceholder.typicode.com/posts/1

# 인증 헤더 추가
curl -H "Authorization: Bearer YOUR_TOKEN" https://api.example.com

# 쿠키 저장 & 사용 (세션 유지)
curl -c cookies.txt https://example.com/login  # 쿠키 저장
curl -b cookies.txt https://example.com/dashboard  # 쿠키 사용

# 응답 시간 측정
curl -w "Time: %{time_total}s\n" -o /dev/null -s https://google.com

# HTTP/2 강제 사용
curl --http2 https://www.google.com

# 상세 디버깅 (요청/응답 헤더 전체)
curl -v https://api.github.com/users/octocat

# CORS 프리플라이트 요청 시뮬레이션
curl -X OPTIONS https://api.example.com \
  -H "Origin: https://mysite.com" \
  -H "Access-Control-Request-Method: POST" -v

// Fetch API - GET 요청
const response = await fetch('https://api.github.com/users/octocat');
const data = await response.json();
console.log(`Username: ${data.login}`);
console.log(`Status: ${response.status}`);  // 200

// Fetch API - POST 요청
const postResponse = await fetch('https://jsonplaceholder.typicode.com/posts', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer YOUR_TOKEN'
    },
    body: JSON.stringify({
        title: 'New Post',
        body: 'Hello World',
        userId: 1
    })
});
const created = await postResponse.json();
console.log(`Created ID: ${created.id}`);

// PUT & DELETE 요청
await fetch('/api/posts/1', { method: 'PUT', body: JSON.stringify(data) });
await fetch('/api/posts/1', { method: 'DELETE' });

// 에러 처리 패턴
async function fetchWithErrorHandling(url) {
    try {
        const response = await fetch(url);
        if (!response.ok) {
            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
        }
        return await response.json();
    } catch (error) {
        if (error.name === 'TypeError') {
            console.error('Network error or CORS issue');
        }
        throw error;
    }
}

// Axios (더 편리한 HTTP 클라이언트)
import axios from 'axios';

// 인스턴스 생성 (기본 설정)
const api = axios.create({
    baseURL: 'https://api.example.com',
    timeout: 5000,
    headers: { 'Authorization': 'Bearer TOKEN' }
});

// 인터셉터 (요청/응답 가로채기)
api.interceptors.response.use(
    response => response,
    error => {
        if (error.response?.status === 401) {
            // 토큰 갱신 로직
            return refreshTokenAndRetry(error.config);
        }
        return Promise.reject(error);
    }
);