AT SOPT 36기 리액트 공식문서 스터디
- 매주
발표자(1~2명)
가 해당 주차 내용을 발표 & 실습 준비 - 모든 스터디원은 아티클(공부 기록)을 작성하고 PR 및 링크로 제출
- 스터디 전까지 최소 2명 이상의 아티클에 배운 점, 질문, 피드백 등 댓글 작성
- (선택)
- 해당 주차 관련 개념 예상 면접 질문과 답변 작성하기
- 예상 면접 질문과 답변을 자유롭게 작성
- 해당 주차 관련 개념 예상 면접 질문과 답변 작성하기
아래와 같은 형식으로 브랜치를 생성하고, main
브랜치로 PR(Pull Request)을 보내주세요.
- 브랜치명:
주차/이름/주제
예시:week1/yeji/ui
주차
:week1
,week2
,week3
… 등으로 작성이름
: 본인의 이름주제
: 해당 발표나 학습 키워드 (간단 명료하게)
- 제목 예시:
[Week1] 예지 - UI 표현하기 (000, 000)
- 설명: 어떤 내용을 다뤘는지 간단히 작성해주세요
-
docs/
각 스터디 멤버가 한 주간 공부한 내용이나 관련 아티클을.md
파일 형식으로 업로드하는 폴더입니다. -
practice/
각 주차 별 실습을 준비한 사람이 해당 실습에 필요한 코드를 작성하는 곳입니다. 실습 코드와 관련된 자료들은 이 폴더에 저장되며, 실제로 실습을 통해 학습한 내용을 실습 코드 형태로 확인할 수 있습니다. -
파일은 본인 디렉토리 아래에 정리 (예: `docs/yeji/week1/README.md)
-
노션 링크 작성도 가능합니다.(기록을 위해 게시 후 md 파일에 링크 작성 부탁드립니다.)
-
파일명 및 폴더구조는 자유지만 꼭 본인 디렉토리에서 작업 부탁드립니다!
날짜 | Week | Tags | Keyword | 발표자 |
---|---|---|---|---|
4월 21일 | Week0 | 킥오프 | 인사하기 ^^ | |
4월 29일 | Week1 | UI 표현하기 | 컴포넌트, JSX 마크업 작성, props 전달 | 시연 |
5월 6일 | Week2 | UI 표현하기 | 조건부 렌더링, 리스트 렌더링, 순수성 | 소이 |
5월 13일 | Week3 | 상호작용성 더하기 | 이벤트 응답, State, 렌더링, 스냅샷 | 예지, 시연 |
5월 20일 | Week4 | 상호작용성 더하기 | state 업데이트, 객체 업데이트, 배열 업데이트 | 수연, 예원 |
5월 27일 | Week5 | State 관리하기 | state 구조화, state 공유, state 초기화, reducer, prop drilling | 수연 |
6월 3일 | Week6 | 탈출구 | ref, DOM 조작 | 예원 |
6월 10일 | Week7 | 탈출구 | effect, effect 생명주기, effect 동기화 | 예지, 소이 |