웹과 브라우저

모든 브라우저는 Parser (해석기) 를 내장하고 있으며, 이는 브라우저의 엔진이

포함하고 있는 기술이다. 파서는 웹에서 사용되는

자바스크립트, 자료 저장(쿠키 등), 렌더링, CSS 등을 해석하여

사용자에게 정보를 제공하는 것을 주 목적으로 한다.

CORS : (Cross-origin-resource-sharing) : 추가 HTTP 헤더를 사용해, 한 소스에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려준다,
쉽게 말하면 외부 리소스가 안전한지 검사하는 것이며 , Chrome등의 브라우저에 개발자 도구를 열면

element란 콘솔에 나오는 외부 참조에러, 연결에러 모두를 지칭한다.

이것들은 웹 표준에 어긋나며, CORS 정책위반으로 사용자에게 에러를 표기한다.

Cross-Browsing : 서로 다른 플랫폼에서 웹 표준에 따라 동일한 동작 (이상이 없는)을 수행할 수 있게 하는 것.
Server-Side Rendering 과 Client-Side Rendering :]
클라이언트 사이드 렌더링은 최초 1번만 모든 데이터를 사용자에게 제공하고, 그 후에는 클라이언트의 해석기를 통해서 렌더링을 하는 방법이다.
서버 사이드 렌더링은 어떤 요청에 대해 서버로부터 새로고침 하여도 리소스를 전달받아 화면에 주사한다,

즉, CSR은 필요한 부분만을 읽기 때문에 속도 측면에서 유리하지만, SPA처럼 모든 페이지를 읽어

사용자에게 주사하기 때문에, 초기 구동속도가 느린 편이다. SPA와도 비슷하며, 실제 SPA 개발에 용이한

Backbone.js 나 Angular.js 가 CSR에 속한다.

SSR 프로세스 : HTML 전처리 -> HTML 뷰 제공 -> 클라이언트 렌더링

CSR 프로세스 : HTML 뷰 제공 -> JS 제공 -> JS 실행 -> API 호출 -> 데이터 바인딩 -> 클라이언트 렌더링

위의 SSR, CSR과 비슷한 개념으로, 서버 사이드 스크립트는 서버에서 해석하여 처리하는 스크립트이고

클라이언트 사이드 스크립트는 클라이언트에서 해석하여 처리하는 스크립트이다.

서버 사이드 스크립트 : PHP, jsp, asp, py, ejs

클라이언트 사이드 스크립트 : Javascript, VBscript

IT 공방입니다.