
[Dev] CSR(Client Side Rendering) : SSR(Server Side Rendering)
·
Dev
랜더링이란?렌더링은 코드를 브라우저가 이해할 수 있는 HTML로 변환하는 과정을 의미한다. 쉽게 말해, 개발자가 작성한 코드를 사용자가 볼 수 있는 웹 페이지로 바꾸어 주는것을 의미!CSR(Client Side Rendering)약자 그대로 해석하면 된다, 렌더링이 클라이언트(브라우저)에서 이루어지는 방식이다.즉, 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내줌. create-react-app 으로 생성한 보통의 react 파일은 브라우저 단에서 모든 rendering 작업을 수행해야 한다는 뜻 이 방식에는 단점이 있는데실제로 유저가 페이지에 맨 처음 접속한 시점에는 빈 화면이 나온다..!왜냐하면 브라우저의 JavaScript 엔진에 의해 rendering 되는데 시간이 걸리기때문이다.새로고침..