Cors

최근 프로젝트에서 애니메이션 라이브러리인 Rive를 사용하고 있는데, 기존에는 AWS S3 버킷에서 직접 .riv 파일을 다운로드 받는 방식으로 구현했습니다. 그런데, CDN의 장점을 활용해서 성능도 개선하고, 비용도 절감할 수 있다는 얘기를 듣고, CloudFront를 도입하여 CDN 링크로 변경하는 작업을 진행하게 되었죠.  처음엔 "그냥 URL만 바꾸면 되는 거 아냐?"라고 안일하게 생각했었는데... 이게 웬걸? CORS(Cross-Origin Resource Sharing)라는 복병을 만나게 될 줄은 꿈에도 몰랐습니다. 오늘은 제가 S3에서 직접 받던 .riv 파일을 CloudFront CDN 링크로 변경하면서 겪었던 CORS 에러와 그 해결 과정을 회고하며 공유해볼까 합니다.🤦‍♂️ 시작은 순..

3일 동안 프로젝트의 네이버 로그인을 구현하기 위해 집중력을 쏟고 있다. 빠르게 네이버 로그인API에 대해 알아보고 현재 내가 가로막힌 문제에 대해 살펴보자. 네이버의 로그인 API 서비스 단계는 크게 두가지 단계로 이루어 진다. 첫번째, 로그인 인증 https://nid.naver.com/oauth2.0/authorize?response_type=code&client_id=${CLIENT_ID}&redirect_uri=${REDIRECT_URI}&state=${STATE} 위 코드로 로그인에 대한 인증을 받을 수 있으며, redirect url (callback url)로 code와 state를 받을 수 있다. 여기서 클라이언트 아이디와 리다이렉트 url은 네이버 developer 사이트에서 애플리케이..