사실 개인과제 마감은 내일이긴한데,,
나는 여행을 내일 떠나서..
진행 상황
- 모듈화 완료 -> 근데 새롭게 로직 짜고 있어서 다시 진행 예정
- 북마크 삭제 기능 완료
- UI 수정 중 모달 창 코드를 이벤트 위임을 통해 정리해야 된다는 걸 깨달아서 현재 진행중
-> 모달창 띄우기는 구현, 모달 창 안에 버튼들 코드 정리 중오늘 오후까지의 진행상황이였다.
중요한 부분은 이벤트 위임 부분이였다.
이전까지는 모달창을 영화카드 하나하나에 이벤트를 달아놔서 이벤트 위임을 구현할 생각을 안하고 있었다.
근데 이게 CSS로 UI를 꾸미려니까 뭔가 생각하거나 접근이 어려운 부분이 계속해서 생겨서 결국엔 수정하기로 결정했다...
이전에는 모달 자체를 카드에 추가하는 방식으로 스트링 리터럴로 추가하고
그 함수 안에서 북마크든 닫기 버튼이든,
속성에 대한 처리도 모두 구현했다.
그러다 보니 가독성도 떨어지고 해당 함수의 기능에 대해서 정확하게 설명을 할 수 없었다.
그렇기 때문에 미리 작성한 html에 이벤트 위임을 통해 접근하고, 그 후 정보를 전달할 수 있도록 구현했다.
덕분에 구역별로 사용하는 함수들을 명확히 분리시켜서 모듈화를 진행하고, 코드 리뷰 또한 편히 진행할 수 있었다 ㅎㅎ
(실제로 조원 중 한 분이 깔끔하고 보기좋다고 칭찬해주심 ㅋㅋ)
또 CSS 기능 몇 가지 추가 시켜서 프로젝트를 마무리했다..
확실히 애니메이션 효과가 나오니까 재밌더라... 그래도 어려워잉...
후에 피드백 받으면 회고록도 써야겠다..
하고자 한 일이 있으면 바로 하자!
모듈화와 주석은 필수!!
CSS 좀 더 공부해보자!
아 배포 링크 아래에 넣어놓을 테니 방문하시고, 피드백해주시면 감사하겠습니당..
(근데 언제 배포 끊길지 모름ㅋㅋ)
사용자와 소통하는 프론트엔드 개발자