삼바의 성장 블로그

Hello, BootStrap! Bootstrap CDN 가져오기 Google에 "bootstrap cdn" 검색 [시작하기 · 부트스트랩]클릭 CDN을 복사 Hello, BootStrap! 기존 Hello, Vue!에 BootStrap CDN 추가 * [ https://sambalim.tistory.com/22 ] 참고 (앞으로의 예제에서는 BootStrap의 CSS만 사용예정) body 태그 내 전체에 해당하는 div 영역에 반응형 고정너비 class="container"를 적어줍니다. (전체 너비를 사용하는 경우, ".container-fluid"를 사용합니다.) {{ message }} 실행결과

[Vue.js] Vue 시작하기 VS Code 설치 https://code.visualstudio.com/ Extension : HTML Preview 우측 메뉴에서 Extension 실행 "Live HTML Previewer" 입력 후, 설치 → 다시로드 (F1) 클릭 후, Preview를 입력 Side Preview 실행 Hello, HTML! HTML Hyper Text Markup Language Hyper : 초월한 Text : 문서 Markup : 마크로 둘러쌓여있는 Language : 언어 HTML 기본형식 Hello World! — doctype : 아주 오래전 HTML 이 막 나왔을 때 (1991년 2월쯤), doctype은 (자동 오류 확인이나 다른 유용한 것을 의미하는) good HT..

Vue.js란? Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 만들기 위한 진보적인 프레임워크 입니다. Vue.js를 추천하는 이유 배우기 쉽다! Vue.js의 철학은 "누구나 쉽게 시작할 수 있는 프레임워크"이다. 복잡한 빌드과정이 없고 React와 같이 Webpack 같은 빌드 툴을 따로 공부할 필요가 없다. 최소한의 기능을 제공하고, 필요한 도구는 별도로 제공한다. 결합이 잘된다! 다른 라이브러리나 기존 프로젝트와 통합하기 매우 쉽다. 소스코드에 단 한줄을 추가하는 것 만으로 Vue.js를 사용할 수 있다. 인기가 좋다! https://risingstars.js.org/2018/en 위 사이트를 보면 알 수 있듯이 Vue.js는 2018년 most popular..

Vue - MVVM Model-View-ViewModel 구성요소 Model 모델(Model)은 실제 상태 내용 (객체 지향 접근법)을 나타내는 도메인 모델 또는 내용 (데이터 중심 접근법)을 나타내는 데이터 액세스 계층 을 나타냅니다. View MVC 및 MVP 패턴의 뷰는 사용자가 화면에 무엇을보고의 구성, 레이아웃 및 모양이다. 모델의 표현을 표시하고 뷰 (클릭, 키보드, 제스처 등)와의 사용자 상호 작용을 수신하고, 데이터 바인딩 (속성, 이벤트 콜백, 이벤트 콜백 등을 통해 뷰 모델로 처리를 전달)을 정의 할 수 있습니다. ViewModel 뷰 모델(ViewModel)은 공용 속성과 명령을 보여주는 추상화입니다. MVC 패턴의 컨트롤러 또는 MVP 패턴의 표현 자 대신 MVVM에는 뷰 모델에서 ..