분류 전체보기7 2024 원티드 프리온보딩 | FE 챌린지 상황에 맞는 프론트엔드 개발 전략 이해하기 사전과제 1. SSR과 CSR의 주요 차이점은 무엇인가? 어디서 렌더링 작업을 수행하는가에 따라 SSR(서버 사이드 렌더링)과 CSR(클라이언트 사이드 렌더링)으로 구분할 수 있습니다. 먼저 SSR(Server Side Rendering)은 서버에서 페이지를 렌더링하고 클라이언트로 내려주는 방식입니다. 사용자가 웹 페이지에 접속하면 브라우저는 서버에 리소스를 요청합니다. 서버는 브라우저의 요청에 따라 초기 페이지를 렌더링하여 제공합니다. 사용자는 페이지를 볼 수 있지만 조작할 수 없는 상태(정적인 페이지)가 됩니다. 브라우저가 자바스크립트를 다운로드하여 컴파일이 완료되면 사용자가 웹 페이지를 조작할 수 있습니다. SSR은 FCP(First Contentful Paint), 즉 사용자가 웹 페이지를 로딩하고 나서 .. 2024. 1. 30. 브라우저는 어떻게 렌더링 되는가 1. 브라우저의 구조 사용자 인터페이스: 웹페이지 상단바의 뒤로 가기, 앞으로 가기, 새로고침 등 사용자가 어떤 페이지에 접속하더라도 바뀌지 않고 사용할 수 있는 UI를 말한다. 브라우저 엔진: 사용자 인터페이스와 렌더링 엔진을 이어주는 역할을 한다. 예를 들어 사용자가 사용자 인터페이스의 뒤로 가기 버튼을 누르면 렌더링 엔진이 이전 페이지를 렌더링 하도록 한다. 렌더링 엔진: 웹사이트를 그리는 엔진으로 우리가 보는 페이지를 화면으로 보여주는 엔진을 말한다 통신: 웹 브라우저의 네트워크를 담당하는 부분이다. 개발자 툴의 네트워크 탭에서 활동을 확인할 수 있다. 자바스크립트 해석기: 자바스크립트를 인식하고 실행하여 웹 페이지의 동적인 기능을 동작하도록 하는 부분이다. 크롬의 V8 엔진, 사파리의 Webki.. 2024. 1. 24. [삼일 히어로 #0] '불편함'에서 시작된 프로젝트 교회 같은 팀에는 개발자분들이 꽤나 있다. 내가 개발자로의 전환을 고민할 때 그리고 개발자가 되기 위해 준비하는 과정에서 많은 조언과 도움을 받았다. 신기하게도 대부분이 나와 같은 프론트엔드 개발자, 비전공 개발자라는 공통점이 있어 나의 고민과 상황을 공감하고 이해해 주셨고 더욱 현실적인 조언을 들을 수 있었다. 삼일 히어로 프로젝트의 시작 교회의 가장 친한 개발자 두 분과 저녁 식사를 하고 카페에서 이런저런 수다를 떨다가 선교에 대한 이야기가 시작되었다. 내가 다니는 교회는 매년 여름, 겨울 국내 10여 곳과 해외 8곳으로 선교를 간다. 교인들이 직접 모든 과정을 준비하며, 각 선교는 적게는 100여 명, 많게는 약 800여 명 정도의 교인들이 참여할 정도로 큰 규모의 선교 프로그램이다. 이야기를 나누.. 2024. 1. 9. 이전 1 2 다음
