JUMP개발자의 개발일기 JUMP개발자의 개발일기

Visual Studio Code를 사용해서 코딩을 할 때 여러가지 Extension들을 설치 하는 것이 훨씬 더 유용합니다. Vetur / Vue Snippets .vue 파일에 대한 코드를 만들어주는 기능을 비롯하여 디버깅, 자동 완성 등 여러가지를 지원한다. ESLINT 린트(ESLint)는 잘못된 코드 스타일로 인해 에러가 나지 않게 코드 문법을 잡아주는 문법 검사기입니다. 문장 뒤에 자동으로 세미콜론, 콤마를 붙여주기도 하고 의미 없는 변수, API 사용에 대해 경고해주는 등 여러 문법 오류에 대해서 미리 알려줍니다. 가급적 덜 에러가 나는 코드를 작성하면 자연스럽게 버그도 줄어들기 때문에 서비스 품질을 높이는데도 도움이 됩니다. Auto Close Tag Auto Close Tag는 XML/H..

아래 코드 설명 1. CDN URL을 이용하여 vue framework를 사용할 수 있게 선언 2. 모든 Vue 앱은 Vue 객체를 선언해야함. -> Vue 객체의 el은 자바스크립트 doucment.getElementById('app'); 과 같음 ->data 안에 여러가지 key value 형식의 데이터를 선언하고, 해당 데이터들은 {{ }} 형식으로 화면을 그리는데 사용할 수 있다. (반응형) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Getting Started {{ message }} new Vue({ el: '#app', data: { message: 'Hello Vue.js' } }) http://colorscripter...