web

1) 한 문장 요약브라우저는 보안을 위해 “다른 출처(origin)”에서 온 요청을 제한한다. CORS는 서버가 응답 헤더로 어떤 출처에서의 요청을 허용할지(또는 거부할지) 선언하는 표준 메커니즘이다.2) 용어 정리Origin(출처) = scheme://host:port (예: https://www.example.com, http://localhost:3000)Same-Origin Policy = 브라우저 기본 보안 정책. 동일 출처끼리만 자원 공유 허용CORS = 서버가 응답 헤더로 허용 출처/메서드/헤더 등을 명시해 브라우저가 예외를 허용하게 하는 규칙Preflight(사전요청) = 브라우저가 실제 요청 전에 OPTIONS 요청으로 서버가 허용하는지 확인하는 단계Credentialed request ..

웹 애플리케이션의 성능과 사용자 경험을 결정하는 핵심 요소 중 하나는 렌더링 방식이다. 주요 렌더링 방식인 클라이언트-사이드 렌더링(CSR)과 서버-사이드 렌더링(SSR)에 대해 깊이 있게 분석하고, 각각의 장단점 및 실무에서의 적용 사례를 제시하여 최적의 기술 선택을 위한 기획 의도를 명확히 한다.클라이언트-사이드 렌더링 (CSR: Client-Side Rendering)CSR은 웹 애플리케이션의 렌더링 로직을 클라이언트, 즉 사용자의 웹 브라우저에서 전적으로 처리하는 방식이다. 동작 원리클라이언트가 서버에 최초 요청을 보낸다.서버는 최소한의 HTML 파일과 함께 JavaScript(JS) 파일을 브라우저로 전송한다.이 초기 HTML은 실제 콘텐츠를 포함하지 않고, JS 파일을 로드하는 스크립트 태그 ..