인프런 커뮤니티 질문&답변

SJ님의 프로필 이미지
SJ

작성한 질문수

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

3.3 컴포넌트 종류 - RSC, RCC, use client

use client

해결된 질문

작성

·

141

1

안녕하세요 ㅎㅎ

강의 너무 잘 듣고있습니다.

use client 사용하는 이유에 대해서 잘 모르겠어서 질문을 드립니다 .ㅎㅎ

설명을 들었을때 server slide rendering 이지만

server side 기능을 하는것이 아니라 client side 로 넘어온다?

로 이해를 했는데 ,

그렇다면 굳이 저 위의 지시어 use client 를 사용해야할때가 있을까 ?? 생각을 했습니다 ㅎㅎ

답변 1

0

도도(코딩루팡)님의 프로필 이미지
도도(코딩루팡)
지식공유자

안녕하세요.!

잘 모르겠는 상황이라면 우선 'use client' 안쓰셔도 됩니다. 아래 처럼 오류가 나올 수 있어요.

  • 애니메이션이 작동 안하네?

  • fetch, axios 가 작동 안하네?

  • useState, useEffect를 사용 못하네?

( 리액트에 익숙해도 SSR, CSR은 이해하기 어려운 개념일 수 있어요. 구체적인 사례(경험)이 없기 때문이죠. )

위 오류들을 해결하면서 익숙해지는 과정으로 배우셔도 괜찮습니다.

 

'use client' 안쓰는것은

  • 리액트로 짠 코드가 HTML로 만들고 읽기 전용 문서가 된다라고 이해해도 좋습니다.

 

'use client' 를 사용하는 것은

  • 브라우저에서 사용자와의 상호작용을 더 할 여지를 남겨줄때 사용합니다.

 

말씀하신것 처럼, 'server side 기능을 하는것이 아니라 client side 로 넘어온다' 에서

server side 기능을 못한 나머지 기능등을 client side 로 넘어와서 마저 처리한다. 라고 생각해주세요.!

SJ님의 프로필 이미지
SJ
질문자

'use client' 안쓰는것은

  • 리액트로 짠 코드가 HTML로 만들고 읽기 전용 문서가 된다라고 이해해도 좋습니다.

 

'use client' 를 사용하는 것은

  • 브라우저에서 사용자와의 상호작용을 더 할 여지를 남겨줄때 사용합니다.

이렇게 말씀해 주시니 이해가 잘 됐습니다 ㅎ 🙂 감사합니다

SJ님의 프로필 이미지
SJ

작성한 질문수

질문하기