- 2023년 12월 3일 ~ 2023년 12월 31일
- 학습 내용 정리 및 공유
- 각자 학습한 내용을 정리해 GitHub에 PR 제출.
- src/React/학습한 목차/ 에서 README_이름.md 로 배운 것을 정리합니다.
- 주간 토론
- Discord 등의 툴을 활용하여 학습 중 생긴 질문을 GitHub Issue에 작성하고, 주 1~2회 토론 및 답변.
- 면접 질문 연습
- 학습한 내용을 바탕으로 면접 질문 자료를 활용해 질문과 답변 연습.
- 기간: 12월 1주차(3일) ~ 12월 3주차
- 강의
- [2024 리뉴얼] 실전 프로젝트 감정일기를 만들며 배우는 리액트(React)
- 【한글자막】 React 완벽 가이드 2024 with React Router & Redux
- 기간: 1차 종료 후 ~ 2학기 팀 빌딩 자기소개 시간 전까지.
- 내용:
- 자기소개 페이지 제작 (React, Vue, HTML+CSS+JS, Django+HTML, PPT 등 자유 선택).
- GitHub Pages를 이용한 배포.
- EC2 + Docker를 활용한 배포 실습 가능(희망자에 한해 스터디장이 지원).
- 기간: 12월 4주차 ~ 12월 31일.
- 강의: 추천받아 선정 예정.
01주차 : ✅ 24/12/03 ~ 24/12/11 => JS, React 앱 구조, JSX 구문, Props, State, Hooks, Styled_components
학습 내용
-
00_Vanilla_JS
- (선택 사항)
-
01_React_structure
-
02_JSX
-
03_Props_State_Hooks
-
99_Styled_components
- (선택 사항, 하지만 추천)
| 날짜 | 학습 내용 |
|---|---|
| 24/12/04(수) | 00_Vanilla_JS (기본 문법 복습: 선택 사항) |
| 24/12/05(목) | 01_React_structure (React 앱 구조 이해 및 설정), 02_JSX (JSX 기본 구문 학습 및 코드 실습) |
| 24/12/06(금) | 03_Props_State_Hooks (Props 전달 및 컴포넌트 재사용성 학습), (State 관리와 React의 상태 변화 이해), (useState, useEffect 훅 학습 및 실습) |
| 24/12/07(토) | 03_Props_State_Hooks 복습 & 자율 학습 |
| 24/12/08(일) | 03_Props_State_Hooks 복습 & 자율 학습 |
| 24/12/09(월) | 04_LifeCycle (React 컴포넌트 생명주기 이해) |
| 24/12/10(화) | 05_Context_API (전역 상태 관리 학습) |
| 24/12/11(수) | 복습 & 온라인 스터디 모임 |
02주차 : ✅ 24/12/12 ~ 24/12/18 => LifeCycle, Context API, useReducer hook, Redux, TailwindCSS
학습 내용
-
04_LifeCycle
-
05_Context_API
-
06_useReducer_hook
-
07_Redux
-
99_TailwindCSS
- (선택 사항, 하지만 추천)
03주차 : ✅ 24/12/19 ~ 24/12/22 => 자기소개 페이지 제작 및 배포
학습 내용
- 페이지 제작
- 각자 피드백
- github pages 혹은 EC2, docker를 이용한 간단 배포
04주차 : ✅ 24/12/23 ~ 24/12/24 => TypeScript
학습 내용
- 추후 추가
05주차 : ✅ 24/12/25 ~ 24/12/31 => TypeScript
학습 내용
- 추후 추가
- 중도 하차 시 잔여 스터디원들에게 랜덤으로 아이스 아메리카노 4잔 제공 ☕️.
- GitHub Repository를 포크 후 학습 내용을 정리하여 PR 제출.
- Discord를 통해 공지 및 토론 스케줄 확인.
- 지속적인 참여를 통해 React와 TypeScript를 깊이 이해하고 활용 능력을 높입니다.
|
|
|
|
|
|
|
|
|
|
| 정도영 | 안주민 | 김민지 | 박희원 | 이아영 | 김정우 | 이다이 | 김희수 | 문상혁 |