일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- @keyframes
- 코딩컨밴션
- 웹스크래핑
- CSS로딩
- vue-cli
- 구글스타일가이드
- 자기개발
- vueJS
- 로딩UI
- Vue.js
- 스타일가이드
- 자바스크립트
- html제거
- 뉴스수집
- 투두리스트
- MariaDB
- 구글CSS
- 개발회고
- css rule
- CSS애니메이션
- javascript
- vuejs입문
- python
- 파이썬
- css규칙
- 코딩규칙
- to do list
- google style guide
- 코딩가이드
- 프레임워크
- Today
- Total
목록object (2)
코드공부방

object는 연관되어 있는 데이터(변수)나 실행문(함수)를 모아놓을 수 있는 데이터 타입이다. 아래 자동차와 관련된 데이터들을 정의해놓고 console 창에 출력을 해보자. const brand = '현대'; const model = '펠리세이드'; const cc = 3000; //출력 함수 정의 function infoPrint(brand, model, cc){ console.log(`${brand} ${model} >> ${cc}cc`); } //호출 infoPrint(brand, model, cc); 잘 출력이 된다. 하지만 차량이 계속 추가 될 경우 위와 같이 데이터를 관리하면 차량이 많아질 수록 점점 힘들어진다. const car01brand = '현대'; const car01model = ..

JavaScript에서의 class 키워드는 ES6버전에 와서야 만들어졌다. class는 template라고도 불리기도 하는데 그 이유는 class자체적으로는 어떠한 데이터도 갖지 않으며 틀만 정의해둔다. 그리고 이 만들어진 틀(class)에 데이터를 넣어 만드는 것을 object라고 한다. (붕어빵 만드는 틀을 class, 그 틀에 데이터(팥 또는 슈크림 등)을 넣어 만든 붕어빵을 object라고 이해하면 좀 쉬운 것 같다.) 1. class 선언 (틀 제작) 아래는 새로 입고된 중고차를 DB에 입력 후 console에 출력하는 class를 선언한 것이다. class usedCar { //constructor constructor(brand, model){ // fields this.brand = br..