일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- this
- Number
- Interface
- 데이터 타입
- CSS
- redux
- js
- const
- typescript
- 함수
- 뷰
- 모던 자바스크립트
- 객체
- todolist
- let
- ES6
- BIND
- 타입스크립트
- VUE
- 리액트
- 모던
- var
- 투두리스트
- function
- 자바스크립트
- null
- 라우터
- 스코프
- react
- 컴포넌트
- Today
- Total
목록함수 (2)
홍준혁

이번에 배워볼 것은 이벤트를 배워 볼 것이다. 이벤트라는 것은 어떠한 동작이 수행되었을 때 그 동작 자체를 이벤트라고 생각하면 될 것이다. 즉 이벤트가 감지되었을 때 특정 동작을 수행해라.라고 이해하면 될 것이다. ADD SUB 현제 count의 값은 {{ count }} 간단한 이벤트를 사용한 예제이다. v-on:이라는 것을 사용했는데 기존에 HTML에서 onclick을 사용하면 JS코드가 실행이 되는 방식이었는데 Vue는 v-on:click이라는 문법을 사용해서 Vue에서 바인딩을 하는 방식을 사용한다. 그래서 ADD 위 코드를 보면 이 버튼에서 클릭이 감지되었을 시에 count += 1을 실행한다는 것이다. 이때 count의 값은 Vue에 선언되어있는 data에 count값을 의미한다. 하지만 위에..

※※이 글은 joshua1988.github.io/vue-camp/vue의 참고하여 작성되었습니다※※ ※※이 글은 배운 것을 바로 써가는 형식이므로 틀린 내용이 있을 수 있습니다.※※ 학교 동아리 바인드에서 소프트웨어 나르샤 프로젝트를 진행하게 되었다. 나는 웹을 맡기로 했는데 Vue나 React를 사용해서 해보려고 한다. 하지만 React는 지금 하기에는 어려운 느낌이 있는 거 같아서 상대적으로 쉽다는 Vue를 한번 해볼려고 한다. 먼저 Vue는 자바스크립트 기반의 라이브러리이기 때문에 자바스크립트의 기초를 알아야 한다. -(출처 joshua1988.github.io/vue-camp/js/array.html#% EB% B0% B0% EC%97% B4-%EC% A1% B0% EC% 9E%91% ED%95..