오늘도 10시간 근무라서,, 너무나 힘들었다,, 그래도!!! 오늘 짧은 시간안에 많은 것들을 만들어서 기분이 너무 좋다!!🐜 완조니 일개미
실시사항🫥
오늘 한 것
- ✨ canvas draw & template apply 기능
어제 식별한 문제인 그리자마자 없어지는 현상은 바로,, useEffect 얘 때문이었다. 바로 dependencyList 가 문제!!!
기존에는 templateImg 하나만 들어가 있었는데, 여기서 그리면 templateImg가 변해서 자꾸만 초기화 시키는 것이었다!!! 그래서 변하지 않는 template[0]을 넣었다
resize 할때마다 canvas가 초기화 되어서 (부모의 divRef handleResize function 때매) width, height가 변할때도 적용되도록 변경하였다! 해결!!
적용 은 간단하게 해냈다.
recoil 로 isApply 상태 만들고, MenuBar에서 제어하고, 그 값에 따라서 template 에서 canvas을 DataURL 로 변환하여 새로운 상태에 저장하여서 적용하였다!
경장히 쉬웠당 내일은 펜 설정을 넣으면 사실상 끝날 것이다! 그리고 썸네일만 만들면 끝!!! 얄로얄얄로
시연 동영상
옷에 기름기 닦는 사람