React가 세상에 나온 이후부터 현재까지 React에서 가장 많이 사용되는 상태 관리 라이브러리는 Redux입니다. 그런데 약 2년전인 2020년 5월에 페이스북에서는 Recoil 이라는 React를 위한 상태 관리 라이브러리를 세상에 내놓았습니다.그렇다면 페이스북에

storybook

Web Storage API(localStorage, sessionStorage)가 등장하기 이전에는 클라이언트 측에 데이터를 저장하기 위해 cookie를 주로 사용했었습니다.하지만, cookie는 HTTP 요청을 보낼 때 같이 전송되기 때문에 성능이 떨어지는 원인이

이번 포스트에서는 this 무엇인지, 그리고 어떻게 결정되는지 알아보겠습니다.this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-referencing variable)입니다. 그래서 this를 통해 자신이 속한 객체 또는 자신이

intersection: 교차점, 교집합, 교차로 ...observer: 관찰자교차점 관찰자?왜 생겨났는가?기존의 scroll 이벤트는 스크롤시 짧은 시간 내에 많은 이벤트가 동기적으로 실행되고 이에 상응하는 콜백이 실행되어 성능에 악영향을 줄 수 있습니다.gif반면,

마지막이 /로 끝나면 안된다.언더바 대신 -를 사용한다.소문자로 구성한다.동사는 HTTP Method로 대체한다.파일 확장자는 표시하지 않는다.

useCallback을 사용하는 이유에서 useCallback은 react가 함수를 기억하도록해서 해당 함수를 props로 전달받는 컴포넌트들의 불필요한 재실행을 막도록한다고 했다.

React memo를 사용하는 이유 글에서 마지막에 사실 다 적어놓기는 했지만..

react에서 컴포넌트를 다시 실행하는 경우는 3가지이다.부모 컴포넌트가 재실행될 때props가 변경되었을 때state가 변경되었을 때먼저 2, 3번의 경우를 살펴보자.props와 state가 변경되었을 때 컴포넌트가 재실행되는 것은 당연해 보인다. 왜냐하면 변경된 p

사용자가 form에서 잘못된 제출을 했을 때 error modal을 띄워주는 코드를 작성한다고 해보자.

어떤 컴포넌트에서 아래와 같이 return을 한다면 어떻게 될까?

git status gives information on the current status of a git repository and its contents.Use git init to create a new git repository.This command creat