React

React의 useState Hook함수는 function component에서 class형 component처럼 state, 즉 동적으로 변화하는 값을 관리하기 위해 사용된다.하지만 state를 관리하고 setState로 업데이트 하는 일련의 과정은 복잡하며 중요하

React로 프로젝트를 하다보면 css, module.css, scss, tailwind, styled-component, chakra-ui, material-ui, and design, ... 등등 스타일링에 매우 어려 가지가 사용됨을 알 수 있다.과연 어떤 것을 쓰

프로젝트를 진행하면서 query Parameter를 바꾸어 주는 로직이 필요하였다. react-router-dom의 useLocation을 사용해 location.search을 split하여 값을 가져올 수도 있지만 search를 업데이트 한다고 생각하니 너무 복잡해

여러 기능이 1개의 컴포넌트에 쌓이면서 관심사에 따라 각각의 로직을 분리하기 위한 기능이다. 대표적으로 데이터를 Fetch해오는 useFetch hook과 scroll할 때 fadeIn하는 animation을 주는 hook등이 존재할 수 있겠다.Goal: 관심사의 분

useState는 React의 Hook으로 functional components에서 상태관리를 도와준다. useState함수의 초기값으로 주어진 인수를 closure를 통해 관리하는 것처럼 보이는데 내가 그동안 알고 있던 closure와는 조금 다른 것 같아 정리하고