코딩하는라민

[JavaScript] 클래스와 접근자 프로퍼티(getter함수, setter함수) 📌 접근자 프로퍼티란? 데이터 프로퍼티의 값을 읽거나 저장할 때 사용하는 접근자 함수로 구성된 프로퍼티이다. 접근자 함수에는 getter 함수와 setter 함수가 있다. 📌 getter 함수 getter 함수는 프로퍼티를 읽으려고 할 때 실행된다. 예를 들어서 콘솔창에 값을 출력해본다거나, 참조할 때 사용한다. class Cafe { constructor(menu){ this.menu = menu } get menu(){ return `${this._menu}를 주문하시겠습니까?`; } set menu(value){ this._menu = value; } } const cafe = new Cafe('milk'); con..

[JavaScript] 클래스 📌 클래스란? 클래스는 객체를 생성하는 일을 한다. 그냥 객체를 생성하는 것이 아닌 `재사용 가능한 객체`를 생성한다. 즉, 클래스는 마치 붕어빵틀과 같은 역할을 하는 것! MDN 에서는 클래스를 객체를 생성하기 위한 템플릿이라고 정의하고 있다. 📌 클래스는 언제 등장했나? ES6 이후 등장 ES5 의 클래스 의미와는 다른 문법과 의미를 가진다. 📌 클래스 정의 클래스를 정의할 때는 `파스칼 케이스`를 사용해야 한다. 즉, 클래스명은 대문자로 시작해야 한다. class City { ... } 📌 클래스를 정의하는 방식 클래스를 정의하는 방식에는 `class 선언 방식`과 `class 표현식 방식` 두 가지 방법이 있다. // 선언 방식 class City { } // 표현식..

태그의 우선순위 ( ID & Class 선택자 ) 1. ID 선택자 & Class ID 선택자 : # - Id는 유일한 값. - 한개만 적용 가능(같은 id를 다른 데에 사용 불가능) Class : . - id 와 달리 같은 class 를 여러 개 적용 가능 → 공통 적인 것의 속성을 변경할 때 사용 ID Class #wrap{ width: 100px; height: 100px; background-color: pink; } .wrap{ width: 100px; height: 100px; background-color: skyblue; } 2. BOX - 보이지 않는 상자 - 감싸는 역할만 한다. - box : 아래로 쌓이는 것이 특징(Block 속성) - 홈페이지의 레이아웃을 div 로 뼈대를 잡고 시..