express
CHAPTER 13 / 34
읽기 약 2분
SYNTAX
CORS 설정
핵심 개념
cors 패키지로 Cross-Origin Resource Sharing을 설정합니다. 허용 오리진, 메서드, 헤더를 세밀하게 제어합니다.
코드 분석
CORS 설정
npm install cors
const cors = require('cors')
// 전체 허용
app.use(cors())
// 세밀 제어
app.use(cors({
origin: ['https://myapp.com', 'http://localhost:3000'],
methods: ['GET', 'POST', 'PUT', 'DELETE'],
allowedHeaders: ['Content-Type', 'Authorization'],
credentials: true
}))AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude
무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6
이 Express 'CORS 설정' 미들웨어 체인에서 요청 처리 순서 버그·에러 전파 누락·메모리 누수를 찾아서 수정해줘.
ChatGPT
무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro
'CORS 설정'를 사용한 RESTful API를 CRUD 4개 엔드포인트가 포함된 완성 코드로 만들어줘.
Gemini
무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro
이 Express 'CORS 설정' 라우트 구조와 미들웨어 체인 전체를 분석해서 응답 시간·동시성·로깅 개선안을 정리해줘.
Grok
무료: Grok 4.1 / SuperGrok $30/mo
Express 'CORS 설정' vs Fastify·Hono의 동일 기능 구현을 2026년 기준 성능과 생태계로 솔직히 비교해줘.
⭐ 이것만 기억하세요
CORS 설정은 이 3가지만 확실히 잡으세요
1.프론트엔드와 백엔드 도메인이 다르면 브라우저가 요청을 차단해서 API 호출이 실패합니다
2.cors 미들웨어로 허용 도메인·메서드·헤더를 설정하면 브라우저의 동일 출처 정책을 통과합니다
3.다음 챕터에서 환경별로 다른 설정을 관리하는 방법을 배웁니다
공유하기
진행도 13 / 34