
Window React 개발환경 셋팅 / React File 설명 / React에 Eslint + Prettier 적용

JSX문법 / state

Component / Fragment / Props

동적인 UI 만들기 / ✔️ Map 반복문

Input활용하기 / 이벤트버블링(Event Bubbling)

class component / 클래스형 컴포넌트 vs 함수형 컴포넌트

React에 이미지 넣는 방법 / React에 폴더 구조 / React Router

Styled-Components / Lifecycle & 훅(useEffect)

Ajax / Axios(Ajax 통신을 도와주는 라이브러리)

Context API / transition 전환 애니메이션

Redux / Redux Tool Kit

React-Query / Local Storage / Session Storage

React Developer Tools / Redux Developer Tools

memo / useMemo

useTransition / useDeferredValue

1. 생산성 / 재사용성에 용이하다. 2. 풍부한 자료 / 라이브러리가 존재한다. 3. 범용성이 좋다. 4. 유지보수가 용이하다. 5. Virtual DOM의 사용 6. 강력한 개발 도구