Next.js 주저리

Views:
20
Category:
Post
Posted on:
2024. 9. 18.

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들도 사용 할 수 없다.

물론 클라이언트 컴포넌트로 변경하면 사용할 수 있긴 하나 ...

리엑트로 개발하던 입장으로 서버 컴포넌트를 최대한 활용하여

클라이언트 사이드에서 했던 작업들을 구현하는게 아직 쉽지가 않다.