CORS의 개념과 등장 배경CORS(Cross-Origin Resource Sharing)는 서로 다른 출처(origin) 간의 리소스 공유를 제어하기 위한 웹 보안 메커니즘입니다.웹 브라우저는 기본적으로 보안상의 이유로 동일 출처(Same-Origin) 정책(SOP, Same-Origin Policy)을 따릅니다. 이는 악의적인 스크립트가 사용자 정보를 무단으로 탈취하지 못하도록 하는 데 목적이 있습니다.그러나 실제 개발 상황에서는 서로 다른 도메인, 포트, 프로토콜을 가진 서버 간에 API 요청이 빈번하게 발생합니다. 예를 들어 프론트엔드는 http://localhost:3000, 백엔드는 http://localhost:5000에 존재한다면, 이는 서로 다른 출처로 간주됩니다. 이때 CORS 설정이 ..
반응형
CORS
1. 로컬스토리지(LocalStorage)의 개념과 구조적 특징로컬스토리지(LocalStorage)는 HTML5에서 도입된 Web Storage API의 일부로, 브라우저가 제공하는 클라이언트 측의 영구 저장소입니다. 쿠키처럼 문자열 데이터를 저장할 수 있지만, 서버로 자동 전송되지 않으며, 저장 용량도 훨씬 큽니다.동작 방식과 구조데이터를 Key-Value 구조로 저장하며, 문자열(String)만 저장 가능합니다.동일 오리진(Origin) 기준으로 저장 격리됨 (다른 도메인/포트/프로토콜에서는 접근 불가)데이터를 다루는 API는 매우 직관적입니다.// 저장localStorage.setItem('theme', 'dark');// 가져오기const theme = localStorage.getItem('th..
반응형
