[Today I Learned] 9월 2일(수)

8월27일 ~ 9월3일 : twittler과제, 객체지향 공부.

 

- 오늘 공부했던 부분.

 1. twittler 과제를 진행했다. 오늘 구현한 기능은 comment에 대한 '좋아요', '싫어요'  button을 만드는 것이었다. 하면서 꽤 애를 먹는 부분이 있었다. button을 addEventListener로 click 타입을 줘서 특정 함수를 실행시키게 했다. 그리고 그 특정 함수에서 event.target.textContent를 이용해 버튼을 눌렀을 때 버튼 text가 바뀌게 하려고 했지만 먹히지 않았다. 이게 왜 안되는지 몇 시간 동안 코딩한 걸 봤지만 이 방법대로 해결은 못하고 어찌어찌 다른 방법으로 해결했다. 분명 event.target을 이용해 해결할 수 있지만 다른 로직에 걸려서 작동을 못하는 것 같다(console창에서는 원래 방법으로 작동을 한다). 조금씩 야금야금 문제를 해결해가며 만들어간 불안정한 내 로직에서 다른 새로운 기능을 추가하려고 하니 여간 어려운 게 아니다...ㅎㅎ 그래도 하기 싫은 게 아닌 얼른 해결하고 싶은 마음이 강하다.

 

2. 아직 mdn 설명이 익숙치 않다. mdn보다는 사람 냄새나는 말로 친근하게 설명한 블로그를 많이 보는 편인데, 멘토분들께서 mdn과 친해지라고 하니 친해져야겠지.. 오늘 오피스아워 시간에 textContent와 innerHTML의 차이에 대해서 배웠다. 이 개념 역시 mdn으로 이해하지 못한 차이였는데 멘토님께서 이해하기 쉽게 그 차이를 설명해 주셨다. textContent는 간단히 text를 바꾸는 것이고, innerHTML은 HTML자체를 바꾸고 이를 브라우저에 다시 표시할 때 HTML이 재렌더링이 되기 때문에 성능면에서 안 좋다고 한다. 이 설명을 듣고 다시 mdn을 보니 분명 이를 설명한 부분이 있다! mdn과 빨리 친해지고 싶다.