Vue.js

첫 프론트엔드 라이브러리로 비교적 쉽게 배울 수 있다는 vue.js를 사용하여 프로젝트를 진행하기로 했다. 쉽다고는 하지만, 라이브러리 자체를 처음 이용해보는 터라 첫 시작이 마냥 순조롭지는 않았다. node.js도 깔아야 하고, npm은 또 뭔가..필요한 확장 기능

{{데이터바인딩}}이란, js의 데이터를 html에 꽂아넣는 문법이라고 한다. 원래의 쌩 js에서는, 이를 위해 document.getElementByID().innerHTML =어쩌구 이런식으로 길게길게 코드를 짰어야 했으나, vue에서는 간단하다! js에서는 변수에

신기하게, vue의 html 내에서는 반복문을 사용할 수 있다. 예를 하나 들어 문법을 보자면 이러하다.\-> 뒤에 :key를 반복문을 사용할때 꼭 적어주어야 한다. 컴퓨터가 반복문 돌린 요소들을 각각 구분하게 하기 위함이란다.menu로 해놓은 부분은 사실 어떤 이름으

vue에서는 js에서처럼 일일히 변수를 선언할 필요가 없다. 만약 함수를 만들어서 사용하고자 한다면, script영역의 대강 data()밑에 method : {함수명(){}} 이 안에다 만들어주면 된다. 참고로, 데이터나 UI의 상태를 저장하는 공간인 위 data영역은