[JavaScript] 7. 배열의 개념과 사용 1. 배열의 개념 2. 배열의 사용 방법(1) new 키워드와 생성자 사용학(2) 배열 리터럴 사용하기 ([]) 3. 예제 코드(1) new 키워드와 생성자 사용하기 INDEX6.HTML 파일입니다. // 배열을 사용하는 방법 2가지를 살펴보자. // 배열을 선언할 때, new 키워드와 생성자를 사용해 배열을 생성할 수 있다. const numbers = new Array(1, 2, 3, 4, 5); Object.freeze(numbers); console.log(numbers[0]); numbers[0]=10000; console.log(numbers[0]..

[JavaScript] 6. 객체의 종류와 생성 방법 1. 자바스크립트에서의 객체(1) 객체의 개념-프로토타입: 객체의 속성과 메서드를 모아둔 틀 같은 것.-인스턴스: 프로토타입으로 찍어낸 객체를 의미하는 단어이다.=> 인스턴스는 프로토타입의 속성과 함수를 똑같이 사용한다.=>객체는 프로그래밍에서 데이터와 그 데이터를 다루는 동작(메서드)를 함께 묶어서 표현하는 자료구조이다. (2) 내장 객체의 개념-내장 객체(Built-in-Objects)는 자바스크립트 언어 자체에 내장되어 제공되는 객체들이다. 이런 객체들은 자바스크립트 프로그래밍에서 기본적인 기능을 제공하고, 모든 자바스크립트 환경에서 사용할 수 있다.  -내장 객체의 종류:ObjectStringArrayNumberFunctionDateMath(3..

[JavaScript] 5. ES6와 let 1. ES6의 주요 특징 2. let index3.html 파일

[JavaScript] 4. var 키워드와 호이스팅에 대한 이해 1. var 키워드와 호이스팅 2. ES6와 let,const 키워드(1) let 키워드(2) ES6의 주요 특징 3. 예제 코드(1) 호이스팅 확인하기 index1.html 자바스크립트 형변환에 대해서 살펴보자!  (2) 변수 호이스팅과 함수 호이스팅 index2.html 파일입니다!

[JavaScript] 3. 자바스크립트의 형변환 1. 자바스크립트의 형변환숫자형과 문자형을 더하면 숫자를 문자열로 인식한다.곱하기나 나누기, 나머지 연산에서는 문자형 자료를 모두 숫자로 자동 인식한다. 2. 예제 코드  index1.html 자바스크립트 형변환에 대해서 살펴보자!

[JavaScript] 2. 자바스크립트의 자료형과 연산자  1. 자바스크립트의 자료형 *자바스크립트 자료형의 특징느슨한 자료형 체크(weak datatype check)자바스크립트는 미리 변수의 자료형을 지정하지 않음변수를 지정하고, 원하는 값을 할당만 하면 됨자료형설명기본형number(숫자)따옴표 없이 표기한 숫자를 나타낸다.String(문자열)작은 따옴표(')나 큰 따옴표(")로 묶어 나타낸다.boolean(논리형)참(true)과 거짓(false)란 두 가지 값만 가진 유형이다.undefined자료형을 지정하지 않았을 때의 유형이다. (ex: 변수를 선언만 하고 값을 정의하지 않으면, undefined가 된다.)null값이 유효하지 않을 때의 유형이다.복합형array(배열)하나의 변수에 여러 값을 ..

[JavaScript] 1. 자바스크립트란? 1. 자바스크립트의 개념-자바스크립트는 웹 브라우저에서 동작하는 스크립트 언어 중 하나로, HTML-CSS와 함께 사용할 수 있게끔 고안되었다. 현재는 다양한 용도로 사용되고 있다.  2. 컴파일 언어 vs 인터프리터 언어(1) 컴파일 언어란?- (2) 인터프리터 언어란?-실행 시간에 소스 코드를 해석하여 실행되는 언어로, 코드를 컴파일하지 않고 바로 실행한다. JavaScript 엔진은 소스 코드를 바로 실행할 수 있는 중간 코드로 변환하는 Just-in-Time 컴파일러를 사용하여 코드를 해석하고 실행한다.*그러나 최근 JavaScript 엔진은 기계어 코드를 생성하는 옵티마이저를 갖추고 있어, 컴파일러 언어와 유사한 성능을 낼 수 있다. => 이러한 이유..