README.md

react-deep-dive

📚 모던 리액트 Deep Dive
🔗 예제 코드 Git

• 00 들어가며
  • 0.1 왜 리액트인가?.md
  • 0.2 리액트의 역사.md
• 01 리액트 개발을 위해 꼭 알아야 할 자바스크립트
  • 1.1 자바스크립트의 동등 비교.md
  • 1.2 함수.md
  • 1.3 클래스.md
  • 1.4 클로저.md
  • 1.5 이벤트 루프와 비동기 통신의 이해.md
  • 1.6 리액트에서 자주 사용하는 자바스크립트 문법.md
  • 1.7 선택이 아닌 필수, 타입스크립트.md
• 02 리액트 핵심 요소 깊게 살펴보기
  • 2.1 JSX란?.md
  • 2.2 가상 DOM과 리액트 파이버.md
  • 2.3 클래스 컴포넌트와 함수 컴포넌트.md
  • 2.4 렌더링은 어떻게 일어나는가?.md
  • 2.5 컴포넌트와 함수의 무거운 연산을 기억해 두는 메모이제이션.md
• 03 리액트 훅 깊게 살펴보기
  • 3.1 리액트의 모든 훅 파헤치기.md
  • 3.2 사용자 정의 훅과 고차 컴포넌트 중 무엇을 써야 할까?.md
• 04 서버 사이드 렌더링
  • 4.1 서버 사이드 렌더링이란?.md
  • 4.2 서버 사이드 렌더링을 위한 리액트 API 살펴보기.md
  • 4.3 Next.js 톺아보기.md
• 05 리액트와 상태 관리 라이브러리
  • 5.1 상태 관리는 왜 필요한가?.md
  • 5.2 리액트 훅으로 시작하는 상태 관리.md
• 06 리액트 개발 도구로 디버깅하기
  • 6.3 리액트 개발 도구 활용하기.md
• 07 크롬 개발자 도구를 활용한 애플리케이션 분석
  • 07장 크롬 개발자 도구를 활용한 애플리케이션 분석.md
• 08 좋은 리액트 코드 작성을 위한 환경 구축하기
  • 8.1 좋은 리액트 코드 작성을 위한 환경 구축하기.md
  • 8.2 리액트 팀이 권장하는 리액트 테스트 라이브러리.md
• 09 모던 리액트 개발 도구로 개발 및 배포 환경 구축하기
  • 9.1 Next.js로 리액트 개발 환경 구축하기.md
  • 9.2 깃허브 100% 활용하기.md
  • 9.3 리액트 애플리케이션 배포하기.md
  • 9.4 리액트 애플리케이션 도커라이즈하기.md
• 10 리액트 17과 18의 변경 사항 살펴보기
  • 10.1 리액트 17 버전 살펴보기.md
  • 10.2 리액트 18 버전 살펴보기.md
• 11 Next.js 13과 리액트 18
  • 11.1 app 디렉터리의 등장.md
  • 11.2 리액트 서버 컴포넌트.md
  • 11.3 Next.js에서의 리액트 서버 컴포넌트.md
  • 11.4 웹팩의 대항마, 터보팩의 등장(beta).md
  • 11.5 서버 액션(alpha).md
  • 11.6 그 밖의 변화.md
• 12 모든 웹 개발자가 관심을 가져야 할 핵심 웹 지표
  • 12.1~3 웹사이트와 성능 | 핵심 웹 지표란? | 최대 콘텐츠풀 페인트(LCP).md
  • 12.4 최소 입력 지연(FID).md
  • 12.5~6 누적 레이아웃 이동(CLS) | 정리.md
• 13 웹페이지의 성능을 측정하는 다양한 방법
  • 13.1 애플리케이션에서 확인하기.md
  • 13.2 구글 라이트하우스.md
  • 13.3 WebPageTest.md
  • 13.4 크롬 개발자 도구.md
• 14 웹사이트 보안을 위한 리액트와 웹페이지 보안 이슈
  • 14.1 ~ 14.7 웹사이트 보안을 위한 리액트와 웹페이지 보안 이슈.md