프론트엔드 개발자의 기록 공간

📖 학습 목차 10장_객체 리터럴 11장_원시 값과 객체의 비교 ✅ 객체 리터럴 ✍ 객체 리터럴에 의한 객체 생성 c++나 자바 같은 클래스 기반 객체지향 언어는 클래스를 사전에 정의하고 필요한 시점에 new 연산자와 함께 생성자를 호출하여 인스턴스를 생성하는 방식으로 객체를 생성한다. 자바스크립트는 프로토타입 기반 객체지향 언어로서 클래스 기반 객체지향 언어와는 달리 다양한 객체 생성 방법을 지원한다. 객체 리터럴 ( {} ) Object 생성자 함수 생성자 함수 Object.create 메서드 클래스(ES6) var, function과 같은 예약어를 프로퍼티 키로 사용해도 에러가 발생하지 않는다. 하지만 예상치 못한 에러가 발생할 여지가 있으므로 권장하지 않는다. var foo = { //프로퍼티들 ..

📖 학습 목차 07장_ 연산자 08장_ 제어문 (넘어감) 09장_ 타입 변환과 단축 평가 ✅ 연산자 지수 연산자 ES7에서 도입된 지수 연산자는 좌황의 피연산자를 밑으로, 우항의 피연산자를 지수로 거듭 제곱하여 숫자 값을 반환한다. // 기존 지수 연산 사용법 Math.pow(2, 2) // 4 // ES7 지수 연산자 2 ** 2 // 4 2 ** 0 // 1 ✅ 타입 변환과 단축 평가 ✍ 타입 변환 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라 한다.개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환 되는 것을 암묵적 타입 변환 또는 타입 강제 변환이라 한다. ✍ 단축 평가 논리합( || ) 또는 논리곱( &..

📖 학습 목차 04장_변수 05장_표현식과 문 (넘어감) 06장_데이터 타입 ✅ 변수 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않는다. (매니지드 언어) 메모리 주소를 통해 값에 직접 접근하는 것은 치명적 오류를 발생시킬 가능성이 높은 매우 위험한 일이다. 개발자의 실수로 사용하고 있는 값을 변경하면 시스템을 멈추게 하는 치명적인 오류가 발생할 수 있기 때문이다. 메모리 제어를 허용하더라도, 메모리 주소는 코드가 실행될 때 메모리의 상황에 따라 임의로 결정된다. 이는 동일한 컴퓨터에서 동일한 코드로 실행하더라도 동일한 메모리 주소는 아니기 때문에 의미가 없다. 따라서 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용하기 위해 변수라는 메커니즘을 제공한다..

📖 학습 목차 01장_프로그래밍 02장_자바스크립트란? 03장_자바스크립트 개발 환경과 실행 방법 ✅ Ajax 초창기 자바 스크립트는 웹페이지의 보조 기능을 수행하기 위한 용도로 사용되었다. 대부분의 로직은 웹 서버에서 실행되었고, 브라우저는 서버로부터 받은 HTML과 CSS를 단순 렌더링하는 수준이었다. 1999년, 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환하는 Ajax XMLHttpRequest라는 이름으로 등장했다. 초기의 웹페이지는 변경이 필요할 때, 서버로 부터 받은 HTML 파일을 교체하는 방식으로 렌더링이 진행 됐다. 때문에, 바뀌지 않아야 할 부분까지 다시 전송 받고 렌더링해야하기 때문에 불필요한 통신이 발생하고, 깜빡거림 등과 같은 성능적으로 이슈가 있었다. 하..