반응형 JavaScript18 [JavaScript] 식별자 네이밍 규칙 목차 식별자 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름 식별자 네이밍 규칙 - 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러($)를 포함할 수 있다. - 단, 식별자는 특수문자를 제외한 문자, 언더스코어(_), 달러($)로 시작해야한다. (숫자로 시작하는 것은 허용하지 않음) - 예약어는 식별자로 사용할 수 없다. 예약어 프로그래밍 언어에서 사용되고 있거나 사용될 예정인 단어 (자바스크립트 : await, function, if 등) 자바스크립트 예약어 네이밍 컨벤션 하나 이상의 영어 단어로 구성된 식별자를 만들 때 가독성 좋게 단어를 한눈에 구분하기 위해 규정한 명명 규칙 🐪카멜 케이스 (camelCase) 첫 단어의 첫 문자는 소문자로, 그 이후 단어의 첫 문자는 대문자 작성 let .. 2023. 3. 17. [JavaScript] 프로토타입 체인 프로토타입 체인 자바스크립트는 객체의 프로퍼티(메서드 포함)에 접근하려고 할 때 해당 객체에 접근하려는 프로퍼티가 없다면 [[Prototype]] 내부 슬롯의 참조를 따라 자신의 부모 역할을 하는 프로토타입의 프로퍼티를 순차적으로 검색한다. 이를 프로토 타입 체인이라한다. 객체 지향 프로그래밍의 특성 중 상속을 JavaScript에서 구현할 때에는 프로토타입 체인을 사용한다. Object에 정의되어 있는 메서드를 person1에서 호출하면 아래와 같은 과정으로 메서드를 검색한다. 1. person1 객체가 valueOf() 메서드를 가지고 있는지 체크한다. 2. person1 객체가 valueOf() 메서드가 없다 → person1의 프로토타입 객체 Person.prototype에 valueOf() 메서.. 2023. 3. 16. [JavaScript] Prototype 프로토타입 원형 객체를 의미하며, JavaScript는 프로토타입 기반 언어 Human이라는 클래스와 인스턴스, 그리고 프로토타입의 관계 class Human { constructor(name, age) { this.name = name; this.age = age; } sleep() { console.log(`${this.name}은 잠에 들었습니다.`); } } let kimcoding = new Human('김코딩', 30); console.log(Human.prototype.constructor === Human); // true // Human 클래스의 생성자 함수는 Human console.log(Human.prototype === kimcoding.__proto__); // true // u.. 2023. 3. 15. 객체 지향 프로그래밍 객체 지향 프로그래밍 (OOP, Object Oriented Programming) ❓ 실세계에 존재하고 인지하고 있는 객체(Object)를 소프트웨어의 세계에서 표현하기 위해 객체의 핵심적인 개념 또는 기능만을 추출하는 추상화(abstraction)를 통해 모델링하려는 프로그래밍 패러다임 객체 지향 프로그래밍 4가지 주요 개념 객체 지향 프로그래밍 4가지 주요 개념 Encapsulation(캡슐화) ➡️ 코드가 복잡하기 않게 만들고, 재사용성을 높임 데이터(속성)과 기능(메소드)을 하나의 객체 안에 넣어서 묶는 것 Loose Coupling(느슨한 결합)에 유리 : 코드가 상징하는 실제 모습과 닮게 코드를 모아 결합하는 것 (ex, 마우스의 속성(property)으로 정하고 클릭, 이동을 메소드(met.. 2023. 3. 15. 이전 1 2 3 4 5 다음 반응형
