Notice
Recent Posts
Recent Comments
Link
«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

훈돌라

2024. 7. 3. next.js 개인과제 본문

카테고리 없음

2024. 7. 3. next.js 개인과제

훈돌라 2024. 7. 3. 21:16

 

 


나는 이상하게 강의만 듣고 실전에 적용하기가 너무 어려운 것 같다. (강의를 이해하지 못하고 있는건가?)

 

강의에서 필요한 부분만 빼서 듣고 해설 강의를 보면서 진행 -> 완성한 후에 이해가 되지 않는 부분을 추가적으로 찾아보거나 지운 후에 다시 스스로 로직을 완성하는 학습법이 더 맞는 것 같다.. 개취니까..! 

 

다행이라 해야할지, 그래도 해설을 보면서 진행하다 보면 어느정도 감이 잡힌다.

 

진행하면서 추가적으로 의문이 드는 부분은 강의를 돌려보거나 스스로 찾아보는 게 맞는 것 같다.

 

하다보면 " 아 내가 너무 어렵게 생각했구나,, " 하며 이마를 탁! 치는 경우도 있는 거 보면, 조금은 단순하고 자신있게 시작해도 될 것 같다.


 

Next.js 에서 서버 컴포넌트클라이언트 컴포넌트는 각각 서버와 클라이언트 환경에서 실행됨

 

서버 컴포넌트 (Server Components)

 

서버 컴포넌트는 서버에서 렌더링되고 클라이언트로 HTML만 전달됩니다. 이를 통해 초기 로드 시간이 단축되고, SEO(검색 엔진 최적화)가 향상됩니다. 서버 컴포넌트는 서버에서만 실행되므로, 브라우저 관련 API를 사용할 수 없습니다.


클라이언트 컴포넌트 (Client Components)

 

클라이언트 컴포넌트는 브라우저에서 실행되며, React의 전통적인 방식과 유사합니다. 브라우저 관련 API를 사용할 수 있으며, 상호작용이 필요한 UI 요소를 포함할 수 있습니다.


내일은 상세 페이지 및 css 를 마무리 해보자.