비동기 처리 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트 특성 콜백 나중에 호출할 함수를 의미 비동기 동작 스크립트 함수 비동기 동작 처리 예시 콜백함수 추가 전 function loadScript(src) { // 태그를 만들고 페이지에 태그를 추가합니다. // 태그가 페이지에 추가되면 src에 있는 스크립트를 로딩하고 실행합니다. let script = document.createElement('script'); script.src = src; document.head.append(script); } // loadScript(src)는 를 동적으로 만들고 이를 문서에 추가 // 해당 경로에 위치한 스크립트를 불러오고 '비동기적으로' 실행 // 실행은 함수가 ..
자바스크립트 객체의 분류표준 빌트인 객체: ECMAScript 사양에 정의된 객체이며, 애플레케이션 전역의 공통 기능을 제공한다.호스트 객체: JS실행환경 (브라우저 환경에선 WebApi or Node.js 환경에선 Node.js고유 API)에서 추가로 제공되는 객체사용자 정의 객체: 사용자가 직접 정의한 객체표준 빌트인 객체Object, String, Number, Boolean, Symbol, Date, Math, RegExp, Array, Map/Set, 등등의 표준 빌트인 객체가 존재원시값과 래퍼 객체const str = 'hello';// 원시 타입인 문자열이 프로퍼티와 메서드를 갖고 있는 객체처럼 동작한다.console.log(str.length); // 5console.log(str.toUp..
Object 생성자 함수 new 연산자와 함께 호출하여 객체를 생성하는 함수 생성자 함수 = new + function const person = new Object(); 인스턴스(instance) : 이때 생성된 객체 (person이 인스턴스) Object 외에도 String, Number, Boolean 등의 생성자 함수 제공 생성자 함수 객체 생성(빌트인) 생성자 // String 생성자 함수에 의한 String 객체 생성 const strObj = new String('Lee'); console.log(typeof strObj); // object console.log(strObj); // String {"Lee"} // Number 생성자 함수에 의한 Number 객체 생성 const numOb..
원시타입 변경 불가능한 값 (변경X, 삭제 및 생성) 변수가 아닌 값에 대한 진술 - 언제든 재할당으로 변수값을 변경할 수 있다. → 상수는 할당이 한번만 허용되어 값 변경 X 변수 재할당 시, 참조하던 메모리 공간 주소를 변경 후 새로운 메모리 공간에 재할당 한 원시 값 저장. (불변성) 문자열과 불변성 문자열은 유사 배열 객체이면서도 이터러블하여 배열과 유사하게 문자에 접근 가능 문자열은 원시 값이라 일부 문자를 변경하려고 해도 반영 X 예기치 못한 변경으로부터 자유로움 --> 데이터의 신뢰성 보장 변수에 새로운 문자열을 재할당하는 것은 가능 값에 의한 전달 재할당을 할 때 변수가 아닌 값이 이동한다. var score = 80; var copy = score; console.log(score, co..
데이터 타입 종류 원시 숫자(Number) 문자열(String) 불리언(Boolean) Undefined null 심벌(Symbol) 객체 객체(Object) 함수(Function) 배열(Array) 숫자(Number) JS는 하나의 숫자 타입만 존재 (int, log, float 없음) console.log(1 === 1.0); // true 모든 수를 실수로 처리 배정밀도 64비트 부동소수점 형식 숫자를 표현할 때 부호 비트, 지수, 가수부분으로 나누어서 숫자를 표현하기 때문에 오차가 발생할 수도 있음 (실수를 정확히 표현하지는 못함) 특별한 값 (Infinity, NaN) // 숫자 타입의 세 가지 특별한 값 console.log(10 / 0); // Infinity console.log(10 / ..