| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- mysql
- 프로그래머스 알고리즘
- html
- 1일1코테
- 정보처리기사
- 알고리즘문제
- Redux-Toolkit
- 프로그래밍
- 프로그래머스알고리즘
- 프로그래머스 Lv.0
- 코딩
- js
- 알고리즘스터디
- 코테준비
- 코테스터디
- 프로그래머스
- 정처기기출
- 프로그래머스 코테
- 프로그래머스 코딩테스트
- 프로그래머스코딩테스트
- next.js
- 알고리즘공부
- 코딩테스트
- 프로그래머스 레벨0
- 개발자
- 자바스크립트
- next.js 에러
- CSS
- 코테공부
- 프로그래머스코테
- Today
- Total
목록💻 Frontend (14)
계발하는 개발자
[Vue.js] 뷰 기초 - 텍스트바인딩/반복렌더링
뷰를 시작하기 앞서, html 타이틀 바로 밑에 뷰 cdn 링크를 붙여넣어줍니다. 대규모 프로젝트 진행시에는 npm 설치해주는 것이 좋으나, 지금은 스터디하는 중이므로 cdn으로 진행했습니다. 👇뷰JS 스탠드얼론 버전의 CDN 링크는 아래 참고 https://rintiantta.github.io/jpub-vue/guide/chapter1.html 뷰 cdn을 태그 안에 에 넣어주고 나면 콘솔창에 위와 같이 찍힙니다. 위 메시지가 뜨면 이제 뷰를 사용할 수 있는 개발 환경이 설정되었다는 뜻입니다. 😆 이제 뷰JS로 아래의 예제들을 하나씩 테스트해보겠습니다. 1. 텍스트바인딩 먼저 new 키워드를 통해 Vue 인스턴스를 만들어줍니다. Vue에서 기본적으로 지정된 속성 내용들은 앞선 포스팅 내용을 참고 바랍니..
Vue.js란? Vue.js 개발을 위한 주요 ES6 문법 8가지
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의 변경에 대한 즉각적으로 반응하..