| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- error
- ubuntu
- Open Source
- PostgreSQL
- jpa
- spring
- Spring Boot
- oracle
- Python
- 설정
- AJAX
- myBatis
- 오픈소스
- JDBC
- Eclipse
- Thymeleaf
- git
- Source
- MySQL
- STS
- Tomcat
- Core Java
- Docker
- JavaScript
- IntelliJ
- SpringBoot
- maven
- Exception
- 문서
- MSSQL
- Today
- Total
목록캡틴판교 (2)
헤르메스 LIFE
[Vue.js] 인프런의 캡틴판교님의 Todo 샘플 리팩토링 정리입니다.
아래의 내용은 인프런의 캡틴판교님의 강의를 정리한 내용입니다. 제 소스도 아니고, 무언가를 배우기 위해서는 직접 keyin 하는 방법이 좋기 때문에, 중요 소스는 죄송하지만 이미지 입니다. 정상동작합니다. 1. Todo List를 보여주는 방법 TodoList.vue 파일의 created Hook을 App.vue 으로 옮겼습니다. props 기능 : 상위에서 하위로 데이터를 보내는 기능 2. TodoList 등록하는 방법 TodoInput.vue 파일의 addTodo 기능을 App.vue 으로 옮겼습니다. $emit 기능 : 하위에서 상위로 데이터를 보내는 기능 3. TodoList 삭제 및 Toggle 방법 하위에서 상위로 데이터를 보내기 때문에 역시 $emit 기능 입니다. 4. 전체 삭제 기능 하위..
[Vue.js] 인프런 캡틴 판교님의 Todo 샘플 정리
아래의 내용은 인프런의 캡틴판교님의 강의를 정리한 내용입니다. 제 소스도 아니고, 무언가를 배우기 위해서는 직접 keyin 하는 방법이 좋기 때문에, 중요 소스는 죄송하지만 이미지 입니다. index.html main.js import Vue from 'vue' import App from './App.vue' new Vue({ el: '#app', render: h => h(App) }) App.vue TodoHeader.vue TODO it! TodoInput.vue TodoList.vue TodoFooter.vue 로직적인 내용 중 저장하는 부분이 중요하다고 생각해서 남겨봅니다. // localStorage 특성상 // TodoInput.vue에서 // Object -> json 문자열로 저장하고...