반응형 블랙커피1 [☕️블랙커피Lv1] TodoList 작성기 지금껏 html에 직접 Web 화면을 구성했다면 이제 그만~~ DOM 에 직접 구현하는 방식의 한계 - DOM에 접근하고 업데이트하는 시점에 명확한 기준점이 없기 때문에 UI 가 많아질수록 DOM 업데이트 구간 추적이 어려워진다. - DOM 에 뿌려줄 data가 변경될 때마다 일일히 찾아서 조작해야 한다. - 중복 코드가 많아지고 DOM 접근이 많아진다. 따라서 Data를 관리하는 component와 Data를 뿌려줄 component를 분리시킬 필요가 있다. 그렇다면 기존 DOM에 직접 접근하는 방식의 코드를 보다 컴포넌트 형태로 추상화해보자! 📌 컴포넌트 형태로 변경 기존 코드 TODOS 총 0 개 전체보기 해야할 일 완료한 일 위와 같인 index.html 은 index.js 스크립트만 쏙 걸어두고.. 2021. 8. 3. 이전 1 다음 반응형