Record4me

시작하면 끝을 봐야지

트러블슈팅 2

[TIL] 23_0107 순수 자바스크립트로 만든 검색 기능 구현을 마치며, Element.closest()

순수 자바스크립트로 만든 검색 기능 구현을 마치며, 필수요구사항부터 차례대로 구현하고 선택요구 사항까지 구현 했지만 유지보수하기가 어려운 코드같아서 고민을 좀 해봐야할 것 같아. 난제봉착 css를 구성하면서 card-content클래스를 가진 div 아래로 여러 하위 div요소를 추가하게 됐어. 새로 추가된 요소들이 있으니 값을 가져오는 경로도 달라져서 이전 alert.js 문을 수정해야했어. 그 과정에서 값을 가져올 때 난황을 겪었어. 1. createElement로 만든 div만 클릭했을 때만 alert가 나오고 카드 내부를 클릭하면 alert가 안 떴어. - createElement로 만든 상위 div를 제외하고 내용물을 한 번에 감싸는 div가 없어서 분리가 된 상태였거든. (아래 코드참고) id..

개발일지 2024.01.07

[TIL] 24_0103 alert기능 js파일로 따로 만들어서 재사용하기+ import 시행착오

재사용성 높이기 검색 기능 만들고 나서 검색 기능을 만들고서 잊고 있던 필수 기능으로 하나의 카드를 클릭하면 카드 데이터인 영화의 Id를 alert로 띄우기를 하려고 했어. 1. 전체 리스트로 처음에 보여줄 때 나타나는 카드를 클릭해도 alert를 띄우고 2. createElement문으로 동적으로 div를 만들어서 구성한 카드를 클릭해서 alert를 띄우려고 했는데 createElement문으로 만들 때 이전 전체 내용을 아예 지우고 새로 생성되기 때문에 alert기능도 따로 만들어줘야했어. 그렇게 alert기능 코드가 중복이 되서 나란히 보이길래 반복되는 코드를 쉽게 쓸 수 없을까 했지. 그래서 재사용할 수 있게 js파일을 따로 만들어서 script src속성으로 alert기능을 쓸 수 있게 불러와서..

개발일지 2024.01.03