RSC는 서버에서 렌더링되는 MPA와 클라이언트에서 렌더링되는 SPA의 장점을 결합해, 성능이나 유지 보수 편의성을 저해하지 않고 매끄러운 사용자 경험을 제공한다.

서버 컴포넌트의 장점이 아닌 것은?

• 클라이언트의 다양한 환경에의 영향을 받지 않기에 성능을 더 잘 예측할 수 있다
• 서버에서만 실행되므로, 토큰과 같은 민감한 정보는 클라이언트에 노출되지 않아 보다 안전하게 처리할 수 있다.
• 렌더링 전에 데이터를 미리 불러와 완성된 UI를 클라이언트에 전송할 수 있다.
• 클릭과 같은 사용자 인터렉션도 서버에서 처리할 수 있다.

RSC는 서버에서 실행되는 컴포넌트로, 클라이언트 자바스크립트 번들에 포함된다.

서버 컴포넌트와 서버 렌더링의 상호 작용으로 잘못된 것은?

• 서버에서 JSX트리는 엘리먼트 트리로 변환된다.
• 서버는 엘리먼트 트리를 문자열이나 스트림으로 역직렬화한다.
• 문자열로 변환된 JSON 객체가 클라이언트로 전송된다.
• 클라이언트에서 JSON 문자열을 파싱해 렌더링한다.

빈칸을 채워주세요. “어플리케이션이 서버에서 렌더링될 때, 생성된 리액트 엘리먼트는 브라우저로 전송될 수 있는 HTML 문자열로 변환되어야 한다. 이때, 리액트 엘리먼트를 문자열로 변환하는 과정을 OOO라고 한다”

• 직렬화

• Serialization

• serialization

• "직렬화"

• '직렬화'

서버 컴포넌트는 서버에서만 실행되고, 클라이언트 컴포넌트는 클라이언트에서만 실행된다

NextJS에서 클라이언트 컴포넌트로 설정하기 위해 필요한 지시자는?

• use client

다음 코드는 역직렬화 과정을 나타낸다

서버 컴포넌트로 작성될 수 있는 것은?

• 브라우저의 localStorage에서 테마 설정을 읽어와 적용하는 컴포넌트
• useEffect를 사용하는 컴포넌트
• useState를 사용해 사용자 입력 상태를 관리하는 컴포넌트
• 외부 API로부터 데이터를 비동기로 가져와 서버에서 렌더링하는 컴포넌트

클라이언트 컴포넌트는 서버 컴포넌트를 가져올 수 있다