목록2023/10/20 (2)
치춘짱베리굿나이스
Vue를 먹자 .vue 파일 구성 // App.vue {{ str }} 이전 글에서 Vue 구성을 간단하게 알아보았다 template Vue에서 화면에 그려지는 요소를 다루는 영역이다 html 파일 작성하듯이 작성하면 되고 (문법이나 컨벤션 등이 html과 일치), 쪼끔쪼끔씩 Vue 문법들이 섞여들어간다 많이 쓰이는 Vue 문법들을 살펴보자 변수 출력하기 {{ variableName }} 콧수염 괄호라고도 불리며, 데이터를 직접 연결 (바인딩) 해줄 때 (변수, 함수의 결과값 등) 사용한다 위의 경우 variableName 이라는 변수를 span 태그 안에 출력해주는 동작이다 {{ new Date().toDateString() }} 당연하게도 어떠한 함수의 결과값도 전달할 수 있다 {{ `${variab..
Vue를 먹자 Vue를 먹은 것을 정리 RealWorld 라는 웹앱을 5일동안 클론코딩 (ㅋㅋ) 하면서 빠르게 문법을 손에 익히고 뭐… 그러고 돌아왔습니다 Vue란 JavaScript 프레임워크이다 구글에서 일하던 Evan You가 Angular.js의 단점을 보완하여 이러쿵저러쿵… (이하생략) MVVM 모델에서의 VM (ViewModel) 부분에 해당한다 장점 입문이 쉽다 (야너두 시작할 수 있어) React와 Angular 보다 후발주자인 만큼 둘의 장점만을 취해서 발전시킨 형태라 빠르고 가볍다 공식문서가 꽤 잘 되어 있는 편 MVVM 모델 Model - View - ViewModel Model: 어플리케이션에서 사용하는 데이터를 처리하는 부분 자바스크립트 코어 부분이라고 보면 된다 View: 화면에..