신상우 / 송시은 / 이서인 / 박지찬 /

✅ 스터디 첫 모임 : 1.3일(수)

✅ 스터디 일정 주 3회( 화 / 목 / 토) 오후 2~5시 / 1월 첫째 주만 7일 일요일 2시 모임

zoom link

**https://us05web.zoom.us/j/88471881645?pwd=B0Pv3dDV7ATk8bicOZAOtQIEdmPBPf.1**

iBook

리액트 공식문서 스터디 (공유사이트)

[스터디 목표 일정]

1.27일 (토요일) 까지 마칠 예정

[진행방식]

  1. 랜덤으로 한 명 정해서 설명
  2. 질문 있으면 질문답변
  3. 코드 챌린지 풀기

각자 질문 공유하기

1️⃣ UI 구성하기

(1) 2024년 1월 7(일요일) (2시 -5시) → 이번만 일요일

첫 번째 컴포넌트

컴포넌트 import 및 export

JSX로 마크업 작성하기

JSX에서 JavaScript 사용하기

컴포넌트에 props 전달하기 [이번엔 가볍게 읽기]

(2) 1월 9일(화요일) (2-5시) → 스케줄 조정하기 [ 목표 일정 및 진도]

조건부 렌더링 [상우]

목록 렌더링 [지찬]

컴포넌트 순수성 유지 [서인]

2️⃣ 상호작용 추가하기 → 주 2회(수/토)

✅ 1월 13일(토요일) 2-5시

  1. 이벤트에 응답하기 [시은]
  2. state: 컴포넌트의 메모리 [지찬]

✅ 1월 17일(수요일) 2-5시

  1. 렌더링하고 커밋하기 [지찬]
  2. 스냅샷으로서의 state [상우]
  3. 여러 state 업데이트를 큐에 담기 [서인]

✅ 1월 20일(토요일) 2-5시

  1. 객체 state 업데이트
  2. 배열 state 업데이트

3️⃣ state 관리 → 주 2회(수/토)

✅ 1월 24일 (수요일) 2-5시

  1. state로 입력에 반응하기
  2. state 구조 선택

✅ 1월 27일(토요일) 2-5시

  1. 컴포넌트 간의 state 공유
  1. state 보존 및 재설정

✅ 1월 30일(화요일) 2-5시

  1. state 로직을 reducer로 추출하기
  1. context로 데이터 깊숙이 전달하기

✅ 2월 3일(토요일) 2-5시

  1. Reducer와 Context로 확장하기

4️⃣ 탈출구 → 이부분은 천천히 진행?

ref로 값 참조하기

ref로 DOM 조작하기

Effect와 동기화하기

Effect가 필요하지 않을 수도 있습니다

반응형 Effect의 생명주기

이벤트와 Effect 분리하기

Effect 의존성 제거하기

커스텀 훅으로 로직 재사용하기