[리액트 7기] 6주차 주간회고

---

💡핵심 3줄 요약

• 프레임워크 첫 사용
• 천천히 꾸준히 킵고잉

---

💡이번 주 목표

[✅] 포기하지말자

[✅] 남들과 속도는 달라도 천천히 계속 해보자

---

💡칭찬하고 싶은 점

-

💡고치거나 버려야 할 점

- 오늘 할 일을 뒤로 미루기 ! 뒤로 미루기 ! 뒤로 미루기 ! (이제그만 ㅜ ㅜ)

---

💡일일 스프린트

• 04월 05일 (토)
• 04월 06일 (일)
  • [❌] 졸업과제 제출
• 04월 07일 (월)
  • [✅] Next.js #1.1 -#2.1
  • [✅] 퀴즈제출

• 04월 08일 (화)
  • [✅] Next.js #2.1 -#2.10
  • [❌] 퀴즈제출 - 잠들어버렸다.
• 04월 09일 (수)
  • [✅] Next.js #3.0-#3.8
  • [✅] 퀴즈 제출
• 04월 10일 (목)
  • [✅] Next.js [ SSR CSR ] 렌더링 개념 이해하기
• 04월 11일 (금)
  • [✅] 주간회고 작성
  • [✅] 블로그 작성
  • [✅] 주간회고 업로드 
  • [♾️] Next.js #3 -#4 강의 듣기 + 졸업과제 시작

---

💡이번 주 배운 내용

새롭게 알게 된 것 :

프레임워크를 처음 사용해봤다. 너무 혁명 그자체. .

특히 폴더가 곧 URL이 되는 구조는 너무 충격적이다.

 

웹 렌더링 방식: CSR과 SSR

 

[Next.js] 스타트 - 프로젝트 생성

 

[Next.js] App Router

 

 

[Next.js] 하이드레이션(Hydration)

 

Next.js는 기본적으로 SSR(Server Side Rendering) 방식으로 작동한다.
즉, 서버에서 먼저 HTML을 렌더링하여 정적인 페이지를 빠르게 보여준다. 사용자와 상호작용이 필요한 UI는 정적인 HTML을 동적인 React 앱으로 다시 활성화시키는 작업이 필요한데,이 과정을 하이드레이션(Hydration) 이라고 한다.

Next.js에서 하이드레이션을 적용하려면, 인터랙티브한 기능이 필요한 컴포넌트 파일 상단에 "use client" 지시어를 명시적으로 작성해야 한다.이렇게 "use client"가 선언된 컴포넌트는 CSR(Client Side Rendering) 방식으로 처리되며,브라우저에서 자바스크립트를 통해 React 앱이 활성화되고 인터랙션이 가능해진다.

 

질문 :

개발공부를 시작한지 25년 04월11일 기준으로 459일 되었습니다.

공부를 하면 할수록, 나중에 배우는 기술들이 더 좋아 보이고 더 효율적으로 느껴집니다.
그러다 보니 어떤 기술을 깊이 있게 파야 할지, 앞으로 무엇을 선택해야 할지 잘 모르겠습니다.

혹시 이럴 때 어떤 기준으로 방향을 잡으면 좋을지,TA분들께 조언을 구하고 싶습니다.

---