React

웹 애플리케이션을 만들다보면 다음과 같이 반복되는 코드가 있기 마련이다.예를들면 다음 형태처럼 반복되는 리스트 코드같은 작업이 있다.만약 보여줘야할 데이터가 유동적이라면, 결코 효율적인 코드라 보기 어렵고, 관리하는 측면에서 어려움이 생긴다.이와 같은 Iteration

모든 리액트 컴포넌트에 라이프사이클 컴포넌트의 수명은 페이지에 렌더링되기 전인 준비과정에서 시작하여 페이지에서 사라질 때 끝난다. 리액트 프로젝트를 진행하면, 컴포넌트를 처음으로 렌더링 할 때, 어떤 작업을 처리해야 하거나 컴포넌트를 업데이트하기 전 후로 어떤 작업을

useEffect는 함수 실행 시 함수 외부의 상태를 변경하는 연산하는 부수효과 기능을 해준다.useEffect로 전달되는 함수는 지연 이벤트 동안에 레이아웃 배치와 그리기를 완료한 후 발생을 한다. 대부분에 작업이 브라우저에서 화면을 업데이트 하는 것을 차단해서는 안

useMemo는

useContext 훅을 사용하면, 컴포넌트를 사용하지 않고도 부모 컴포넌트로부터 전달된 컨텍스트 데이터를 사용할 수 있다. 다만 Context는 꼭 필요할 때 사용해야한다. Context를 사용하면 컴포넌트를 재사용하기 어려워질수 있기 때문이다. Props Dril

리액트 상태관리 라이브러리엔 다양한 라이브러리와 방법들이 존재하는데,일반적인 store형태로 되어 flux패턴을 가지는다른 라이브러리 (Redux 등)과는 성격이 다른atom 구조 형태로 이루어진 recoil이 있다.recoil을 사용하면 atoms (공유 상태)에서

최근 npm trend로 비교했을때 , 많은 개발자들이 직관적이고 사용하기 쉬운 상태관리로 채택하는 추세이다.특별히 많은 코드를 작성하지 않아도 빠르게 스토어 작성이 가능하다.\-> 이는 Redux에 대비했을때, 코드량이 현저히 감소하며, 빠르게 상태를 정의하기 때문에