React Deep Dive Study

모던 리액트 Deep Dive

리액트 공식 문서 한글 번역 사이트
🗓️ 기간 : 2023년 11월 17일 ~ 2024년 4월 11일

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

🦆 내 파트 모아보기

1. 2.1 JSX란? : 김건주🔖
2. 2.5 컴포넌트와 함수의 무거운 연산을 기억해 두는 메모이제이션 : 김건주🔖
3. 3.1.3 ~ 5 : 김건주 장효윤🔖
4. 5.1.1 : 김건주🔖
5. 6.3 : 김건주🔖
6. 1.6 조건부 렌더링 - 김건주🔖
7. 1.7 목록 렌더링 - 김건주🔖
8. 3.2 상태 구조 선택 - 김건주🔖
9. 4-4 이펙트 & 라이프 사이클 - 김건주🔖

📗 0차 모임

일시 : 2023년 11월 17일 금요일 23시
장소 : 스터디룸1
멤버 : 김건주, 김희소, 이동호, 장효윤, 전선용, 정소이

📗 1차 모임

일시 : 2023년 11월 22일 수요일 22시
장소 : 스터디룸1
범위 : 2장 리액트 핵심 요소 깊게 살펴보기(2.1~2)
멤버 : 김건주, 김희소, 이동호, 장효윤, 전선용, 정소이
챕터별 담당자 :

• 2.1 JSX란? : 김건주🔖
• 2.2 가상 DOM과 리액트 파이버 : 장효윤

📗 2차 모임

일시 : 2023년 11월 29일 수요일 22시
장소 : 스터디룸4
범위 : 2장 리액트 핵심 요소 깊게 살펴보기(2.3~5)
멤버 : 김건주, 김희소, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현
챕터별 담당자 :

• 2.3.1 : 김희소
• 2.3.2 ~ 4 : 이동호
• 2.4 렌더링은 어떻게 일어나는가? : 정소이, 조지현
• 2.5 컴포넌트와 함수의 무거운 연산을 기억해 두는 메모이제이션 : 김건주🔖

📗 3차 모임

일시 : 2023년 12월 6일 수요일 21시
장소 : 스터디룸4
범위 : 3장 리액트 훅 깊게 살펴보기(3.1.1-8)
멤버 : 김건주, 김희소, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현
챕터별 담당자 :

• 3.1.1 ~ 2 : 전선용 신승민
• 3.1.3 ~ 5 : 김건주 장효윤🔖
• 3.1.6 ~ 8 : 이동호 조지현

📗 4차 모임

일시 : 2023년 12월 13일 수요일 21시
장소 : 스터디룸4
범위 : 3장 리액트 훅 깊게 살펴보기(3.1.9-3.2.4)
멤버 : 김건주, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현
챕터별 담당자 :

• 3.1.9 ~ 12 : 신승민 정소이
• 3.2.1 ~ 4 : 김희소 전선용

📗 5차 모임

일시 : 2023년 12월 18일 월요일 21시
장소 : 스터디룸4
범위 : 5장 리액트와 상태 관리 라이브러리(5.1.1-5.2.3)
멤버 : 김건주, 김희소, 이동호, 장효윤, 전선용, 정소이, 조지현
챕터별 담당자 :

• 5.1.1 ~ 5.2.1 : 김건주 장효윤🔖
• 5.2.2 ~ 3 : 이동호 조지현

📗 6차 모임

일시 : 2023년 12월 27일 수요일 21시
장소 : 스터디룸4
범위 : 5장 리액트와 상태 관리 라이브러리(5.2.4-5.2.5)
멤버 : 김건주, 김희소, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현
챕터별 담당자 :

• 5.2.4.1 : 신승민 정소이
• 5.2.4.2 ~ 5.2.5 : 김희소 전선용

📗 7차 모임

일시 : 2024년 1월 3일 수요일 21시
장소 : 스터디룸4
범위 : 6장 리액트 개발 도구로 디버깅하기, 10.1장 리액트 17 버전 살펴보기
멤버 : 김건주, 김희소, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현
챕터별 담당자 :

• 6.1 ~ 6.4 : 김건주 장효윤🔖
• 10.1 리액트 17 버전 살펴보기 : 이동호 조지현

📗 8차 모임

일시 : 2024년 1월 10일 수요일 22시
장소 : 스터디룸4
범위 : 8.2 리액트 팀이 권장하는 리액트 테스트 라이브러리
멤버 : 김건주, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현
챕터별 담당자 :

• 8.2 리액트 팀이 권장하는 리액트 테스트 라이브러리 : 신승민 정소이

📗 9차 모임

일시 : 2024년 1월 18일 목요일 21시
장소 : 스터디룸4
범위 : 10.2 리액트 18 버전 살펴보기
멤버 : 김건주, 김희소, 이동호, 장효윤, 전선용, 정소이, 조지현
챕터별 담당자 :

• 10.2 리액트 18 버전 살펴보기 : 김희소 전선용

📗 10차 모임

일시 : 2024년 1월 22일 월요일 21시
장소 : 스터디룸4
범위 : UI 구성하기 챕터 1~8
멤버 : 김건주, 김희소, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현, 황초원
챕터별 담당자 :

• 1-1장 첫 번째 컴포넌트 ~ 1-2장 컴포넌트 import 및 export - 장효윤
• 1-3장 JSX로 마크업 작성하기 ~ 1-4장 JSX에서 JavaScript - 황초원
• 1-5장 컴포넌트에 props 전달하기 - 조지현
• 1-6장 조건부 렌더링 - 김건주🔖
• 1-7장 목록 렌더링 - 김건주🔖
• 1-8장 컴포넌트 순수성 유지 - 조지현

📗 11차 모임

일시 : 2024년 1월 31일 수요일 22시
장소 : 스터디룸4
범위 : UI 구성하기 챕터 9, 상호작용 추가하기 챕터 1~4
멤버 : 김건주, 김희소, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현, 황초원
챕터별 담당자 :

• 1-9장 UI를 트리(Tree)로 이해하기 - 김희소
• 2-1장 이벤트에 응답하기 - 이동호
• 2-2장 state: 컴포넌트의 메모리 - 이동호
• 2-3장 렌더링하고 커밋하기 - 신승민
• 2-4장 스냅샷으로서의 state - 신승민

📗 12차 모임

일시 : 2024년 2월 15일 목요일 22시 30분
장소 : 스터디룸4
범위 : 상호작용 추가하기 챕터 5~6
멤버 : 김건주, 신승민, 이동호, 장효윤, 정소이, 조지현, 황초원
챕터별 담당자 :

• 2-5장 여러 state 업데이트를 큐에 담기 - 정소이
• 2-6장 객체 state 업데이트 - 정소이

📗 13차 모임

일시 : 2024년 2월 26일 월요일 11시
장소 : 스터디룸4
범위 : 상태 관리 챕터 1~3
멤버 : 김건주, 이동호, 장효윤, 정소이, 조지현, 황초원
챕터별 담당자 :

• 3-2 상태 구조 선택 - 김건주🔖
• 3-3 컴포넌트 간 상태 공유 - 장효윤

📗 14차 모임

일시 : 2024년 3월 4일 월요일 21시
장소 : 스터디룸4
범위 : 상태 관리 챕터 1, 4, 5
멤버 : 김건주, 김희소, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현, 황초원
챕터별 담당자 :

• 3-1 상태로 입력에 반응 - 전선용
• 3-4 상태 유지 및 재설정 - 황초원
• 3-5 상태 로직 리듀서 추출 - 조지현

📗 15차 모임

일시 : 2024년 3월 14일 목요일 14시 장소 : 스터디룸4 범위 : 상태 관리 챕터 6~7 멤버 : 김건주, 신승민, 이동호, 장효윤, 정소이, 조지현, 황초원

• 3-6 컨텍스트 활용(상태 공급) - 신승민
• 3-7 리듀서 & 컨텍스트 활용 스케일 업 - 이동호

📗 16차 모임

일시 : 2024년 3월 21일 목요일 14시 장소 : 스터디룸4 범위 : 이스케이프 해치 챕터 2~3 멤버 : 김건주, 신승민, 이동호, 장효윤, 전선용, 조지현, 황초원

• 4-1 Refs로 값 참조 - 정소이
• 4-2 Refs로 DOM 조작 - 신승민

📗 17차 모임

일시 : 2024년 3월 28일 목요일 14시 장소 : 스터디룸4 범위 : 이스케이프 해치 챕터 1,4~5 멤버 : 김건주, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현, 황초원

• 4-3 이펙트 & 싱크로나이징 - 전선용
• 4-4 이펙트가 필요하지 않은 경우 - 이동호
• 4-4 이펙트 & 라이프 사이클 - 김건주🔖

📗 18차 모임

일시 : 2024년 4월 11일 목요일 13시 장소 : 스터디룸4 범위 : 이스케이프 해치 챕터 6~8 멤버 : 김건주, 신승민, 이동호, 장효윤, 전선용, 정소이, 조지현, 황초원

• 4-5 이펙트에서 이벤트 분리 - 장효윤
• 4-6 이펙트 종속성 제거 - 황초원
• 4-7 커스텀 훅(로직 재사용) - 조지현