[Study] 개발 공부/[Study] Interview4 [Study] 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링 SSR (Server-Side Rendering)서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법을 의미합니다. 장점: 서버에서 미리 그려서 브라우저로 보내주기 때문에 초기 렌더링 속도가 빠릅니다. 단점: 이후 매 요청마다 서버에서 새로운 화면을 만들어 제공해주기 때문에 부하가 큽니다.CSR (Client-Side Rendering)서버에서 받은 데이터를 클라이언트인 브라우저에서 렌더링을 해주는 방식입니다. 장점: 사용자 행동에 따라 필요 부분만 다시 읽어들이기 때문에, 빠른 인터렉션을 기대할 수 있습니다. 단점: 초기 구동 속도가 느립니다. 2025. 3. 24. [Interview] 질문 모음(업데이트 중) 브라우저의 렌더링 과정CORS크로스 브라우징크로스 브라우징은 웹 표준에 따라 서로 다른 OS 나 플랫폼에 대응하는 것을 말합니다.브라우저별 렌더링 엔진이 다른 상황에서도 문제없이 동작하게하는 것을 목표로 합니다.서버 사이드 렌더링 vs 클라이언트 사이드 렌더링SSR (Server-Side Rendering)서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법을 의미합니다. 장점: 서버에서 미리 그려서 브라우저로 보내주기 때문에 초기 렌더링 속도가 빠릅니다. 단점: 이후 매 요청마다 서버에서 새로운 화면을 만들어 제공해주기 때문에 부하가 큽니다.CSR (Client-Side Rendering)서버에서 받은 데이터를 클라이언트인 브라우저에서 렌더링을 해주는 방식입니다. 장점: 사.. 2025. 3. 24. [Study] CORS 1. CORS란,Cross Origin Resource Sharing의 약자로 교차 출처 리소스 공유라고도 부릅니다. CORS는 SOP에 의해 제한된 교차 출처 간 리소스 공유를 허용하기 위한 방법입니다. 여기서 SOP란, Same Origin Policy의 약자로 동일 출처 정책을 의미합니다. SOP는 현재 출처와 동일한 출처(Origin)의 리소스만 접근할 수 있도록 하는 정책입니다. 출처(Origin)은 Protocol + Host(Domain) + Port로 구성되며 모두 같은 경우가 동일 출처가 됩니다.이 세 가지 중 하나라도 다르면 다른 출처(Origin)으로 간주되어 CORS 에러가 발생합니다. 애플리케이션의 요구 사항이 복잡해지면서, 다른 도메인의 리소스를 활용하는 경우가 많아졌기 때문.. 2025. 1. 10. [Study] 웹 브라우저 동작 원리 브라우저의 기본 동작 원리사용자가 URL을 통해 1. 웹 페이지에 접속하면, 브라우저는 2. DNS(Domain Name System) 서버를 통해 도메인 이름을 IP 주소를 변환한다. 이 IP 주소를 통해 3. 서버와 연결한다. 브라우저는 설정된 연결을 통해 웹 페이지의 4. HTML 문서 요청하고, 이를 받아온다.그러면 렌더링 엔진은 HTML과 CSS, JavaScript를 파싱(Parsing)하고 그 결과물을 바탕으로 페이지를 그려내는 역할을 한다. HTML, CSS, JavaScript의 브라우저에서의 렌더링 원리1. HTML 파싱 및 DOM(Document Object Model) 생성파싱은 문서의 텍스트를 분석하여 의미 있는 구조로 변환하는 과정이다.브라우저는 HTML의 문자열들을 파싱하여 파.. 2024. 12. 20. 이전 1 다음
