Frontend/Next.js2 [Next.js] Rendering Component level Client & Server RenderingReact 18 버전 이전까지는 React를 사용하여 애플리케이션을 렌더링하는 방법이 전적으로 클라이언트에 있었다. Next.js는 이에 대해 HTML을 서버에서 미리 생성하고 클라이언트에서 hydration 할 수 있도록 전송하여 애플리케이션을 page 단위로 서버에서 prerender하는 방법을 제공하였다. 하지만, HTML은 가볍게 왔지만 초기 HTML을 동작가능한 형태로 만들기 위해 JS로 hydration 해야하기 때문에 전체 JS 번들도 함께 보내야했다.hydration서버에서 전달된 정적인 HTML을 브라우저에서 동적으로 작동하는 앱으로 바꾸는 과정 🌟 React 18 이후 + Next.js 13 이후 부터는 컴포넌.. 2025. 7. 9. [Next.js] 기능과 사용 이유 Next.js란?React는 라이브러리인 반면, Next.js는 React를 이용해서 웹 애플리케이션을 만들기 위한 프레임워크이다.라이브러리와 프레임워크의 차이는 애플리케이션의 흐름을 누가 쥐고 있느냐의 차이다. 라이브러리는 개발자가 주도하여 필요할 때 호출해서 쓰는 반면, 프레임워크는 그 스스로 제어 흐름의 주도성을 갖는다. *프레임워크 사용하는 장점구조와 흐름을 강제해서 일관성을 유지할 수 있다.프레임워크는 "폴더 구조", "코딩 방식", "흐름"을 어느 정도 표준화시킨다. 이에 따라 프로젝트 구조를 빠르게 이해할 수 있고, 일관되게 코드를 작성할 수 있다.복잡한 기능들을 처리해준다.라우팅, 빌드 최적화, 서버 통신 등 필수 요소를 미리 내장해서, 개발자가 비즈니스 로직에만 집중할 수 있도록 한다.성.. 2025. 7. 9. 이전 1 다음
