useState와 useEffect는 React에서 가장 많이 사용하는 Hook들이다. 그렇다면 둘의 차이점은 무엇이고 어떻게 사용할 수 있을지 정리해보자. React Hook 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 연동, 연결(hook into) 해주는 햄수 함수형 컴포넌트에서 상태값, 생명주기, Ref 등 여러가지 기능들을 사용 가능하게 해줌 여러 Hook끼리 재조립이 가능하기 때문에, 재사용 가능한 로직을 쉽게 만들 수 있음 단순한 함수이기 때문에 정적타입 언어에서도 타입을 쉽게 작성할 수 있음 useState 함수형 컴포넌트에서 상태값을 관리 첫 parameter를 설정하고, state와 state를 변경할 setState 함수를 반환 cons..

데이터를 검색하고 새로고침 했을 때 검색한 데이터가 계속 유지되도록 하기 위해서 sessionStorage와 localStorage를 이리저리 만져보고 있었다. { localStorage.setItem('siteSeq', oneTag.siteSeq); window.open('/myPage', '_blank'); }} > 이동하기 다른 페이지에서 myPage로 이동할 때 localStorage에 oneTag의 siteSeq 값이 siteSeq라는 key 값으로 저장되도록 설정하였다. 하지만 페이지를 이동하였을 때 localStorage에 siteSeq 값이 저장되어 있지 않았다! 일반적으로 sessionStorage와 localStorage는 key-value를 set 하면 바로 적용이 된다라고 알고 있었..