네발로 코딩하는 포메라니안

1. el과 data - el = 해당 vue를 적용할 구역 지정 - data = DOM에 보여줄 데이터 정의 {{title}} 2. methods method안에서 vue객체를 접근할 때는 this.데이터이름으로 접근 *arrow function에서 this는 window를 가리키므로 arrow function 쓰지 않도록 주의하기 {{msgStar()}} {{cnt}} 증가 3. filter - 화면에 표시되는 텍스트 형식을 간단하게 변환하는 기능 - {{ }} 또는 v-bind 속성에서 사용 가능 {{ msg | filterName }} 1. 전역필터 el로 적용할 구역을 정해주지 않기 때문에, 어떤 id를 가진 구역에서든 가져다 사용할 수 있다. 2. 지역필터 el에 지정한 대로 id=app인 구..

1. 객체란? - 키(Key)와 값(Value)로 구성된 프로퍼티(Property)들의 집합 - 프로퍼티를 동적으로 추가하거나 삭제 가능 - JS의 함수는 일급객체로, 프로퍼티 값으로 함수 사용 가능 2. 객체 생성 방법 1. 객체 리터럴 - { }내에 프로퍼티를 넣어 객체 생성 let person = { name: "홍길동", age : 25, introduce : function(){ console.log(`이름은 ${this.name}이고, 나이는 ${this.age}입니다.`); } } console.log(person.name);//홍길동 console.log(person["name"]);//홍길동 person.introduce();//이름은 홍길동이고, 나이는 25입니다. 2. Object 생..

1. CSS 기초 문법 선택자(Selector) : 스타일을 적용하고자 하는 HTML 요소 2. HTML에 CSS를 적용하기 [방법1] .css 파일을 만든 후, html에 적용 css파일에 코드를 작성하고 아래의 코드를 html파일 head태그 안에 붙여준다. [방법2] html에 css코드를 작성 html파일에 head태그 안에 아래와 같이 작성한다. [방법3] 태그 속성으로 지정 태그마다 속성으로 따로 스타일을 지정해준다. html과 css가 잘 구별되지 않기 때문에 추천하지 않는다. hello 3. 선택자 1. 선택자 특징 여러 선택자는 ,를 이용하여 한번에 사용 가능 h1, p{ color : blue; } 2. 종류 1) 태그 p{ color: blue; } 2) 아이디 = HTML 문서 내에..