까만 창에 개발 블로그

1. HTML 태그 이름(tag name)을 이용한 선택 getElementsByTagName 2. 아이디(id)를 이용한 선택 getElementById 3. 클래스(class)를 이용한 선택 getElementsByClassName 4. name 속성(attribute)을 이용한 선택 getElementsByName 5. CSS 선택자(selector)를 이용한 선택 querySelectorAll 6. HTML 객체 집합(object collection)을 이용한 선택 document.

1. Array.isArray() 문자열인지 아닌지 검사 2. Array.from() - 배열과 비슷한 객체(array-like objects) : length 프로퍼티와 인덱스 된 요소를 가지고 있는 객체 - 반복할 수 있는 객체(iterable objects) : Map과 Set 객체 및 문자열과 같이 해당 요소를 개별적으로 선택할 수 있는 객체 1. push(): 배열의 가장 마지막에 추가 -> stack 구조, queue구조로 활용 2. pop(): 배열의 가장 마지막을 제거 -> stack 구조 3. shift():배열의 가장 마지막 요소를 제거하고 제거된 요소를 반환, 실행할때마다 배열의 길이가 하나씩 줄어든다 -> queue구조 활용 4. unshift(): 하나 이상의 요소를 배열의 가장 ..

모든 String 인스턴스는 String.prototype으로부터 메소드와 프로퍼티를 상속받습니다. 이렇게 상속받은 String.prototype 메소드를 이용하면, 다음과 같은 문자열 작업을 할 수 있습니다. 항상 인덱스는 0부터 시작함 a b c D E F a b c 0 1 2 3 4 5 6 7 8 1. 문자열에서의 위치 반환 - indexOf(): 문자열이 처음으로 등장하는 위치 - lastIndexOf(): 문자열이 마지막으로 등장하는 위치 없으면 -1을 반환 2. 문자열에서 지정된 위치에 있는 문자 반환: String 인스턴스에서 전달받은 인덱스에 위치한 문자나 문자 코드를 반환 - charAt() - charCodeAt() - charPointAt() 3. 문자열 추출 - slice(index..

1. Number.parseFloat() Number.parseFloat() 메소드는 문자열을 파싱(parsing)하여, 문자열에 포함된 숫자 부분을 실수 형태로 반환합니다.문자열에 여러 개의 숫자가 존재하면, 그중에서 첫 번째 숫자만을 실수 형태로 반환합니다. 2. Number.parseInt() Number.parseInt() 메소드는 문자열을 파싱하여, 문자열에 포함된 숫자 부분을 정수 형태로 반환합니다. 문자열에 여러 개의 숫자가 존재하면, 그중에서 첫 번째 숫자만을 정수 형태로 반환합니다. 3. Number.isNaN() Number.isNaN() 메소드는 전달된 값이 NaN인지 아닌지를 검사합니다. 이 메소드는 전역 함수인 isNaN() 함수가 가지고 있던 숫자로의 강제 변환에 따라 발생하는 ..

1. hasOwnProperty() hasOwnProperty() 메소드는 특정 프로퍼티가 해당 객체에 존재하는지를 검사합니다. 해당 객체에서 직접 선언된 프로퍼티만을 검사하며, 같은 이름의 프로퍼티라도 상속받은 프로퍼티는 false 값을 반환합니다. 2. propertyIsEnumerable() propertyIsEnumerable() 메소드는 특정 프로퍼티가 해당 객체에 존재하고, 열거할 수 있는 프로퍼티인지를 검사합니다. 즉, 이 메소드는 hasOwnProperty() 메소드의 결과가 true이면서, 동시에 열거할 수 있는 프로퍼티인지를 검사합니다. 3. isPrototypeOf() isPrototypeOf() 메소드는 특정 객체의 프로토타입 체인에 현재 객체가 존재하는지를 검사합니다. 4. isE..

객체 프로퍼티의 삭제 delete 객체이름.프로퍼티이름; 객체 프로퍼티의 순환 for / in 문은 객체의 모든 열거할 수 있는 프로퍼티(enumerable properties)를 손쉽게 순회 function Dog(color, name, age) { this.color = color; this.name = name; this.age = age; } var myDog = new Dog("흰색", "마루", 1); // color 프로퍼티의 enumerable 속성을 false로 설정함. Object.defineProperty(myDog, 'color', {enumerable : false} ); // 객체가 가진 고유 프로퍼티 중에서 열거할 수 있는 프로퍼티 이름을 배열에 담아 반환함. document...

자바스크립트는 컴파일 언어들과 다르게 프로토타입 기반의 객체 지향 언어이다. 상속의 개념이 클래스 기반의 객체 지향 언어와는 약간 다른데 자바스크립테서는 현재 존재하고 있는 객체를 프로토타입으로 사용하여, 해당 객체를 복제하여 재사용하는 것을 상속이라고 한다. 자바스크립트에서는 모든 객체는 프로토타입이라는 객체를 갖고 있다. 모든 객체는 그들의 프로토타입으로 부터 프로퍼티와 메소드를 상속받게된다. 이처럼 자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로 부터 상속 받으며, 이때 상속되는 정보를 제공하는 객체를 프로토타입이라고 한다. 생성자를 통해 생성된 객체도 모두 같은 프로토타입을 갖게 된다. Object.prototype 객체는 이러한 프로토타입 체인에서도 가장 상위에 존재하는 프로토타입입니..

자바 스크립트의 기본 타입은 객체 이다. 객체는 이름과 값으로 구성된 프로퍼티의 정렬되지 않는 집합이다. 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드라고 한다. var person = { name: "홍길동", // 이름 프로퍼티를 정의함. birthday: "030219", // 생년월일 프로퍼티를 정의함. pId: "1234567", // 개인 id 프로퍼티를 정의함. fullId: function() { // 생년월일과 개인 id를 합쳐서 주민등록번호를 반환함. return this.birthday + this.pId; } }; person.name // 홍길동 person["name"] // 홍길동 객체를 생성하는 방법은 리터럴 표기를 이용하여 할수 있는데 위에 보이는 예시..

자바스크립트에서는 함수도 하나의 데이터 타입이다. 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는것도 가능하다. 자바스크립트에서 객체나 함수는 모두 변수이다. 변수의 유효 범위(scope)란 해당 변수가 접근할 수 있는 변수, 객체 그리고 함수의 집합을 의미한다. 1. 지역 변수 - 함수내에서 선언된 변수를 가르킨다. - 함수 내에서만 유효하며, 함수가 종료되면 메모리가 사라진다 자바스크립트에서는 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류를 발생시킵니다. 하지만 선언되지 않은 변수에 대한 typeof 연산자의 결괏값은 undefined 값을 반환합니다. 2. 전역 변수 - 함수 외부에서 선언된 변수를 가르킨다. - 이러한 전역 변수는 프로그램의 어느 영역에나 점근 할 수 있으면 웹..

자바스크립트에서는 var을 사용하여 기본적으로 변수를 선언한다. 자바스크립트에서 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생한다. 단, 선언되지 않은 변수를 초기화 할 경우에는 자동으로 선언을 먼저한 후에 초기화를 진행한다. var month; // 변수의 선언 var date = 25; // 변수의 선언과 동시에 초기화 month = 12; // 변수의 초기화 변수의 타입과 초깃값 자바스크립트의 변수는 타입이 정해져 있지 않으며 , 같은 변수에 다른 타입의 값을 다시 대입할 수도 있다. 이렇게 한 변수에 다른 타입의 값을 여러번 대입할 수있지만, 한번 선언된 변수는 변수를 재 선언할 수는 없다. 자바스크립트에서는 선안만 되고 초기화하지 않은 변수는 undefined값을 갖습니다...