목록2022/09/07 (1)

Bleeding edge

2022/09/07 - TIL

JS 이용하여 HTML을 수정하면서, 아무런 문제 없이 사용하던 문제점이 하나가 있었다. 정적요소와 동적요소의 혼합. 위의 현상은, 일관성이 결여가 되면서 보이는 현상이며, 이 일반성 결여는 유지보수성과 가독성을 저하시킨다. 정적 요소와 동적요소의 혼합을 막기 위해서, HTML에 대한 JS의 의존 종속성을 제거해야한다. 이번에 시도한 방법은 동적인 속성(JS만을)을 사용하였다. 정적요소와 동적요소의 혼합에 의해 유지보수성과 가독성이 저하되는 이유에 대해서 간단하게 이야기를 하면 1. 동적으로 콘텐츠를 수정하는 부분이 innerHTML, textContent, classList 등 다양한 방식으로 이루어져 일관성이 떨어진다. 2. HTML 구조가 변경되었을 때 로직을 바꿔야하는 경우가 생길 수 있다. 동적..
ConnecTo 2022. 9. 7. 17:29
이전 Prev 1 Next 다음