JIWON'S DEV
countUp / countDown See the Pen Untitled by JIWON CHOI (@jiwonch) on CodePen.
뷰 인스턴스 생성 뷰 인스턴스 new Vue(); var vm = new Vue(); console.log(vm); new Vue({ el: , //인스턴스 들어가는 곳 template: , // 화면에 표시할 요소(HTML, CSS) data: , // 뷰의 반응성이 반영된 데이터 속성 methods: , // 화면의 동작과 이벤트 로직을 제어하는 메서드 created: , // 뷰의 라이프 사이클과 관련된 속성 watch: , // data에서 정의한 속성이 변화했을 떄 추가 동작을 수행할 수 있게 정의하는 속성 }); Jiwon's develop moment
Vue.js https://kr.vuejs.org/v2/guide/installation.html 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org CDN 프로토 타이핑또는 학습 목적이라면, 아래 코드로 최신 버전을 사용할 수 있습니다. 프로덕션 환경인 경우 새 버전에서 예상치 못한 오류를 방지하려면 특정 버전의 빌드 파일을 추가하는것을 추천합니다. 기본 ES 모듈을 사용하는 경우 이를 지원 하는 ES 모듈 호환 빌드 파일도 있습니다. 다양한 데이터의 출력 {{ myText }} 숫자 {{ myNumber }} 부울형 {{ myBool }} 배열 {{myArray }} 오브젝트 {{ myObject }} {{ $data }} 위의 코드와 같이 안에 넣어준..
Vue.js MVVM패턴의 뷰 모델 레이어에 해당하는 화면단 라이브러리 양방향 라이브러리 데이터 변화를 라이브러리에서 감지해서 화면에 그려줌 --> 반응형 지원 *MVVM - 모델, 뷰, 뷰모델로 이루어진 패펀 *MVC 모델, 뷰, 컨트롤러로 이루어진 패턴 *MVVM MVVM은 뷰모델을 지원하므로 뷰가 필요한 데이터와 커맨드 제공 컴포넌트(블럭 같은 것) 간의 통신이 Vue, Angular는 양방향, React는 단방향 - 데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공하며, 관련 API를 지원하는데에 궁극적인 목적이 있음 - Angular에서 지원하는 양방향 데이터 바인딩을 동일하게 제공 - 다른 프레임워크와 비교했을 때 상대적으로 가볍고 빠름 - 문법이 단순하고 간결하여 초기 학습 비용이 낮고 누구..
MySQL 설치 방법 MySQL 설치 윈도우 설치 파일 중 용량이 큰 파일을 다운로드한다. 위에서 다운로드 버튼을 클릭하게 되면 이런 창으로 넘어가는데, No thanks, just start my download. 클릭하면 다운로드가 시작된다. 이 다음 창에서는 develop default 선택하고 넘어간다. Execute를 누르고 기다린다. 동의함을 체크해 준 후 설치 버튼을 클릭한다. 이후 C++ 설치가 완료 되면 Execute 버튼을 클릭한다. 필수조건이 모두 체크가 완료되면 Next 버튼을 클릭해서 남아있는 필요한 조건을 설치한다. 하나 또는 그 이상의 필수요건을 설치하거나 업데이트 할 것인지를 묻는데 Yes 버튼을 클릭하면 필요한 조건들이 모두 설치된다. execute 버튼을 클릭해서 프로그램..
변수 '이름이 붙은 저장소' or '데이터를 저장하는 장소' 변하는 데이터(값)을 저장할 수 있는 메모리 공간 var, let, contst *var의 변수 스코프는 function 단위 *const/let은 block 단위 {}, const는 상수, let은 변수 var / let 변수를 선언하는 키워드로 리터럴 값의 재할당이 가능함 const 상수를 선언하는 키워드로 선언과 동시에 리터럴 값을 할당해 줘야함 (const x = 2;) 리터럴 값의 재할당이 불가능하고, 재할당, 재선언이 모두 불가능함 * var, let, const 정리 변수 범위(Scope) 변수 선언 특징 함수 레벨 스코프 var · 변수를 중복해서 선언할 수 있다. · 함수 블록내에서 선언하면 지역 변수 블록 레벨 스코프 let ..
