React

컴포넌트에서 context를 읽고 구독할 수 있게 해주는 리액트 훅이다.컴포넌트의 useContext() 호출은 동일한 컴포넌트에서 반환된 해당 <Context.Provider>는 반드시 useContext() 호출을 수행하는 컴포넌트의 위에 있어야 합니다.변경된

개요리액트에는 useState, useContext, useEffect 같은 빌트인 훅들이 있다. ⇒ 커스텀 훅은 리액트에서 더 구체적인 목적을 위한 훅을 만들기 위함으로 필요에 따라서 자신만의 훅을 만들 수 있다.커스텀 훅이란 무엇이며, 직접 작성하는 방법컴포넌트 간

Reducer를 사용하면 컴포넌트의 state 업데이트 로직을 통합할 수 있다. Context를 사용하면 다른 컴포넌트들에 정보를 전달할 수 있습니다. ⇒ Reducer와 Context를 함께 사용하여 복잡한 화면의 state를 관리할 수 있다!tasks state와 

상태관리 라이브러리로 Redux는 단반향의 흐름 상태로 디버깅하기 쉽지만 action, reducer, selector, store를 초기에 세팅하는 것은 번거롭고 많은 (boiler plating) 코드가 필요하다. 그래서 Redux-toolkit라이브러리도 나오게

이번에 프로젝트를 진행하면서 만든 CheckBox 구현기를 적어보려고 한다! 처음에 CheckBox를 구현하려고 했을때는 간단해 보였지만, 고민해봐야 될 부분들이 꽤 있어서 생각보다 구현하는데 시간이 걸렸다.

React 이미지 업로드 기능 구현 react에서 이미지를 업로드 및 이미지 미리보기 기능 구현에 대해 알아보자. 이번글에서는 React와 Firebase를 연결해 storage를 사용할 수 있도록 해본다. useUploadImage 커스텀훅 사용하기 Firebase