CSR (2) 썸네일형 리스트형 [원티드]7월 프리온보딩 프론트엔드 챌린지(feat. Next.js) 마침 Next.js에 관심을 갖고 강의를 듣고 개인 프로젝트를 하고 있는 시점에서 원티드 프리온보딩 챌린지가 Next.js로 열렸다. 인원을 선별해서 진행하는지 잘 모르지만, 꼭 하고 싶다. 2주간의 몰입! 지금 시점의 나에게 너무나도 필요한 시간인듯 하다. 아래는 사전과제에 대한 내용이다..! CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. CSR 웹 앱의 렌더링 방식을 말하며, 브라우저로부터 데이터 요청을 받은 클라이언트가 서버로부터 데이터를 받아 화면에 렌더링하는 형식을 말한다. 데이터를 클라이언트측에서 처리하는 것이며, 쉽게 말해 데이터를 서버로부터 받아서 브라우저에 뿌려주는 주체가 클라이언트이다. Server로부터 빈 HTML과 JS 데이터를 .. 내가 아는 CSR과 SSR NextJS를 공부하는 주된 이유중의 하나가 SSR이다. 프론트엔드 구직 회사들의 채용조건들을 보다보면, NextJS가 있는걸 심심치 않게 볼 수 있다. 왜 그 회사들은 NextJS를 사용할까? 왜 CSR이 아닌 SSR일까? 이 물음에 답하기 전에 CSR과 SSR을 떠올려 보자.. CSR(Client Side Rendering) 클라이언트의 브라우저에서 렌더링을 담당하는 것. SSR(Server Side Rendering) 서버에서 렌더링을 담당하는 것. 렌더링은 뭐야??? 쉽게 말해 유저가 어떤 사이트에 들어 가면 서버에서 해당 사이트의 HTML 파일을 화면에 뿌려준다 이걸 렌더링이라고 한다. '서버'와 '클라이언트'의 대화를 통해 CSR를 한번 알아보자 1. User가 google(Website)에 .. 이전 1 다음
