반응형 STYLING1 Vue.js 완벽가이드 : (6) 스타일링 & 고급 컴포넌트 6. 리팩토링 : 스타일링, 공통 컴포넌트 리스트 아이템 컨포넌트 공통화를 위한 리팩토링을 진행합니다. 6-1. 컴포넌트 공통화 리팩토링 소개 AskView 컴포넌트 하나에 모든 데이터를 출력하였지만, 각 항목을 Component로 구성하여 리스트화를 작업하려 합니다. 이를 위한 공통 Component를 생성합니다. 6-2. News 리스트 스타일링 NewsView.vue 스탕일링을 합니다. 각 항목을 리스트로 표기합니다. 그리고 스타일링이 필요한 Tag에 클래스명을 지정하여 개별적인 스타일링을 수행합니다. {{ item.points }} {{ item.title }} by {{ item.user }} App.vue에 공통적인 스타일링을 추가합니다. 6-3. Ask, Jobs 리스트 스타일링 Ask와 J.. 2020. 4. 23. 이전 1 다음 반응형