오늘 새로 배운 것
event.target으로 클릭 이벤트를 발생한 해당 태그에 접근할 수 있고 또 그 부모에게 접근하기 위해서 event.target.parentNode에 접근할 수 있다.
이전 미니 프로젝트에서 해당 글을 삭제하기 위한 조건으로 비밀번호를 걸어주고 삭제할 때 해당 글에 맞는 비밀번호를 입력하여 삭제하는 기능을 구현했을 때 id를 동적으로 부여했었던 적이 있는데, 이번 프로젝트의 작성글의 id는 내가 아닌 firebase에서 임의로 id값을 부여하고 그 글의 자식 요소(수정, 삭제 버튼 태그 등)을 event요소로 접근하여 이를 관리할 수 있는 것 같다. 이제 이부분에 대해서 어느 정도는 좀 감이 잡힌 것 같다.
하루를 돌아보며...
프로젝트 기능 구현과 아마존 s3 서비스를 통한 배포, 발표참고자료 작성까지 마무리되었다. 그래도 약간 남은 미련에 권장 추가 기능 중 하나였던 좋아요 기능을 다시 도전해봤다. db에 like를 카운트하는 필드 추가 후 위의 event.target.parentNode의 id에 접근해서 해당 글의 like를 카운트하려고 시도했다. 하지만 이부분의 토글 구현 후 새로고침이나 화면이 전환되도 상태를 유지하도록 하고 다른 계정에서도 해당 글의 like를 누르면 like 카운트가 누계되도록 하는 코드를 구현하려고 하니 어떻게 해야할지 전혀 감이 안온다... 나중에 다시 트라이해보려고 한다.
FE Developer