| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- CDN
- localStorage
- golang
- SFC
- PROPS
- Dictionary
- Refactoring
- App.vue
- go
- channel
- todo-list
- TODO
- method
- toggle
- container
- Vue.js
- cli
- Matrix
- 행렬
- emit
- Vue
- goroutines
- graceful shutdown
- Server
- map
- URL
- component
- reactivity
- goroutine
- websocket
Archives
- Today
- Total
목록RMT (1)
ksundev 님의 블로그
[TODO App][Refactoring] App 컴포넌트를 컨테이너로 만들기 3
할일 완료 상태 토글 기능 구현하기이번 포스트에서는 할 일의 완료 상태를 토글하는 기능을 구현해보겠습니다. 특히 Vue.js의 반응형 시스템과 관련된 중요한 개념인 RMT 패턴에 대해서도 함께 알아보겠습니다.1. 현재 상황과 해결해야 할 문제현재 TodoList 컴포넌트의 상태현재 TodoList.vue는 프레젠테이션 컴포넌트로 변경되어 데이터 관리 기능이 App 컴포넌트로 이동했습니다. 하지만 완료 상태 토글 기능은 아직 구현되지 않았습니다.해결해야 할 문제체크 아이콘 클릭 시 완료 상태 변경완료된 할 일의 시각적 표시 (취소선, 색상 변경)localStorage에 변경된 상태 저장2. App 컴포넌트에 토글 메서드 추가하기App.vue에 toggleComplete 메서드 추가 ..
[개발] Vue.js/중급
2025. 7. 7. 17:20