오늘은 js로 만든 메인페이지에 댓글 기능을 구현했다.
오늘 배운 내용중에 div태그를 자주 사용하기보다는 Semantic한 태그들을 많이 쓰라고 하셔서
작성한 HTML은 언젠간 다시 손봐가면서 수정해야할 것 같다.
Js github 주소
우선 시간이 오래걸렸다. 생각할 것도 많고 for문만 써봤는데 foreach 메서드에 대해서 이해하는
시간이 처음으로 조금 걸렸고 댓글 버튼에 활성화 비활성화도 추가해서 글자가 들어가면 활성화되는
스타일과 글을 쓰고난후에 비활성화시키는 스타일을 추가하는 코드를 쓰는데에도 꽤 오랜시간이 걸렸다.
댓글 추가기능을 만들고 난 후에는 1차 시련이 다가왔다...😂 바로 댓글하나를 작성하고 또 하나를 작성하면
추가가 되는게 아니라 기존에 작성했던 댓글이 수정되는 현상을 발견하고 js로 들어가서 뭐가 문제일지
꼼꼼히 보았는데 요소를 생성한다고 선언한 변수들이 foreach메서드 안의 이벤트리스너 메서드안에
들어간 것이 아니라 foreach메서드 안 이벤트리스너 바깥에 위치하고있어서 일어난 현상이었다.
그리고 원래 메인페이지 댓글 맨 오른쪽에 하트이미지가 있어야하는데 HTML에서 의미가있는 태그를 많이
사용하라고 배운 후에 댓글 기능을 만들 때 <div> 를 썼던것을 <ul>,<li> 로 바꾸면서 없어졌나보다🤦♂️
오늘 또 깊게 자야 내일 화이팅하면서 배울 수 있으니깐 오늘은 여기까지 !!!😁
그래도 js코드를 하나하나 뜯어고치면서 컴퓨터사고가 많이 늘고있는것 같은 기분이 드는 하루였다✌