이 정보는 아직 추가되지 않았습니다.
저희를 도와주세요! :)
저희를 도와주세요! :)
프레임워크
서비스
기타
언어
언어
언어
기타
기타
기타
서비스
서비스
프레임워크
서비스
서비스
언어
프레임워크
기타
기타
기타
언어
서비스
서비스
서비스
서비스
언어
기타
기타
서비스
서비스
기타
라이브러리
서비스
기타
라이브러리
언어
라이브러리
기타
라이브러리
프레임워크
서비스
라이브러리
기타
언어
라이브러리
라이브러리
언어
기타
기타
언어
프레임워크
프레임워크
언어
언어
기타
서비스
라이브러리
서비스
기타
서비스
서비스
기타
기타
라이브러리
서비스
프레임워크
프레임워크
기타
기타
SSR (서버사이드 렌더링)
기타
SSR(Server Side Rendering)이란, 서버에서 미리 페이지를 다 그린 뒤에 클라이언트(사용자의 기기)에 보내, 클라이언트는 사용자에게 화면을 바로 보여줄 수 있도록 하는 웹개발 방식입니다. CSR(Client Side Rendering)의 반대 개념으로, CSR이 부드러운 사용자 경험을 제시하지만 로딩이 느려지는 단점을 가지고 있는 반면, SSR은 서버 상에서 페이지를 다 그려놓기 때문에 로딩이 빠르다는 장점이 있습니다. 최근 인기 라이브러리인 React, Vue.js 등은 기본적으로 CSR 방식인데, 이로 인해 속도 측면의 문제가 발생하며 CSR의 장점과 SSR 방식의 장점을 합치려는 시도가 늘고 있습니다. 그러한 시도 중에 하나가 Next.js 입니다.
실무에서는 어떻게 활용될까?
SSR, CSR은 프론트엔드의 성능에 영향을 미치는 요소이기 때문에 개발 방식에 따라 렌더링 방식이 어떻게 달라지는지 알아두고, 그에 맞춰 적합한 라이브러리를 사용하는 것이 좋습니다.
예시 코드
SELECT name, SUM(count) as "Count"
FROM dictionary
GROUP BY count
ORDER BY count DESC