1. 설치 및 개발환경 세팅 방법
2. state
- 리액트에선 화면요소(DOM)을 직접 조작하지 않는다
- state를 변경해서 DOM을 조작한다
3. JSX, 컴포넌트
- JSX는 HTML처럼 보이는 JS 문법이고,
- React 컴포넌트 함수는 **"태그를 반환하는 자바스크립트 함수"**라고 생각하면 이해가 쉬워.
- 결국 컴포넌트 안에서는 JS 코드도 실행하고, JSX도 반환하는 함수형 프로그래밍이야.
- export, import 해서 모듈 처럼 쓸 수 있음
4. props
- 컴포넌트가 함수니까 함수의 매개변수임
5. 라우터
- navigate, nested routes, outlet
6. URL 파라미터로 상세페이지 만들기
7. Lifecycle과 useEffect
8. ajax
- fetch써도 되고, axios 를 많이들 쓴다고는 하더라
9. 컴포넌트 중첩이 많아질수록 props를 엄청 계속 전달해야 된다
- 그럼 관리도 힘들어 진다.
-> 그때 쓰는 모듈이
=> Context API / Redux
10.. 여기까지만 일단 해보자
'프론트엔드 (TS, React) > React' 카테고리의 다른 글
| 컴포넌트 (0) | 2025.05.15 |
|---|---|
| Vite 로 React + ts 설치 (0) | 2025.05.15 |
| 비동기 작업 - async/await (0) | 2025.04.01 |
| 리액트 > UI 만들기 - 기본동작 (0) | 2025.03.27 |
| useEffect 동작원리 (0) | 2025.03.23 |