20220513 TIL

overflow: auto로 영역밖으로 튀어나간 아이템을 스크롤 가능.
근데 그냥 아무것도없이 저것만 하니까 되진않았다. footer의 height를 파악하고 main tag에 max-height: calc(100% - footer의높이) 를 줘야함.

즐겨찾기 추가/취소 를 위한 모달 컴포넌트를 제작하였다.
api data를 item에 뿌려주는데, 이 item 컴포넌트에 모달을 달아주고
MouseEvent로 clientX,Y 값을 받아 클릭한 곳에 모달이 생성되도록 만들었다.
그리고 즐겨찾기를 누르면 data를 setstate 하게 했다.

하지만 item에 모달을 달은것이 실수였다. api의 마지막 데이터만 저장이 되는 현상이 일어났다.
inspect로 엘리먼트들을 보니 item에 모달을 달아주니까 item 개수만큼 모달이 여러개 생겨버렸다.
그렇기에 제일 마지막에 생긴 item의 data만 저장되는 것이었다.
모달을 home컴포넌트로 옮기니 해결할 수 있었다.

storejs
get과 set둘다 parse/stringify없이 바로 넘겨줄수 있어 간편하다.