use client
안녕하세요 ㅎㅎ
강의 너무 잘 듣고있습니다.
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 로 넘어와서 마저 처리한다. 라고 생각해주세요.!
0
'use client' 안쓰는것은
리액트로 짠 코드가 HTML로 만들고 읽기 전용 문서가 된다라고 이해해도 좋습니다.
'use client' 를 사용하는 것은
브라우저에서 사용자와의 상호작용을 더 할 여지를 남겨줄때 사용합니다.
이렇게 말씀해 주시니 이해가 잘 됐습니다 ㅎ 🙂 감사합니다
4.6강 초기 로딩 속도 케이스 비교
0
85
2
Sidebar & Header 컴포넌트 등 레이아웃 설정 방식
0
89
3
문의드립니다.
0
147
3
Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registration@vercel.com에 문의를 하라고 하네요,,, 이럴땐 진행을 어찌해야할까요,,,
1
102
2
에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?
2
158
3
3.2, 3.3 화면에 아무것도 나오지 않고 있습니다!
0
211
3
코드가 왜 그런지 모르겠는데, 이럴땐 어떻게 공부해야하나요?
1
222
3
강의외 복잡한 ui 입력폼 관련 질문 있습니다
1
221
2
npx랑 yarn이랑 같이 써도 되나요?
0
437
2
article / section 태그에 관해
0
179
1
카테고리 변경 시 이미지 로딩
1
191
2
next zustand 사용 시 문의
0
474
2
component 파일에서는 tsx파일이 아니라 jsx 파일을 쓰는 이유를 알 수 있을까요?
1
176
2
versel 을 통한 배포를 하는 것과 (홈서버 + 클라우드 플래어 프록시)를 하는 것을 비교해주실 수 있나요?
1
178
1
선생님 죄송한대
1
152
1
깃 push가 안되서 ssh를 한참해메고 있습니다. ㅠㅠ
1
144
1
Chapter 7 영상 화면이 안보입니다.
0
273
2
오류발생 문제입니다.
1
231
1
질문있습니다.
1
181
1
11.5 Channel 노래,앨범 section 강의중
0
157
1
소스 수정 후 자동 컴파일 문의드립니다.
1
283
2
정적배포
0
197
1
zustand 상태관리
0
335
1
state에서 buffer랑 time이 안 나옵니다
0
201
2