Supabase에서 CORS 설정을 어떻게 변경하나요?

Q: Supabase에서 CORS 설정을 어떻게 변경하나요?

A: Supabase에서 CORS(Cross-Origin Resource Sharing) 설정을 변경하려면 다음 단계를 따르세요.

1. Supabase 프로젝트 대시보드 접속
먼저 [Supabase 대시보드](https://app.supabase.com)에서 자신의 프로젝트에 로그인합니다.

2. API 설정 메뉴 진입
프로젝트 대시보드 좌측 메뉴에서 Settings (설정) > API 섹션으로 들어갑니다.

3. CORS 도메인 관리
API 섹션 내에 Config 영역에서 "Allowed CORS Origins" 또는 "CORS Origins" 필드가 있습니다. 이곳에 허용하고자 하는 도메인(예: `https://example.com`)을 입력합니다. 여러 개 도메인을 입력할 경우 쉼표(,)로 구분합니다.

4. 변경사항 저장 도메인을 추가 또는 수정한 후, 하단의 Save 버튼을 눌러 변경사항을 저장합니다.

5. 적용 확인
적용한 도메인에서 Supabase API를 호출해 CORS 에러가 해결되었는지 확인합니다.

---

참고사항
- Supabase는 기본적으로 모든 도메인의 요청을 허용하지 않으므로, 반드시 사용하려는 프론트엔드 도메인을 CORS 목록에 명시해야 API 호출 시 CORS 에러를 방지할 수 있습니다.
- 와일드카드(`*`) 사용은 보안상 권장되지 않고, Supabase에서 지원하지 않을 수 있습니다. 가능하면 정확한 도메인을 기입하세요.
- 도메인은 프로토콜(`https://` 또는 `http://`)까지 포함하여 입력해야 합니다.

---

요약하자면, Supabase 대시보드 > Settings > API > Allowed CORS Origins 항목에 허용할 도메인을 추가하고 저장하면 CORS 설정이 변경됩니다.

Supabase에서 CORS (Cross-Origin Resource Sharing) 설정을 변경하는 방법은 다음과 같습니다.

Supabase는 PostgreSQL 데이터베이스와 RESTful API를 제공하는 서비스로, 특정 도메인에서 API에 접근할 수 있도록 CORS 설정을 조정할 수 있습니다.

1. Supabase 대시보드에 로그인 : 먼저, Supabase 프로젝트의 대시보드에 로그인합니다.



2. 프로젝트 선택 : CORS 설정을 변경할 프로젝트를 선택합니다.



3. API 설정으로 이동 : 프로젝트 대시보드에서 왼쪽 메뉴에서 "API" 섹션으로 이동합니다.



4. CORS 설정 찾기 : API 섹션에 들어가면 CORS 관련 설정을 찾을 수 있는 옵션이 있습니다.

이를 통해 허용할 도메인들을 추가하거나 수정할 수 있습니다.



5. 허용할 도메인 추가 : CORS 설정에서 특정 도메인을 추가합니다.

예를 들어, `https://example.com`과 같은 형식으로 입력합니다.

여러 도메인을 추가하고자 하는 경우, 콤마로 구분하여 입력할 수 있습니다.



6. 변경사항 저장 : 모든 구성이 완료되면 변경사항을 저장합니다.

이때, 변경된 CORS 설정이 즉시 적용됩니다.



7. 테스트 : 변경이 완료된 후, 클라이언트 애플리케이션에서 CORS 설정이 제대로 작동하는지 테스트합니다.

API 호출을 통해 정상적으로 응답을 받고 있는지 확인합니다.

CORS 설정은 보안에 중요한 역할을 하므로, 신뢰할 수 있는 도메인만 추가하는 것이 좋습니다.

필요한 경우 Supabase의 공식 문서나 지원 팀에 문의하여 추가적인 도움을 받을 수 있습니다.