하루 동안1 TIL : Next.js localStorage를 활용한 배너, 하루 동안 닫기 구현 Next.js 13.4 환경이다. 문제상황 @headlessui/react 라이브러리를 활용해서 배너 닫기를 구현해놨다. 그래서 클라이언트에 유저가 방문하면 아래 화면처럼 배너가 열린다. 현재는 닫기를 눌러도, 새로고침시 다시 보이게 된다. 닫은 정보가 어딘가에 저장되지 않기 때문이다. const [isShowing, setIsShowing] = useState(true); 그래서 이렇게 구현한 배너를 개선하기로 했다. localStorage를 활용해서, 사용자가 배너 버튼 닫기를 누르면, 하루 동안 배너가 열리지 않기를 바랐다. ==> 즉, 새로고침을 해도 배너가 계속 닫혀있길 바란다. 그래서 useEffect를 활용하여 다음과 같이 코드를 구성했다. "use client"; import { Trans.. 개발 학습일지(TIL) 2023. 6. 8. 이전 1 다음