Vue js (2) 썸네일형 리스트형 vue.js 환경에서의 UI 방법론(지극히 개인적인) Vue.js로 UI 개발 하기 vue.js 환경에서 어떻게 UI마크업과 기능을 만들어 볼까? 처음부터 어떻게 사고할지 방법론으로 풀어보았어요. ※ 모달창 만든 작업 예시를 바탕으로 작성됨 1. UI(구현할)의 현재 상태를 data()로 저장해둔다. (ex.true / false or 1/0) 2. 1.번에서 작성한 data() 상태에 따라 UI가 어떻게 보일지 작성(ex. v-if/ @click ...등등) 상세페이지 상세페이지 내용 3. UI 이벤트 적용 시키기 {{dataProducts[0]}} 이방법도 저방법도 여러가지 방법을 고안해내는 중이다. vue.js 개발환경 구성(포멧했어? 개발환경구성 A to Z / feat.맥북) 내가 먹고살려고 만든 블로그라 읽고 '세상을 널리 이롭게 하라' 라고 쓴다. by.홍익인간junior 1. nodejs 설치(*최신 버전 설치 권장) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. VS code(Edit tool) Visual Studio Code(VS code)는 MS사의 오픈소스 기반의 크로스 플랫폼이다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined a.. 이전 1 다음
