TIL

오늘 내가 배운 것들(Today I Learned)

[1주차] : Front-End Framework 소개, React 사용법, ES6

• Front-End 개발 학습 가이드
• React 소개 및 맛보기!
• VS Code 개발 도구 확장
• Virtual DOM / React 요소와 JSX
• JSX 활용
• ES6

WEEK01 : 1주차

---

[2주차] : React 컴포넌트, 이벤트 처리, 컴포넌트 통신, 접근성 그리고 미니 프로젝트(React-Array-Methods-App)

• React 함수형, 클래스형 컴포넌트
• React 컴포넌트 전달 속성 / 상태
• React 컴포넌트 라이프 사이클 훅
• React 이벤트 핸들링
• React 컴포넌트 통신
• React Context API
• React 접근성(A11Y)
• Mini Project (React-Array-Methods-App)

WEEK02 : 2주차

---

[3주차] : React 훅, 폼, 고차 컴포넌트, 스타일 컴포넌트 그리고 미니 프로젝트(React-MusicPlayer-App)

• React Hooks
• React Form
• HOC (Higher-Order Component)
• Styled Components I
• Mini Project (- React-MusicPlayer-App)

WEEK03 : 3주차

---

[4주차] : React 팁, 스타일 컴포넌트, 리덕스 그리고 미니 프로젝트(React-Redux-EdiyaApp)

• React 팁(Tip)
• Styled Component II
• Redux + React Redux 라이브러리
• Mini Project (React-Redux-EdiyaApp)

WEEK04 : 4주차

---

[5주차] : 싱글 페이지 앱 제작 및 미들웨어, 라이브러리 등을 활용 방법 그리고 미니프로젝트(React-Firebase-ChatApp)

• React Router 라이브러리
• 비동기 액션 생성 함수 전달(dispatch) 실습 ← Redux Thunk 미들웨어 통합
• 로그인, 회원가입 폼 실습 ← Redux Form, revalid 라이브러리 통합
• Mini Project (React-Firebase-ChatApp)

WEEK05 : 5주차

---

[심화정리]

• Redux Hook
• Redux Thunk
• Redux Toolkit

ADVANCED : 싱화정리

---

프로젝트 링크

• React-Array-Methods-App
• React-MusicPlayer-App
• React-Redux-EdiyaApp
• React-Firebase-ChatApp