반응형

Language 34

[JS] 객체 다루기

객체 프로퍼티의 삭제 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...

Language/Javascript 2022.02.24

[JS] 프로토타입

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

Language/Javascript 2022.02.24

[JS] 객체

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

Language/Javascript 2022.02.24

[JS] 함수

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

Language/Javascript 2022.02.24

[JS] 변수

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

Language/Javascript 2022.02.24

[JS] 데이터 타입

1. 숫자(number): 정수와 실수를 구분하지 않고 모든 수를 실수 하나로만 표현한다 2. 문자열(string): 문자열은 큰따옴표나 작은 따옴표로 둘러싸인 문자의 집합을 의미 숫자와 문자열을 더할 수도 있으며 더하면 숫자를 문자열로 자동 변환한다. 3. 불리언(boolean): 불리언은 참과 거짓을 표현한다. true와 false로 표현이 가능하다. 4. 심볼(symbol) : ECMAScript 6부터 제공됨 심볼은 유일하고 변경할 수 없는 타입으로, 객체의 프로퍼티를 위한 식별자로 사용할 수있다. *typeof 연산자는 피연사자의 타입을 반환하는 피연산자가 단 하나뿐인 연산자 이다.* 5. undefined 자바 스크립에서는 null이란 object의 타입이며, 아직 값이 정해지지 않은 것을 의..

Language/Javascript 2022.02.24

[JS] 명시적 데이터 타입의 변환

1. Number() 2. String() 3. Boolean() 4. Object() 5. parseInt(): 문자열을 숫자로 반환 6. parseFloat(): 문자열을 숫자로 반환 1. toExponential() : 정수부분은 1자리, 소수부분은 오일러 표기법을 사용하여 숫자를 문자열로 반환 2. toFixed(): 소수 부분을 입력받은 수 만큼 사용하여 숫자를 문자열로 반환 3. toPrecision(): 입력받은 수만큼 유효자릿수를 사용하여 숫자를 문자열로 반환 -날짜 반환 방식- 1. getDate() 2. getDay() 3. getFullYear() 4. getMonth() 5. getTime() 6. getHours() 7. getMinutes() 8. getSeconds() 9. g..

Language/Javascript 2022.02.21

[JS] 자바스크립트?

자바스크립트는 객체 기반의 스크립트 언어 자바스크립트로는 웹의 동작을 구현할 수 있다. 자바스크립트는 주로 웹 브라우저에서 사용되나, NODE JS와 같은 프레임워크를 사용하여 서버측 프로그램밍에서도 사용할 수 있다. 웹 브라우저는 현재 자바스크립틔 인터프리터 언어가 내장되어 있습니다. 1. 자바 스크립트는 객체 기반의 스크립트 언어 2. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어입니다. 3. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있도록 설계되어있다. 자바와 자바 스크립트는 완전히 다른 언어이다.

Language/Javascript 2022.02.21
반응형