NPM
-
video 객체를 제대로 초기화하지 못했던 문제Error 2023. 6. 18. 19:09
html에서의 video 태그를 이용하여 아이템들의 이미지에 비디오를 넣어서 보여주는 부분이 필요하였다. 기존 property src에 값을 넣어주어서 재생을 시켰었다. 너무 잘 나왔다. 하지만, 랜더링을 하고 끝이 나면 상관없지만 아이템들을 담은 배열에 가공을 한다던지 새로운 데이터들을 불러와 src에 넣어서 돌려줘하는 경우 (예를 들어, 필터적용과 같은.. ) 기존의 비디오 객체를 제대로 초기화해주지 못하는 현상이 생겼다. 랜더링을 하는 과정에서 제대로 초기화가 되지않고 넣은 탓에 기존의 객체가 남아있어서 그전에 영상이 틀어지는 것 같았다. 동영상 플레이어 구성요소에 올바른 props 또는 state 값을 전달하고 있는지 확인을 해야 했고, URL이 변경될 때 플레이어 소스를 올바르게 업데이트하고 있..
-
Alert창 이쁜 라이브러리 추천 - SweetAlert2Dev/NPM 2023. 5. 20. 21:57
웹 개발을 하다 보면 사용자에게 알림 창으로 필요한 정보를 알려줘야 할 경우가 자주 발생한다. 그래서 보통은 이러한 alert창이나 modal을 이쁘게 디자인하여 사용자에게 보여준다. 디자인 및 기능구현에 있어 생각보다 시간이 소요되는데 간편하고 이쁜 alert 라이브러리를 알게 되었다. 심플하게 사용할 수 있으면서 엄청 이쁘다! 심지어 애니메이션도 구성할 수 있다! 공식문서를 보면 테마도 추가할 수 있다. 최신 업데이트도 빠른 거 같고 매달 다운로드 수도 200만이 넘어간다. 공식문서도 엄청 이쁘고 설명을 잘 써놨으므로 꼭 공식문서를 보는 것을 추천한다. 아래는 유명한 블로그에서 예시를 만들어놔서 가져와보았다. 꼭 이 분 블로그 들어가보시길! SweetAlert2 Using sweetalert2... ..