도리 도리

들어가며 이번에 회사에서 맡은 프로젝트가 Vue를 사용하기 때문에 Vue를 시작하게 되었다. Vue는 js 프레임워크 중 하나로, 쉽게 FE 개발을 할 수 있다. 리액트를 해봤다면 더 쉬울 것이다. Vue 학습을 위해 todolist를 만들며 연습해본 과정을 정리해봤다. Vue 시작하기 Hello World! 가장 간단한 형태의 Vue app은 다음과 같이 만들 수 있다. // index.js var app = new Vue({ el: '#app', data: { message: 'Hello World!' } }) index.js를 보면 app이라는 새로운 Vue인스턴스를 생성한다. Vue 생성자함수는 옵션 객체를 인자로 호출되고 있다. 옵션 객체의 내부에는 el과 data가 있다. el은 css sel..

이미지 출처 프론트엔드 개발자를 위한 자바스크립트 프로그래밍 6장 요약 객체 지향 프로그래밍 ECMA 에는 클래스 개념이 없다. 객체란 그저 특별한 순서가 없는 값의 배열이다. 객체: `프로퍼티의 순서 없는 컬렉션이며 각 프로퍼티는 원시값이나 객체, 함수를 포함한다. 6.1 객체의 이해와 생성 같은 인터페이스의 객체를 여러개 만들 때, 중복을 줄이기 위해 팩토리패턴을 사용하기 시작했다. 팩토리 패턴 특정 객체를 생성하는 과정을 추상화. function createPerson(name) { var o = new Object(); o.name = name; o.sayName = function(){ console.log(this.name); } return o; } var person1 = createPer..