jhhan의 블로그

Vue.js를 요즘 공부하고 있고 기존에 해봤던 것을 다시 한번 하는 것이기 때문에 아직까지는 어려움이 없다. 그래도 이번에 정식으로 Vue.js를 공부하면서 새롭게 알게 된 내용들 or 중요하다고 생각하는 내용을 기록하려 한다. 이 글은 Vue.js에 대한 기본지식이 있어야 이해할 수 있을 것이다. (자세하게 적을 생각이 없다.. ㅎㅎ) 1. v-for v-for은 Vue에서 제공하는 반복문이다. 코드에서처럼 v-for를 사용해서 진행하고, :key="??"를 추가한다. :key="??"는 반복문을 돌면서 반복 요소들을 구분하는 속성이다. data가 될 수도 있고, (data, idx)의 경우에는 idx가 key역할을 할 것이다. 2. export , import export로 보내고 싶은 데이터를 설..

Vue.js관련해서 오랜만에 다시 블로그에 글을 써봅니다. 이번에는 오늘 배웠던 v-for문과 key를 이용해서 포스트를 작성해보겠습니다. 이전에 계속 v-model을 적용하는데 어려움을 겪고 있었다. 동적으로 input 혹은 textarea 태그를 생성하는데 여기에는 v-model을 적용할 수 없어서 꽤 고생을 했었고, 결국 다른 방법을 찾아냈다. -> id값을 이용해서 값을 받는 방식을 택했다. 먼저 기존에 적용했던 방법부터 살펴보겠다. Submit 이게 제가 만들었던 textarea 혹은 input 태그를 동적으로 생성하는 폼입니다. 그리고 각각의 메소드를 살펴보겠습니다. daily_add: function () { const addedForm = document.getElementById('dai..