본문 바로가기

전체 글

 (104)
생성자?? class Employee{ constructor(name, dep, time, payRate){ this.name=name; this.dep=dep; this.time=time; this.payRate=payRate; } calculatePay(){ return this.time * this.payRate; } } class FullTimeEmployee extends Employee{ static payRate = 20000; constructor(name, dep, time){ super(name, dep, time, FullTimeEmployee.payRate); } } class PartTimeEmployee extends Employee{ static payRate = 10000; constr..
counter class Counter{ #value; //프라이빗 constructor(value){ if(isNaN(value)||value { this.#value++; } } class 클래스명{ #변수명; //private로 class 외부로 나가면 쓸 수 없다!? } const counter = new Counter(0); //0이 value로 이동 counter.increment();// 1번 쓰면 1 counter.increment();//2번 썻으니 2 console.log(counter.value);출력(값);..
상속! class Animal { constructor(color){ this.color = color; } eat(){ console.log('먹는다!'); } sleep(){ console.log('잔다!'); } } class Dog extends Animal{ play(){ console.log('놉니다!'); } } class Cat extends Animal{ constructor(color, name){ super(color); this.name = name; } // 오버라이딩 eat(){ console.log('맛있게 먹는다!'); } } const Rucy = new Dog('white'); console.log(Rucy); //Dog { color: 'white' } Rucy.eat(); /..
class //객체를 만드는 템플릿 1. 생성자 함수 2. 클래스 --> // static: 정적 프로퍼티 class Fruit{ static count_fruits = 0; constructor(name, emoji){//constructor? 자바의 생성자 this.name = name;//자바의 this this.emoji = emoji; } display = () => { console.log(`${this.name}: ${this.emoji}`); } static makebanana() { return new Fruit(`banana`, `🍌`); //클래스 레벨 메소드에서 this를 참조할 수 없음 } } //stw는 Fruit 클래스의 인스턴스 const stw = new Fruit('stw','🍓')..
object //dog 객체 let dog{ name:'루시', age:13, 'dog-weight':3.5,//특수문자를 사용할 때 ' '필요(-, . , ~등등...) ['dog-height]:0.8// 속성접근 } console.log(dog.name);//'루시', console.log(dog['age']);// 13, dog.family = '포메'; //필드 추가하기! dog객체,family키, 포메 값! console.log(dog.family);//포메 console.log(dog['family']);//포메 delete dog['dog-height'];//dog 객체, dog-height 키를 삭제! console.log(dog['dog-height']); // 삭제되고 출력할 때 undefined ..
css 기본1 CSS 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 CSS 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어
Css의시작 css(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 CSS문법 - HTML 문서 사이에 요소를 사용하여 적용하는 방법 3. 외부 스타일 웹 사이트 전체의 스타일을 하나의 파일에서 변경 예시 내부 스타일 내부 스타일 CSS를 적용하는 방법 인라인 스타일 내부 스타일 외부 스타일 ✅rel 현재 문서와 링크된 문서 사이의 연관관계를 명시 indent-rainbow - 들여쓰기를 컬러화시킨 익스 텐션 ✅선택자✅😁😁 1. 전체 선택자 스타일을 모든 요소에 적용 *{padding:0; margin:0; } *{} 모든요소에 다 적용 ✅ 개별적으로 적용한 스타일은 전체 선택자에서 적용한 스타일보다 우선시 한다. 2.요소 선택자..
object //dog는 객체이고, 어떤 클래스의 인스턴스도아니다. let dog = { name:'루시', age:13, 'dog-weight':3.5, //특수문자 쓸때 ''필요! ['dog-height']:0.8 //속성접근 } console.log(dog.name); console.log(dog['age']); dog.family = '포메'; //필드 추가하기 console.log(dog.family); console.log(dog['family']); delete dog['dog-height']; console.log(dog['dog-height']); console.log('------------------------'); // 동적으로 속성에 접근하고 싶을 때 // 동적으로 속성에 접근하고 싶을 때 f..

티스토리툴바