Next.js 주저리
Next.js 학습기
React만 사용 하다가 Next.js를 학습하며 간단하게 후기를 남김.
참고로 학습 극 초반의 주저리 입니다.
1. SSR
CSR와는 다른 방식, 사용자의 요청에 서버에서 랜더링을 전달받음.
SSR의 단점들도 꾸준하게 개선되어 ssg(빌드 시 미리 페이지 랜더링),
isr(빌드시 미리 랜더링, 일정 주기마다 다시 랜더링) 등의 기술 들을
다양하게 활용할 수 있었음.
2. 서버 컴포넌트(RSC)
서버 컴포넌트는 서버에서 실행되는 컴포넌트 이다.
데이터 가져오는 로직을 서버로 이동하여 서버 자체에서 페이지가 구성되어
돌아온다. 서버에서 실행되기 때문에 이벤트 핸들러나 React Hook 뿐
아니라 localstorage, 웹 API들도 사용 할 수 없다.
물론 클라이언트 컴포넌트로 변경하면 사용할 수 있긴 하나 ...
리엑트로 개발하던 입장으로 서버 컴포넌트를 최대한 활용하여
클라이언트 사이드에서 했던 작업들을 구현하는게 아직 쉽지가 않다.
# Next.js 학습기 React만 사용 하다가 Next.js를 학습하며 간단하게 후기를 남김. 참고로 학습 극 초반의 주저리 입니다. ## 1. SSR CSR와는 다른 방식, 사용자의 요청에 서버에서 랜더링을 전달받음. SSR의 단점들도 꾸준하게 개선되어 ssg(빌드 시 미리 페이지 랜더링), isr(빌드시 미리 랜더링, 일정 주기마다 다시 랜더링) 등의 기술 들을 다양하게 활용할 수 있었음. ## 2. 서버 컴포넌트(RSC) 서버 컴포넌트는 서버에서 실행되는 컴포넌트 이다. 데이터 가져오는 로직을 서버로 이동하여 서버 자체에서 페이지가 구성되어 돌아온다. 서버에서 실행되기 때문에 이벤트 핸들러나 React Hook 뿐 아니라 localstorage, 웹 API들도 사용 할 수 없다. 물론 클라이언트 컴포넌트로 변경하면 사용할 수 있긴 하나 ... 리엑트로 개발하던 입장으로 서버 컴포넌트를 최대한 활용하여 클라이언트 사이드에서 했던 작업들을 구현하는게 아직 쉽지가 않다.