매주 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 |
홍지훈 |
주상후 | 황동준 | 김종현 | 장창현 | 홍지훈 |