[Next.JS] Server Component와 Client Component
🧑💻 Server Component vs Client Component React 18버전 이후부터 Server Component라는 개념이 추가되어 Server Component와 Client Component라는 개념이 구분되었다. 서버 컴포넌트와 클라이언트 컴포넌트에서 사용하는 api가 다르다. 따라서 클라이언트 컴포넌트에서 사용하는 useState, useEffect와 같은 함수를 서버 컴포넌트에서 사용하는 경우 오류가 발생한다. Server Component 서버에서 동작하는 컴포넌트 Next.js에서는 기본적으로 서버 컴포넌트로 동작한다. 서버 컴포넌트는 서버에서 먼저 해석이 된 이후에 클라이언트로 전달되어 표시된다. 서버 컴포넌트를 사용하면 서버에서 렌더링하고 선택적으로 캐시할 수 있는 U..
[Next.JS] NextJS 왜 사용할까?
🧑💻 Next.JS란? React를 기반으로 한 풀스택 웹 애플리케이션 프레임워크 React : 라이브러리, 다운받아 사용에 맞게 폴더 이름, 구조를 작성 => 사용자에게 주도권이 있음 Next : 프레임워크, 정해진 폴더 이름, 구조 등을 따름 => 사용자에게 주도권 없음 Next.js는 규칙에 맞게 코드를 작성하고 올바른 위치에 export하면 프레임워크가 알아서 처리하기 때문에 준수한 규격을 가진 웹앱을 만들 수 있다. Next.js의 특징 1. SSR SSR(Server Side Randering) 서버 측에서 먼저 자바스크립트를 실행해 HTML을 만들어 클라이언트 측에 전송해 렌더링하는 방식 Next.js는 React를 기반으로 하지만 CSR 방식을 사용하는 React와는 다르게 SSR 방식을..