전체 글122 모던 자바스크립트 : 빌트인 객체 1. 자바스크립트 객체의 분류 a. 표준 빌트인 객체 표준 빌트인 객체 : ECMAScript 사양에 정의된 객체 애플리케이션 전역의 공통 기능 제공 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체이므로 자바스크립트 실행환경 관계 없이 언제나 사용 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공 => 별도의 선언 없이 전역 변수처럼 언제나 참조 가능 b. 호스트 객체 호스트 객체 : ECMAScript 사양에는 정의되지 않앗지만 자바스크립트 실행환경에서 추가로 제공하는 객체 브라우저 환경에서는 DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimationFrame, SVG, Web Storage, Web Component, WebWorker와 같은 클.. 2023. 11. 16. 모던 자바스크립트 : This 1. this 키워드 a. 객체와 메서드 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조 동작을 나타내는 메서드는 자신이 속한 객체의 상태인 프로퍼티를 참조하고 변경할 수 있어야함 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야함 객체 리터럴 방식으로 생성한 객체의 경우 메서드 내부에서 메서드 자신이 속한 객체를 가리키는 식별자를 재귀적으로 참조 가능 b. 메서드의 호출 메서드의 표현식이 평가되는 시점은 메서드가 호출되어 함수가 실행되는 시점 메서드가 호출되는 시점에 자신이 속한 객체 리터럴은 평가가 되어 객체가 생성되었기 때문에 메서드 내부에서 객체 식별자 참조 가능 하지만 자기 자신.. 2023. 11. 15. 네트워크 : 데이터 링크 계층 : 랜에서 데이터 전송하기 1. 데이터 링크 계층의 역할과 이더넷 a. 데이터 링크 계층 데이터 링크 계층은 랜에서 데이터를 주고받기 위해 필요함 네트워크 장비 간에 신호를 주고받는 규칙을 정하는 계층 랜에서 데이터를 정상적으로 주고받기 위해 필요한 계층 b. 이더넷이란? a-1. 이더넷 데이터 링크 계층에서 사용하는 규칙들 중 일반적으로 가장 많이 사용되는 규칙 랜에서 데이터를 정상으로 주고 받기 위해 적용되는 규칙 허브와 같은 장비에 연결된 컴퓨터와 데이터를 주고받을 때 사용 보내려는 데이터에 목적지 정보를 추가해 보내고 목적지 이외의 컴퓨터는 데이터를 받더라도 무시하게 되어있음 a-2. 데이터 충돌 충돌 : 컴퓨터 여러 대가 동시에 데이터 보내면 데이터 서로 부딫히는 것 이더넷은 여러 컴퓨터가 동시에 데이터 전송해도 충돌하지.. 2023. 11. 13. 모던 자바스크립트 : strict mode 1. strict mode란? a. 암묵적 전역 암묵적 전역 : 전역 스코프에도 x 변수의 선언이 존재하지 않으면 자바스크립트 엔진은 암묵적으로 전역 객체에 x 프로퍼티 동적 생성되고 전역객체의 x 프로퍼티는 전역 변수처럼 사용 가능 => 반드시 var, let, const 키워드 사용해서 변수 선언 b. ES5부터 strict mode(엄격 모드) 추가 strict mode는 자바스크립트 언어의 문법을 좀 더 엄격히 적용해 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러 발생 ES6부터 도입된 클래스와 모듈은 기본적으로 strict mode 적용 c. ESLint 같은 린트 도구 ESLint 같은 린트 도구를 사용해도 strict mo.. 2023. 11. 10. 모던 자바스크립트 : 프로토타입 2 7. 프로토타입 체인 a. Person 생성자 함수에 의해 생성된 me 객체는 Object.prototype의 메서드인 hasOwnProperty 호출 가능 me 객체가 Person.prototype 뿐만 아니라 Object.prototype도 상속 받았다는 것을 의미 me 객체의 프로토타입은 Person.prototype Person.prototype의 프로토타입은 Object.prototype b. 프로토타입 체인 프로토타입 체인 : 자바스크립트가 객체의 프로퍼티(메서드 포함)에 접근하려고 할 때 해당 객체에 접근하려는 프로퍼티가 없다면 [[Prototype]] 내부 슬롯의 참조를 따라 자신의 부모 역할을 하는 프로토타입의 프로퍼티를 순차적으로 검색하는 것 프로토타입 체인은 자바스크립트가 객체지향 프.. 2023. 11. 9. 모던 자바스크립트 : 프로토타입 프로포타입에 대해서 자바스크립트는? 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어 자바스크립트는 클래스 기반 객체 지향 프로그래밍 언어보다 효율적이고 더 강력함 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 잇는거의 모든 것이 객체 원시타입 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등) 모두 객체 ES6 클래스 클래스도 함수이며 기존 프로토타입 기반 패턴의 문법적 설탕 클래스를 프로토타입 기반 객체 생성 패턴의 단순한 문법적 설탕으로 보기보다는 새로운 객체 생성 매커니즘으로 봐야함 클래스와 생성자 함수는 모두 프로토타입 기반의 인스턴스를 생성하지만 정확히 동일하게 동작하지는 않음 클래스는 생성자 함수보다 엄격하며.. 2023. 11. 8. 이전 1 ··· 4 5 6 7 8 9 10 ··· 21 다음
