개발자를 꿈꾸는과정

data를 활용해보자!! Home.vue는 원래 Welcome to Home! 이었다. 스크립트 default에 data() { return } ; 을 통하여 데이터를 활용 할 수 있다. mustache 문법과 비슷하게 {{변수이름}} 을 써주면 변수값으로 들어간다고 한다. 내용이 잘 바뀐걸 볼 수 있다. input값은 어떻게 받아올까? 원래 html태그의 value로 쓰던부분이 Vue.js 에서는 v-model 이라는 값으로 쓴다. input1 설정하고 결과를 보면 이런식으로 값이 들어간걸 볼 수 있다. 특이한 점은 1-way 방식이 아니라 2-way 방식이라는 것이다. 2-way는 뭐가 다른거? 기존에 알던 html은 값을 보여주고 끝이었다. 하지만 2-way를 함으로써 사용자가 input v-mod..

vue.js는 node.js가 설치된 이후여야함 해당 강의를 보고 공부중입니다.. https://www.youtube.com/watch?v=sqH0u8wN4Rs 나는 인텔리제이에서 할거기 때문에 플러그인을 설치해주었음 File>new>project 를 가면 JavaScript 항목에 Vue.js가 있는걸 확인 할 수 있다. project 이름과 경로만 원하는대로 바꿔주고 Finish를 눌러 생성하면 된다. Intelij에서 vue create와 Vue CLI를 자동으로 가져와서 프로젝트를 생성해줘서 편하다. npm run serve cd test 로 test폴더로 이동후에 npm run serve를 입력하면 development server 가 실행된다. 그럼 로컬서버와 네트워크 서버 주소가 생성되는데,..