내배캠React3기-React 문법
1.[JS 문법] 함수, 배열 메서드(filter, find, map, forEach)
함수 사용법과 배열 메서드를 함수는 input과 output을 가지고 있다.함수의 기본 형태는 무조건 외우자.JavaScript를 공부하면서도 함수나 배열 메서드, ~문을 어떻게 사용하는지 못해서 답답했는데, 특강을 들으면서 함수를 어떻게 사용하는지 알게 됐다.
2.[React 입문] React 소개, 자주 사용되는 필수 ES6 문법, CRA
React가 무엇인지 알 수 있다.React에서 자주 사용되는 필수 ES6 문법을 습득하여 React를 준비할 수 있다.CRA의 개념을 알고 전체적인 흐름을 알 수 있다.
3.[React 입문] 부모 자식 컴포넌트, JSX
1. 컴포넌트의 개념을 이해할 수 있다. 2. 부모 자식 컴포넌트를 이해할 수 있다. 3. JSX 문법이 무엇인지 알 수 있다.
4.[React 입문] Props
Props 개념에 대해 설명할 수 있다.자식 컴포넌트에서 부모에게 받은 값을 렌더링하는 방법을 알 수 있다.prop drilling에 대해 설명할 수 있다.props의 주요 개념 중, children에 대해 설명할 수 있다.children의 용도와 렌더링 방법에 대해
5.[React 입문] React State
요약 State가 무엇인지 설명할 수 있다. useState Hook을 사용할 수 있다. setState를 통해 state를 제어할 수 있다. ※ state와 onClick, onChange 메서드를 결합하여 이벤트를 만들 수 있다. 불변성이 리액트에서 무엇을 의미하는
6.[React 숙련] Styled Components
Styled Components의 개요와 전역 스타일링에 대해 설명할 수 있다.
7.[React 숙련] React Hooks(1)
React Hooks의 종류를 알고 적절하게 사용할 수 있다. : useState, useEffect, useRef
8.[React 숙련] React Hooks(2)
요약 React Hooks의 종류를 알고 적절하게 사용할 수 있다. : useContext
9.[React 숙련] React Hooks(3) - 최적화
요약 React.memo useCallback useMemo
10.[React 심화] Redux Toolkit, json-server, HTTP
기존 Redux 구조를 좀 더 쉽게 해주는 Redux Toolkit을 알고 사용할 수 있다.json-server를 사용하는 이유를 알고 설치하여 사용할 수 있다.HTTP 프로토콜의 특징과 Request&Response 구조에 대해 이해할 수 있다.HTTP
11.[React 심화] Redux Thunk
Redux 구조에서 비동기를 다루는 기술(미들웨어)인 Thunk에 대해 알고 사용할 수 있다.
12.[React 심화] useQuery, useMutation 처리 프로세스(feat. TodoList)
아래에 mutation이 총 3개가 있다. 이 부분을 좀 더 깔끔하게 만들어보자.useTodosQuery.js 파일 안에 모든 mutation을 함수로 넣어준다.해당 파일 안에 query key를 관리해준다.\-> todo list에는 하나 밖에 없지만 큰 프로젝트에서
13.[React 심화] React Query (1)
React Query 일반 Redux -> Redux Toolkit -> Redux thunk 를 넘어 드디어 React Query까지.. 지금까지 배웠던 것은 React Query를 정확히 이해하고 왜 써야하는 지 그 이유를 알기 위한 서사였다. (아 물론 100%