AT SOPT 36기 리액트 심화 스터디
- 매주
발표자(1~2명)
가 해당 주차 내용을 발표 + 실습 준비- 실습 코드는 미리 clone 받을 수 있도록 PR에 포함
- 모든 스터디원은 아티클을 작성하고 PR로 제출
- 스터디 종료 후, 3명 이상의 아티클을 읽고 가장 인상 깊었던 PR에
🚀 이모지
를 남겨주세요. - 가장 많은
🚀
을 받은 아티클은 GitBook에 업로드됩니다.
- 스터디 종료 후, 3명 이상의 아티클을 읽고 가장 인상 깊었던 PR에
스터디 제출 시 아래와 같은 형식으로 브랜치를 생성하고, main
브랜치로 PR(Pull Request)을 보내주세요.
- 브랜치명:
주차/이름/주제
예시:week1/jisoo/closure
week3/gwagi/useState
week5/jaerim/free-topic
주차
:week1
,week2
,week3
… 등으로 작성이름
: 본인의 이름 혹은 닉네임주제
: 해당 발표나 학습 키워드 (간단 명료하게)
- 제목 예시:
[Week1] 지수 - 클로저 & 프로토타입
- 설명: 어떤 내용을 다뤘는지 간단히 작성해주세요
- 파일은 본인 디렉토리 아래에 정리 (예:
/jisoo/week1/closure.md
)
-
docs/
각 스터디 멤버가 한 주간 공부한 내용이나 관련 아티클을.md
파일 형식으로 업로드하는 폴더입니다. 이 폴더에는 스터디가 진행되는 동안 매주 멤버들이 작성한 문서들이 포함됩니다. -
playground/
각 주차 별 실습을 준비한 사람이 해당 실습에 필요한 코드를 작성하는 곳입니다. 실습 코드와 관련된 자료들은 이 폴더에 저장되며, 실제로 실습을 통해 학습한 내용을 실습 코드 형태로 확인할 수 있습니다.
- 파일명은
소문자(kebab-case)
를 사용합니다.
예시:react-hooks-summary.md
,useeffect-examples.md
날짜 | Week | Tags | Keyword | 발표자 |
---|---|---|---|---|
4월 29일 | Week0 | 킥오프 | 인사 및 각오 다지기 및 회의하기 및 웃고 떠들기 | - |
5월 6일 | Week1 | 딥다이브 | 리액트 개발을 위해 꼭 알아야 할 자바스크립트 (ex : 클로저, 프로토타입, 객체 비교 등등) |
장정훈, 곽지욱 |
5월 13일 | Week2 | 딥다이브 | 리액트 핵심 요소 (ex : JSX 동작원리, virtual DOM, React fiber) |
임지수 |
5월 20일 | Week3 | 딥다이브 | 리액트 훅 깊게 살펴보기 (ex : useState ~memo, callback 등) |
이재림, 엄지우 |
5월 27일 | Week4 | 리액트 심화 | 서버 사이드 렌더링 (ex : 리액트 API, CSR & SSR) |
김정은 |
6월 3일 | Week5 | 리액트 심화 | 자유 주제 | 곽지욱 |
6월 10일 | Week6 | 리액트 심화 | 리액트 컴포넌트 패턴 (ex : Compound Pattern) |
김예지, 황인영 |
6월 17일 | Week7 | 딥다이브 | Next.js 와 리액트 (ex : 리액트 서버 컴포넌트) |
고제성 |