매주 2회이상 리액트에 대한 자유 주제를 바탕으로 블로그를 작성하고 공유하는 스터디 모임
- 일주일에 2개 이상 React 에 관한 자유주제를 잡아 블로깅하기
- 2번 위반할 경우 멤버들에게 젤라또 사주기
- 5주차는 프로젝트 기간이라 스터디 일시 중지
- 개인적으로 학습한 경우 readme 에 추가하기
- 6주차는 redux 학습후 redux 로 todo-app 만들기
- 7주차는 recoil 학습후 recoil 로 todo-app 만들기
| num | 블로그 | 주제 | 작성자 |
|---|---|---|---|
| 1 | React 설치와 기본 개념 | Babel, WebPack, JSX |
홍지훈 |
| 2 | 컴포넌트, state & props | Component, props, state |
홍지훈 |
| 3 | props, state | props, state |
주상후 |
| 4 | 리액트 입문하기 | props, state |
장창현 |
| 5 | 리액트 입문하기 | props, state |
장창현 |
| 6 | 리액트 환경설정과 문법 | react |
황동준 |
| 7 | 리액트란? | react |
김종현 |
| num | 블로그 | 주제 | 작성자 |
|---|---|---|---|
| 8 | State 관련 개념 | state, control |
주상후 |
| 9 | Rendering List, 조건부 content | map |
주상후 |
| 10 | React 18의 변경점 | React 18, CSR, SSR |
홍지훈 |
| 11 | 버튼 & state 변경 | useState, component |
김종현 |
| 12 | 컴포넌트 라이프 사이클 | life cycle |
장창현 |
| 13 | CSS & 재렌더링 최적화 | CSS, memoization |
홍지훈 |
| 14 | 동적 스타일 (Styled-Components) |
styled-component |
주상후 |
| 15 | CSS Module | CSS Module |
주상후 |
| 16 | Hook | Hook, useState, useEffect |
장창현 |
| 17 | state 변경하는 법 | useState |
황동준 |
| 18 | JS 기초 문법 | map |
김종현 |
| 19 | 기초 문법 | map |
김종현 |
| 20 | Class Component & Function Component | class, class component, function component |
홍지훈 |
| num | 블로그 | 주제 | 작성자 |
|---|---|---|---|
| 21 | React 연습프로젝트-1 | project |
주상후 |
| 22 | React || Part1 블로그 제작 및 기초 문법_04 | prop |
김종현 |
| 23 | React 연습프로젝트-2 | project |
주상후 |
| 24 | useEffect 원리 파헤치기 1 | useEffect |
홍지훈 |
| 25 | useEffect 원리 파헤치기 2 | closer |
홍지훈 |
| 26 | Component, map, props | component, props, map |
황동준 |
| 27 | Part1 블로그 제작 및 기초 문법_05 | onChange |
김종현 |
| 28 | React - Fragment, Portal, useRef | Fragmnet, Portal, useRef |
주상후 |
| num | 블로그 | 주제 | 작성자 |
|---|---|---|---|
| 29 | useEffect 원리 파헤치기 3 | useEffect |
홍지훈 |
| 30 | react-hook-form | react-hook-form |
주상후 |
| 31 | useReducer | useReducer |
주상후 |
| 32 | global state - useContext | useContext |
홍지훈 |
| num | 블로그 | 주제 | 작성자 |
|---|---|---|---|
| 33 | useReducer 이해하기 | useReducer |
홍지훈 |
| num | 블로그 | 주제 | 작성자 |
|---|---|---|---|
| 34 | React - useEffect | useEffect |
주상후 |
| 35 | useRef 란? | useRef, forwardRef, ref |
홍지훈 |
| 36 | redux 입문편 | redux |
홍지훈 |
| 37 | redux 용어 이해하기 | redux |
홍지훈 |
| 38 | redux todo 앱 만들기 1편 state, action, reducer 생성하기 | redux |
홍지훈 |
| 39 | redux todo 앱 만들기 2편 store, 앱 완성 | redux |
홍지훈 |
| 40 | Modal Component 만들기 with redux | redux |
홍지훈 |
| 41 | React - useContext | useContext |
주상후 |
| 42 | React - 렌더링 최적화 | useMemo, useCallback |
주상후 |
| 43 | React - redux 를 이용한 todo 앱 만들기 | redux |
주상후 |
| 44 | React - 필요성 - 코딩애플 | redux |
장창현 |
| num | 블로그 | 주제 | 작성자 |
|---|---|---|---|
| 45 | recoil todo app | recoil |
홍지훈 |
![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|
| 주상후 | 황동준 | 김종현 | 장창현 | 홍지훈 |




