Let’s Learn React 공식문서 공부하기 [추석끝나구 바로 시작!!]
[공식문서 공부하면서 리액트 학습하기]
https://react-ko.dev/learn/describing-the-ui 공식문서
기반으로 공부 진행 계획입니다.
🔥오늘 리액트 공식문서 주차 별 학습 진행
✅ 주차별로 공부한거 개인 블로그나 github에 올리기 인증
✅ 하루에 2개 섹션 공부 진행
🔥서로 정보공유
🔥매주 1회 스터디 디스코드에서 진행
진행 방식 설명
각 참여자는 1주차 목표한 학습 내용을 기반으로 작은 화면을 구현하고 설명합니다.
인상깊은 부분 또는 이해가 잘 된 부분을 다른 참여자와 공유합니다.
스터디 진행 중 서로 피드백을 주고 받으며 보완점을 알아냅니다.
시간은 늦은 시간 선호합니다.
🔥 디스코드에서 만나 40분 진행하고 끝나는 방식입니다.
🔥인원 최소 4-5명
매주 금 / 토 진행 희망합니다
댓글 남겨주세요
✅오픈 카톡방오셔서 인원 충원하면 그때 디스코드 로 진행예정 입니다
리액트 해도 잘 모르겠다 하시는 분들 같이 참여해서 공부해요!
1-4 주차 별로 학습 목표
1주차 ui구성하기 [7]
첫 번째 컴포넌트
Jsx 마크업 작성하기
JSX javascript 사용
컴포넌트 props 전달하기
조건부 렌더링
목록 렌더링
컴포넌트 순수성 유지
2주차 상호작용 추가하기 [7]
이벤트에 응답하기
State : 컴포넌트의 메모리
렌더링하고 커밋하기
스냅샷으로 state
여러 state 업데이트를 큐에 담기
객체 state 업데이트
배열 state 업데이트
3주차 state 관리 [8]
State 관리하기
State 로 입력에 반응하기
State 구조 선택
컴포넌트 간의 state 공유
State 보존 및 재설정
State 로직을 reducer 로 추출하기
context로 데이터 깊숙이 전달하기
reducer와 context로 확장하기
4주차 탈출구 [8]
ref로 값 참조하기
Ref 로 dom 조작하기
Effect 와 동기화 하기
effect가 필요하지 않을 수도 있습니다
반응형 effect 의 생명주기
이벤트 effect 분리하기
Effect의 의존성 제거하기
커스텀 훅 으로 로직 재사용하기
