Context 전역 상태를 관리하기 위해 사용 여러 컴포넌트에 전달해줘야 하는 의 경우(ex. 테마, 언어) 를 이용하면 단계마다 명시적으로 를 넘겨주지 않아도 여러 컴포넌트가 이 값을 공유할 수 있다. Redux와의 차이 미들웨어 (Middleware) reducer에서 처리되기 전, 원하는 작업을 수행할 수 있다. ex. 특정 액션을 무시하거나 액션이 발생했을 때 로그를 쌓는 등 2. 유용한 함수와 훅 , , 와 같은 훅을 통해 손쉽게 상태를 조회하거나 액션을 디스패치할 수 있다. 3. 하나의 커다란 상태 redux는 모든 글로벌 상태를 하나의 객체에 넣어 사용하는 것이 필수이다.

Grid : 요소를 격자 형태로 배치 : 요소를 격자 형태로 배치하는 것은 동일하지만 속성과 동일하게 내용 크기 만큼만 자리를 차지한다. : grid 요소의 한 컬럼에 배치할 하위 요소들의 사이즈를 정하는 속성 Event VS : currentTarget 은 실제 이벤트가 발생한 요소를 가져오고 target 은 이벤트가 등록된 요소를 반환한다. Button 일 경우 buttonElement 에서 value 속성을 주면 버튼의 텍스트를 설정할 수 있다. 태그 일 경우 button 태그일 경우 buttonElement 에서 innerText를 주어 버튼 내의 텍스트를 변경할 수 있다.

useEffect 훅 안에서 async 를 사용하는 방법 훅 안에서 를 사용하는 방법은 두가지가 있습니다. 첫 번째는 익명함수를 사용하는 방법이고 두 번째는 Promise 를 해결하여 async 를 쓰지 않아도 되게끔 처리하는 것입니다. 1. 익명함수를 사용하기 아래와 같이 async 로 감싼 익명함수를 생성해 await 구문을 사용할 수 있습니다. 2. Promise 해결 이 방법은 더 일반적인 방법으로 Promise then() 구문을 사용하여 해결할 수 있습니다.