일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- next.js
- 정처기기출
- 1일1코테
- CSS
- 프로그래머스코딩테스트
- 알고리즘스터디
- 프로그래머스코테
- 프로그래머스
- 프로그래머스 Lv.0
- 프로그래머스 알고리즘
- mysql
- 알고리즘공부
- 코딩
- 프로그래머스 코딩테스트
- 프로그래밍
- 알고리즘문제
- 코딩테스트
- Redux-Toolkit
- 코테스터디
- 정보처리기사
- html
- js
- 프로그래머스알고리즘
- 프로그래머스 레벨0
- 프로그래머스 코테
- next.js 에러
- 코테공부
- 자바스크립트
- 개발자
- 코테준비
- Today
- Total
목록💻 Frontend/Vue.js (10)
계발하는 개발자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bokM1U/btsbVconOy9/riYwK7KdPnkMhByY8eyQZ0/img.png)
뷰를 시작하기 앞서, html 타이틀 바로 밑에 뷰 cdn 링크를 붙여넣어줍니다. 대규모 프로젝트 진행시에는 npm 설치해주는 것이 좋으나, 지금은 스터디하는 중이므로 cdn으로 진행했습니다. 👇뷰JS 스탠드얼론 버전의 CDN 링크는 아래 참고 https://rintiantta.github.io/jpub-vue/guide/chapter1.html 뷰 cdn을 태그 안에 에 넣어주고 나면 콘솔창에 위와 같이 찍힙니다. 위 메시지가 뜨면 이제 뷰를 사용할 수 있는 개발 환경이 설정되었다는 뜻입니다. 😆 이제 뷰JS로 아래의 예제들을 하나씩 테스트해보겠습니다. 1. 텍스트바인딩 먼저 new 키워드를 통해 Vue 인스턴스를 만들어줍니다. Vue에서 기본적으로 지정된 속성 내용들은 앞선 포스팅 내용을 참고 바랍니..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/brnmQb/btsb2Um7uE6/T2ITwPkbJV3rURSHSGnaSk/img.png)
VueJS는 비교적 최근에 등장한 JavaScript Framework입니다. 또한 SPA(Single Page Application) 개발을 위한 프론트엔드 프레임워크로, 한 페이지에서 여러 데이터를 바인딩 처리해야하는 경우 유용하게 활용할 수 있습니다. View(html DOM): 사용자에게 보이는 화면. Model(JS): 데이터를 담는 용기, 보통 서버에서 가져온 데이터를 javascript 객체로 저장 ViewModel: View와 Model의 중간 영역으로 DomListener와 DataBinding을 제공하는 영역 DOM: HTML 문서에 들어가는 요소(tag, class, attribute 등)의 정보를 담고 있는 데이터 트리 DOM Listener: DOM의 변경에 대한 즉각적으로 반응하..