Money Mindset이라는 웹 서비스를 구현한 뒤, Main 페이지를 꾸미기 위해 요즘 유행하는 스크롤 애니메이션을 구현하고자 한다. Intersection Observer API를 사용한다.
많은 input들과 각각의 유효성 검사를 위한 state 관리를 좀 더 효율적으로 하고자 react-hook-form이라는 라이브러리를 사용하였다.
React-Calendar와 같은 Calendar 라이브러리가 있지만, date를 다루는 date-fns 자바스크립트 라이브러리를 사용해서 내가 원하는대로 만들어봤다.
전체 자산에서 매달 나가는 고정금액과 목표금액을 빼고 내가 지금 사용할 수 있는 금액이 얼마인지 한 눈에 확인하고 싶었다.