# megaptera-front

## 소개

* 📅 교육 기간: 2023. 03. 06 \~ 2023. 05. 28
* ✍️ 메가테라 프론트엔드 생존코스의 교육 내용을 기록합니다.
* [📖 ShinjungOh's Git Book](https://shinjungohs-dev-road.gitbook.io/megaptera-frontend/)

<br>

## 목차

* `1주차`
  * 개발 환경
  * TypeScript
  * React
  * Testing Library
  * Parcel & ESLint
* `2주차`
  * JSX
* `3주차`
  * React Component
  * React State
* `4주차`
  * Express
  * Fetch API & CORS
  * React의 Hook
  * useRef & Custom Hook
  * usehooks-ts
* `5주차`
  * TDD
  * React Testing Library
  * MSW
  * Playwright
* `6주차`
  * External Store
  * TSyringe
  * Redux 따라하기
  * usesotre-ts
* `7주차`
  * Routing
  * Routes
  * Router
  * Navigation
* `8주차`
  * Design System
  * Style Basics
  * CSS in JS
  * styled-components
  * props와 attrs
  * Global Style & Theme
* `9주차`
  * 개발하기 전 준비
  * 목록 보기
  * 상품 상세 보기
  * 장바구니 보기
  * 장바구니에 상품 담기
* `10주차`
  * 로그인
  * 로그아웃
  * 회원가입
  * 주문 목록 & 주문 상세
* `11주차`
  * 배송 정보 입력
  * 포트원 결제 요청
  * 배송 및 결제 정보 전달
* `12주차`
  * 관리자 웹 사이트 개발 시작
  * 로그인, 사용자 목록
  * 카테고리 관리
  * 주문 관리
  * 상품 관리