[Vue.js]뷰로 투두리스트 앱 만들기 1
뷰를 연습하기 위해서 간단한 할일 목록 앱을 만들어 보겠다. 1. 화면을 그리기 위해서 div로 나누는 작업을 먼저한다. 펜과 종이로 먼저 나눴다. 이제 코드로 나눈다 할일이 있을 경우, 없을 경우를 분리해서 div를 만든다. 결과물은 : 이렇게 템플릿을 작성하였는데, 클래스이름이 구조적이지 못한것같아서 좀더 BEM 방식에 맞게 변경하였다. BEM 은 Block, Element, Modifier의 약자로, CSS 클래스이름을 구조적으로 짓기 위한 방법이다. Block은 독립적인 ui구성 요소로, card, form, button 같은 것이다. Element 는 블록안의 구성 요소로, 블록과 연결되어 독립적으로 쓰이지 않는다. card__title, form__input 같이 쓸 수 있다. ..
2025. 5. 9.
