반응형

CORS 2

[Naver 뉴스 API] NextJS에서 네이버 뉴스 데이터 수집 방법

1. 네이버 개발자 센터 네이버 개발자 센터에서 앱 등록 후 Client 정보를 발급 받는다. NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 1-1) 애플리케이션 등록 상단 탭 Application > 애플리케이션 등록 클릭 웹 서비스 url이 아직 없는 경우 localhost를 등록한다. 1-2) Client 정보 등록 후 애플리케이션 정보로 자동으로 이동하게 되는데 해당 ID, Secret은 네이버 API를 사용하기 위해 필요하다. 2. 네이버 뉴스 API 검색 > 뉴스 - S..

React 2023.01.19

[Spring Boot] CORS 설정 방법

CORS CORS(Cross-Origin Resource Sharing) 란? 서로 다른 출처의 자원을 공유할 수 있도록 설정하는 권한 체제를 말한다. 따라서 CORS를 설정해주지 않거나 제대로 설정하지 않은 경우, 원하는 대로 리소스를 공유하지 못하게 된다. 출처(Origin) 란? URL 구조에서 Protocal, Host, Port를 합친 것을 말한다. 셋중 하나라도 다르면 다른 출처로 분류된다. 백엔드 서버가 실행되는 중이면 콘솔 창에서 해당 오류가 나타난다. 이는 보안을 위한 CORS 헤더 Policy를 위반했기 때문이다. 처음 리소스를 제공한 출처가(Origin)이 현재 요청하려는 도메인(Origin)과 다르더라도 요청을 허락해 주는 웹 보안 방침이다. 1. 설정 방법(모든 Controller..

Java 2022.10.27
반응형