id 중복 지옥...(내배캠_15일차)

최창연·2025년 1월 14일

내일배움캠프_TIL

목록 보기
15/30
post-thumbnail

이제 개인과제도 막바지를 향해 달려가는 중이다.

대부분의 기능은 구현했고 이제 북마크 기능만 구현하면 끝인데..
아 모달창에 버튼을 추가했는데 클릭 동작이 인식되지 않는 것이다!
근데 이게 여러 번 눌렀다가 다른 영역을 클릭하면 동작하고..

차라리 아예 동작을 하지 않으면 '뭔가 내가 잘못 작성했겠네..' 이러는데
아니 이게 동작이 되는게 보이니까!!!
또 다른 '닫기' 버튼은 잘 작동하니까!!!
미치도록 어이가 없었다. 그래서 구글링으로 addEventListener dealyaddEventListener Click Error 같은 내용을 막 찾았다..한 2시간 정도
근데 비슷한 사례가 없는겨;;

그래서 튜터님에게 문제를 공유하고 웹페이지에서 html 코드를 확인하는데..

북마크 저장 버튼 id를 중복으로 써서 오류가 났던거임;;
하.. 이게 JS로 코드 구현하면서 함수 쪽만 보다보니까 html 코드는 신경도 안쓴거임;;;

역시 코딩은 디버깅하는게 진짜인거임;;ㅋㅋ

그래도 찾아서 고치고 해결돼서 망정이지 아니였으면 지금까지도 붙잡고 있었을거라는 거 ㅋㅋ

덕분에 오늘 local storage 사용 방법도 터득해서 구현 진행 중이라 얼른 북마크 페이지도 만들어야징~

코딩 == 디버깅
꺼진 코드도 다시보자...
북마크 구현해야제...

아 오늘의 개발 진행상황도 공유해야겠다.

현재 진행
- 북마크 탭 생성
- 북마크 버튼 생성

고민 중인 내용
- 모달 창을 띄우는 코드가 영화 카드 하나하나에 이벤트 리스너를 추가하는 방식이라 너무 비효율적이고, 북마크 기록 시 어렵다고 생각해서 바꿀려고 생각 중
profile
사용자와 소통하는 프론트엔드 개발자

0개의 댓글