Project/Webtoon-moa 2

[트러블슈팅] - 클릭 이벤트 버블링, ReferenceError 등

🚀 트러블슈팅 "webtoon-moa" 프로젝트를 진행하면서 겪었던 오류나 새롭게 알게 된 점들을 몇 가지 적어보려 한다. (바로바로 기록으로 남겼어야 되는데, 발표일에 맞춰 마무리하기 위해 정신없이 달렸던 터라 그러지 못했다..😂) ☁ 클릭 이벤트 버블링 하트 토글 버튼을 한 번 클릭하였는데, 이벤트가 여러 번 발생하는 것처럼 보였다. 그래서 console.log를 찍어봤더니 실제로 버튼 한 번에 로그가 3번씩 찍혔다.. 검색해 보니 다행히도 자바스크립트를 사용하여 이벤트를 구현할 때 흔히 겪는 오류였다. 이미 많은 사람들이 이유와 해결 방법을 잘 설명해놓아 쉽게 해결할 수 있었다. 한 번 클릭했는데 여러 번 이벤트가 발생하는 이 현상 을 클릭 이벤트 버블링 이라고 부르며, 이벤트 버블링 이란 자식 요..

Project/Webtoon-moa 2022.09.07

첫 Frontend 프로젝트

📽 시연 영상 🤔 only Backend? 작년부터 백엔드(스프링, jpa 등)를 공부하고 있었고 졸업 작품을 개발할 때도 백엔드 포지션을 맡아 진행하였다. 하지만 가슴 한편에 '프론트엔드 개발도 해보고 싶다..'라는 생각이 자리 잡고 있었다. 프론트엔드 쪽은 공부해 본 적이 거의 없었기 때문에 더 궁금하기도 하였고 다른 경험을 안 해보고 '내 진로는 백엔드 개발자다' 라고 덜컥 정하기엔 이상적이지 않다고 생각이 들었다. 따라서 여름 방학에는 우선 프론트엔드 공부를 먼저 해봐야겠다고 생각했다. 프론트엔드의 기본 중의 기본 HTML, CSS, JavaScript 기초를 공부하고 있던 도중, 내가 속한 동아리(InQ)에서 토이 프로젝트 인원을 모집한다는 공지가 올라왔다. 기초 문..

Project/Webtoon-moa 2022.09.04