모던 JavaScript 튜토리얼

자바스크립트란?매뉴얼과 명세서코드 에디터개발자 콘솔Hello, world!코드 구조엄격 모드변수와 상수자료형alert, prompt, confirm을 이용한 상호작용형 변환기본 연산자와 수학비교 연산자if와 '?'를 사용한 조건 처리논리 연산자null 병합 연산자 '?

자바스크립트란브라우저에는 '자바스크립트 가상 머신'이라 불리는 엔진이 내장되어 있음(ex. V8, SpiderMonkey 등)엔진의 동작 원리1\. 파싱 : 엔진이 스크립트를 읽음2\. 컴파일 : 읽어 들인 스크립트를 기계어로 전환3\. 실행 : 기계어로 전환된 코드

2.1 Hello, world!

if (…) 문은 괄호 안의 표현식을 평가하고 그 결과를 불린값으로 변환'물음표(question mark) 연산자’라고도 불리는 '조건부(conditional) 연산자’를 사용하면 더 짧고 간결하게 변형할 수 있음let result = condition ? value1

요약스크립트 실행이 중단되는 경우는 다음과 같습니다.중단점을 만났을 때debugger문 만났을 때에러가 발생했을 때(개발자 도구가 열려있고 버튼이 '활성화’되어있는 경우)스크립트 실행이 중지되면 중단 시점을 기준으로 변수에 어떤 값이 들어가 있는지 확인할 수 있습니다

요약객체는 몇 가지 특수한 기능을 가진 연관 배열(associative array)입니다.객체는 프로퍼티(키-값 쌍)를 저장합니다.프로퍼티 키는 문자열이나 심볼이어야 합니다. 보통은 문자열입니다.값은 어떤 자료형도 가능합니다.아래와 같은 방법을 사용하면 프로퍼티에 접근

자바스크립트는 원시값(문자열, 숫자 등)을 마치 객체처럼 다룰 수 있게 해주기 때문에 객체에서처럼 메서드를 호출할 수 있음하지만 원시값이 객체는 아니라는 점을 상기원시값 : 원시형 값.원시형의 종류는 문자(string), 숫자(number), bigint, 불린(boo

배열은 특수한 형태의 객체로, 순서가 있는 자료를 저장하고 관리하는 용도에 최적화된 자료구조입니다.선언 방법:new Array(number)을 호출하면 길이가 number인 배열이 만들어지는데, 이 때 요소는 비어있습니다.length 프로퍼티는 배열의 길이를 나타내줍니

요약맵은 키가 있는 값이 저장된 컬렉션입니다.주요 메서드와 프로퍼티:new Map(iterable) – 맵을 만듭니다. key,value쌍이 있는 iterable(예: 배열)을 선택적으로 넘길 수 있는데, 이때 넘긴 이터러블 객체는 맵 초기화에 사용됩니다.map.set

📚 참고 : javascript.info

6.4 오래된 'var' 6. 6. 6. 6. 📚 참고 : javascript.info

📚 참고 : javascript.info

객체 프로퍼티는 값(value) 과 함께 플래그(flag)라 불리는 특별한 속성 세 가지를 갖습니다. \- writable – true이면 값을 수정할 수 있습니다. 그렇지 않다면 읽기만 가능합니다. \- enumerable – true이면 반복문을 사용해 나열할

자바스크립트의 객체는 명세서에서 명명한 \[\[Prototype]]이라는 숨김 프로퍼티를 갖습니다. 이 숨김 프로퍼티 값은 null이거나 다른 객체에 대한 참조가되는데, 다른 객체를 참조하는 경우 참조 대상을 '프로토타입(prototype)'이라 부릅니다.

8.3 네이티브 프로토타입 8.4 프로토타입 메서드와 __proto__가 없는 객체 📚 참고 : javascript.info

9.1 클래스와 기본 문법 9.2 클래스 상속 9.3 정적 메서드와 정적 프로퍼티

9.4 private, protected 프로퍼티와 메서드 9.5 내장 클래스 확장하기 9.6 'instanceof'로 클래스 확인하기 9.7 믹스인