Frorong

[Next] Next.js는 어떻게 SSR과 CSR을 혼합했을까? Next.js의 Hydration 우리가 코드를 작성하여 만들어진 웹 어플리케이션은 브라우저 위에서 구동된다. 브라우저의 페이지 렌더링 방식은 크게 두 가지가 있는데 바로 CSR(client side rendering)과 SSR(server side rendering)이다. CSR과 SSR에 대해 궁금하다면 아래 게시글을 참고하자. [CS, Next] SSR 개념 바로잡기! Server Side Rendering!! Server Side Rendering이 무엇일까? server side rendering을 이해하기 위해서는 먼저, client side rendering에 대한 이해가 필요하다. 브라우저 렌더링 관련 참고 게시글. 왜 tr..

웹 개발에서 성능 최적화하기! Minifying과 Code Splitting!! 웹 개발을 하면 어플리케이션의 초기 로딩이 느리다던가, 코드의 용량이 너무 크다던가 하는 문제가 생길 수 있다. 오늘은 이러한 문제들을 어떻게 해결할 수 있는지 웹 개발 성능 최적화 방법에 대해 알아보겠다. 또한, React에서는 어떻게 이 해결 방법을 적용 중인지 알아보자. Minifying 성능을 최적화하기 위해서는 개발하여 나온 소스 코드 자체를 줄이는 방법이 있다. 우리가 개발을 할 때에는 가독성을 굉장히 중요시한다. 이는 다른 개발자들이 코드를 쉽게 이해하도록 하여 코드 리뷰 시간을 단축시키고, 유지보수 비용을 줄인다. 하지만 인간이 코드를 편하게 해석하기 위한 것이 컴퓨터에게도 동일하게 적용되지는 않는다. 컴퓨터는..