728x90 반응형 JavaScript21 [JS완벽가이드] 객체와 프로토타입 자바스크립트 완벽가이드(데이비드 플래너건 저) 원문 6.1 객체 소개 객체는 복합된 값입니다. 객체는 여러 가지 값(기본 값이나 다른 객체)을 모아서 이름을 통해 값을 저장하고 가져올 수 있게 합니다. 객체는 프로퍼티의 순서 없는 집합이며 각 프로퍼티에는 이름과 값이 있습니다. 프로퍼티 이름은 보통 문자열이므로(6.10.3절에서 설명하겠지만 프로퍼티 이름은 심벌일 수도 있습니다) 객체가 문자열에 값을 연결한다고 볼 수도 있습니다. 이렇게 문자열과 값을 연결하는 동작을 표현하는 이름은 다양합니다. 다른 언어에서 기본적인 데이터 구조를 '해시', '해시 테이블', '딕셔너리', 연관 배열 같은 이름으로 부르는 데 이미 익숙할 수도 있습니다. 하지만 객체는 단순히 문자열과 값을 연결한 것이 아닙니다. 자바스크.. 2023. 9. 13. 자바스크립트 전파 개념 파악하기 Event: eventPhase property 버튼만 눌렀지만 브라우저 입장에선 상위 요소까지 다 눌렀다고 인식함 ! 전파금지 : 성능보단 원하지 않는 이벤트 처리금지하게 하기. (배너안에 버튼있는데 버튼누르면 배너까지 실행되게 하는거 방지 ! ) eventPhase 링크 Event.NONE (0) 현재 이벤트가 처리되고 있지 않습니다. Event.CAPTURING_PHASE (1) 이벤트가 대상의 상위 개체를 통해 전파되고 있습니다. 이 프로세스는 대상의 부모에 도달할 때까지 요소를 통해 , , , 로 Window시작 Document합니다 . 가 호출되었을 때 캡처 모드에 등록된 이벤트 리스너는 이 단계에서 트리거됩니다. HTMLHtmlElementEventTarget.addEventListener() ※ 현대의 브라우저는 CAPTURING_PHA.. 2023. 8. 31. [JS완벽가이드] new 연산자 자바스크립트 완벽가이드(데이비드 플래너건 저) new 연산자는 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성한다. 6.2.2 new new 연산자는 새 객체를 생성하고 초기화합니다. new 키워드 뒤에는 반드시 함수 호출이 있어야 합니다. 이런 형태로 사용하는 함수를 생성자라고 부르고, 새로 생 성된 객체를 초기화하는 목적으로 사용합니다. 자바스크립트의 내장 타입에도 생성자가 있습니다. 예를 들어 다음을 보십시오. let 0 = new Object(); // 빈 객체를 만듭니다. {}와 같습니다. let a = new Array(); // 빈 배열을 만듭니다. []와 같습니다. let d = new Date(); // 현재 시간을 나타내는 Date 객체를 만듭니다. let r = new .. 2023. 8. 31. [JS완벽가이드] 목차 및 1장 스터디 자바스크립트 완벽가이드(데이비드 플래너건 저) 우선 간단하게 목차를 살펴보자. 1장 자바스크립트 소개 2장 어휘 구조 3장 타입, 값, 변수 4장 표현식과 연산자 5장 문 6장 객체 7장 배열 8장 함수 9장 클래스 10장 모듈 11장 자바스크립트 표준 라이브러리 12장 이터레이터와 제너레이터 13장 비동기 자바스크립트 14장 메타프로그래밍 15장 웹 브라우저의 자바스크립트 16장 노드와 서버 사이드 자바스크립트 17장 자바스크립트 도구와 확장 1장에서는 이 책의 가이드를 제시해준다. 우선 1장~9장까지는 자바스크립트의 기본적인 문법과 기능에 대한 소개이다. 저자는 10장부터는 독립적인 장이며 순서에 상관없이 학습해도 좋다고 소개한다. 즉, 1장~9장까지는 순서대로 읽되 10장 이후에는 필요한 부분을 찾.. 2023. 8. 31. [JS완벽가이드] 공부시작 자바스크립트 완벽가이드(데이비드 플래너건 저) 웹 프론트엔드 엔지니어의 바이블이라 불리는 책이다. 앞으로 개발을 하면서 수많은 언어들을 자연스레 거치겠지만 자바스크립트 하나만큼은 잘안다라고 말할 수 있을 정도의 실력을 갖고 싶었다. 그것을 목표로 해서 이 책을 구매하고 오늘부터 학습에 들어가기로 했다. 구매는 뭘로? 종이책? 전자책? E-book을 보기 전까지 종이책 신봉자였지만 출퇴근길에 스마트폰으로 간편하게 볼 수 있는 E-book의 장점을 알게 된 뒤 왠만한 책은 E-book으로 보게 되었다. 그리고 E-book의 특장점은 역시 검색기능이다. 자바스크립트의 백과사전같은 책인 만큼 검색이 많이 쓰일 것 같아 E-book으로 구매했다. 가격도 10%정도 저렴했다ㅎ 책 살펴보기 어떤 책이든 가장 먼저 저.. 2023. 8. 30. JavaScript 데이터 Part 3. JavaScript Level up Ch 1. JS 데이터 01. 문자 리터럴(Literal)이란? 리터럴은 데이터(값) 그 자체를 뜻한다. 즉, 변수에 넣는 변하지 않는 데이터를 의미하는 것. const a = 1; 여기서 a는 상수이고, 1은 리터럴이다. 리터럴 표기법이란? 코드 상에서 데이터를 표현하는 방식을 리터럴이라 하고, 객체지향언어에서는 객체의 리터럴 표기법을 지원한다. 리터럴표기법이란, 변수를 선언함과 동시에 그 값을 지정해주는 표기법을 말한다. //리터럴 표기법 var no = 3; var obj = { name: 'JY', age: 20 }; // 객체리터럴 방식으로 만든 객체 const str = '0123' console.log(str) // 0123 console.l.. 2023. 6. 19. 이전 1 2 3 4 다음 728x90 반응형
