일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- vue-cli
- Singleton
- DB
- Excel
- dependency injection
- di
- Setter
- VUE
- 의존성 주입
- js
- 라이프 사이클
- 프로토타입
- Security
- HTTP 메서드
- HTTP
- Vue.js
- cache
- Java
- thymeleaf
- 로그인
- vuex
- Spring
- Kotlin
- Stateless
- JPA
- Repository
- 캐시
- javascript
- BEAN
- 싱글톤
- Today
- Total
목록v-for (2)
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..