서비스개발(Web, App)/Front-End

CSR vs SSR (Rendering 기법의 차이)

이 글에서는 Server Side Rendering과 Client Side Rendering의 차이점을 공유하고자 합니다. 상반된 관계에 있는 방식인 만큼 장단점이 서로 엇갈려서 서로의 장단을 정확하게 알고 적재적소에 필요한 방식으로 구현하는 것이 중요하다고 생각합니다. SSR (Server Side Rendering) SSR은 서버측에서 렌더링이 되고 나온 결과물을 클라이언트에 전달하는 방식을 의미합니다. User가 WebSite 요청을 보냅니다. Server는 'Ready To Render'. 즉, 즉시 렌더링 가능한 html 파일을 만듭니다. 렌더링 된 HTML과 함께 클라이언트가 자바 스크립트를 다운받습니다. 다운 받아지고 있는 사이에 유저는 컨텐츠는 볼 수 있지만, 사이트를 조작할 수는 없습니다..

[FE] 브라우저 작동 원리

브라우저는 아마 사람들이 가장 많이 사용하는 소프트웨어 중 하나이며, 이 글을 통해서 어떤 과정을 거쳐 웹 페이지가 화면에 보이게 되는지 알게 될 것입니다. 브라우저의 기본 구조 사용자 인터페이스 : 주소 표시줄, 이전/다음버튼, 북마크 메뉴 등, 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분. 브라우저 엔진 : 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어. 렌더링 엔진 : 요청한 콘텐츠를 표시. HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 그리는 엔진 통신 : HTTP 요청과 같은 네트워크 호출에 사용됨. 플랫폼 독립적인 인터페이스로 각 플랫폼 하부에서 실행. UI 백엔드 : 콤보 박스와 창 같은 기본적인 장치를 그림. OS 사용자 인터페이스 체계를 사용. 자바스크립트 해석기..