벨로퍼트와 함께하는 모던 리액트
1장. 리액트 입문
1. 리액트는 어쩌다가 만들어졌을까?
2. 작업환경 준비
3. 나의 첫번째 리액트 컴포넌트
4. JSX
5. props 를 통해 컴포넌트에게 값 전달하기
6. 조건부 렌더링
7. useState 를 통해 컴포넌트에서 바뀌는 값 관리하기
8. input 상태 관리하기
9. 여러개의 input 상태 관리하기
10. useRef 로 특정 DOM 선택하기
11. 배열 렌더링하기
12. useRef 로 useRef 로 컴포넌트 안의 변수 만들기
13. 배열에 항목 추가하기
14. 배열에 항목 제거하기
15. 배열에 항목 수정하기
16. useEffect를 사용하여 마운트/언마운트/업데이트시 할 작업 설정하기
17. useMemo 를 사용하여 연산한 값 재사용하기
18. useCallback 를 사용하여 함수 재사용하기
19. React.memo 를 사용한 컴포넌트 리렌더링 방지
20. useReducer 를 사용하여 상태 업데이트 로직 분리하기
21. 커스텀 Hooks 만들기
22. Context API 를 사용한 전역 값 관리
23. Immer 를 사용한 더 쉬운 불변성 관리
24. 클래스형 컴포넌트
25. LifeCycle Method
26. componentDidCatch 로 에러 잡아내기 / Sentry 연동
27. 리액트 개발 할 때 사용하면 편리한 도구들 - Prettier, ESLint, Snippet
리액트 입문 마무리
2장. 리액트 컴포넌트 스타일링하기
1. Sass
2. CSS Module
3. styled-components
정리
3장. 멋진 투두리스트 만들기
1. 컴포넌트 만들기
2. Context API를 활용한 상태 관리
3. 기능 구현하기
4장. API 연동하기
1. API 연동의 기본
2. useReducer 로 요청 상태 관리하기
3. useAsync 커스텀 Hook 만들어서 사용하기
4. react-async 로 요청 상태 관리하기
5. Context 와 함께 사용하기
정리
5장. 리액트 라우터
1. 프로젝트 준비 및 기본적인 사용법
2. 파라미터와 쿼리
3. 서브라우트
4. 리액트 라우터 부가기능
5. useReactRouter Hook 사용하기
6장. 리덕스
1. 리덕스에서 사용되는 키워드 숙지하기
2. 리덕스의 3가지 규칙
3. 리덕스 사용 할 준비하기
4. 리덕스 모듈 만들기
5. 카운터 구현하기
6. 리덕스 개발자도구 적용하기
7. 할 일 목록 구현하기
8. useSelector 최적화
9. connect 함수
정리
7장. 리덕스 미들웨어
1. 리덕스 프로젝트 준비하기
2. 미들웨어 만들어보고 이해하기
3. redux-logger 사용 및 미들웨어와 DevTools 함께 사용하기
4. redux-thunk
5. redux-thunk로 프로미스 다루기
6. API 재로딩 문제 해결하기
7. thunk에서 라우터 연동하기
8. json-server
9. CORS 와 Webpack DevServer Proxy
10. redux-saga
11. redux-saga 로 프로미스 다루기
12. saga에서 라우터 연동하기
정리
8장. 리액트 프로젝트에서 타입스크립트 사용하기
1. 타입스크립트 연습
2. 리액트 컴포넌트 타입스크립트로 작성하기
3. 타입스크립트로 리액트 상태 관리하기
4. TypeScript 와 Context API 활용하기
5. TypeScript 에서 리덕스 프로처럼 사용하기
6.타입스크립트에서 리덕스 미들웨어 사용하기 (redux-thunk, redux-saga)
Published with GitBook
1장. 리액트 입문
1장. 리액트 입문
알고보면 너무 쉽고 재밌고 편한 리액트, 한번
제대로
배워봅시다!
results matching "
"
No results matching "
"