TIL 221125

꺾여버렸다

프로젝트 마감기한을 지키기 위해 매일같이 12시까지 코딩하고 새벽에 일어나서 산책가고....
코딩한다는 핑계로 학습을 정리하지 못했다. 지금이라도 해본다.

좋아요 구현하기

좋아요를 구현할 때 이벤트리스너를 SVG 객체에 담았다.
그러다 보니 그 안에 PATH 객체에도 함께 적용이 되었는데,
클릭하는 미묘한 지점에 따라서 event의 target이 바뀌어버려서 DOM 객체 선택에 애를 먹었다.
BEFORE)

document.querySelector('.redHeart').classList.remove('hidden')

5시간 넘게 고민하다, 결국 GG 튜터님께 찾아갔고, 3분만에 해결되었다.
closest라는 선택자를 사용해서 DOM을 선택하였다.

After

    event.target
      .closest('.likes')
      .querySelector('.redHeart')
      .classList.remove('hidden');

하나 또 배웠다. 자바스크립트는 배울게 천지다 정말