Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- React
- java
- Vue
- Node.js
- 형변환
- 이기적 리눅스 마스터 2급
- vue 앱만들기
- vue 독학
- for문
- Vue.js
- Scanner
- Unity
- 템플릿 리터럴
- JWT
- axios
- Transform
- 유니티
- 이기적
- 리액트
- 리눅스마스터2급
- 노드
- 컴포넌트
- vue 로그인
- Rigidbody
- 자바
- npm start
- vue jwt
- quasar
- package.json
- 반복문
Archives
- Today
- Total
목록vue todolist 만들기 (1)
나아가기

1.화면단 구성하기 TodoList.vue TodoList는 추가한 값들이 저장되고, 저장된 것들을 가져와서 차례대로 보여줄 컴포넌트입니다. 간단하게 로컬스토리지에 저장해서 보여지도록 하겠습니다. {{todoItem}} 1) transition-group태그는 trasition의 뷰 애니메이션을 구현하기 위한 태그로 데이터 추가, 변경, 삭제에 대해서 페이드 인이나 페이드 아웃 등의 여러가지 애니메이션 효과를 줄 수 있습니다. 2) v-for은 지정된 갯수만큼 반복해서 html을 표시하는 반복문 디렉티브 입니다. 여기서 반복시킬 propsdata는 상위 컴포넌트로부터 전달받은 데이터를 이용할 예정입니다. 상위 컴포넌트인 App.vue에서 보내주지 않은 지금 상태에서는 prosdata가 로컬스토리지에서 가..
Javascript/2022
2022. 10. 31. 11:35