전체 글(82)
-
#30 자바스크립트에서 this 사용하기
this는 사전적 의미는 이것이지만 자바스크립트에서는 누가 나를 호출했느냐란 의미로 this가 어떻게 쓰여 졌느냐에 따라 달라진다는 것 입니다. 1. this를 단독으로 사용할 경우 // this를 단독 호출하는 경우 global object를 가리킵니다. var x = this; document.write(x); // 결과 : [object Window] 2. this를 함수 안에서 사용할 경우 // ===== 함수의 주인인 [object Window] 에게 바인딩이 됩니다. ===== function myFun() { return this; } document.write(myFun()); // 결과 : [object Window] // ===== addNum() 함수에서 this.num을 선언하여 실..
2023.07.20 -
#29 자바스크립트에서 Object.assign() 메소드를 이용한 객체를 생성 및 create()와 차이점
Object.assign()은 소스 개체에서 대상 개체로 모든 열거 가능한 속성과 자체 속성을 복사하고, 대상 객체를 반환합니다. 즉, 소스 개체의 열거 가능한 고유 속성을 대상 개체에 할당 할 수 있고 개체를 복제하거나 개체를 병합할 수 있습니다. Object.assign(target, ...sources)는 target이 빈객체{}가 아닐 경우, 반환 받은 값을 저장한 새로운 변수는 target과 참조값을 공유한다. 1. Object.assign() 사용법 var my_obj = {color: 'red'}; // my_obj 개체에서 열거 가능한 속성과 자체 속성을 cloned_my_obj에 복사 var cloned_my_obj = Object.assign({}, my_obj ); 2. Object...
2023.07.20 -
#28 자바스크립트에서 Object.create() 메소드를 이용한 객체를 생성
Object.create() 메소드를 이용하여 객체를 생성할 수도 있습니다. Object.create() 메소드는 지정된 프로토타입(prototype) 객체와 프로퍼티를 가지고 새로운 객체를 만들어 줍니다. 따라서 이 메소드를 이용하면 사용자가 프로토타입 객체를 직접 명시할 수 있으므로, 상당히 유용하게 사용됩니다. 문법 Object.create(프로토타입객체[, 새로운객체의프로퍼티1, 새로운객체의프로퍼티2, ...]); Object.create() 메소드의 첫 번째 인수로는 프로토타입으로 사용할 객체를 전달합니다. 두 번째 인수로는 새로운 객체의 추가할 프로퍼티 정보를 전달합니다. var obj = Object.create(null, { // null 프로토타입을 사용하여 새로운 객체를 만들고 x: {..
2023.07.19 -
#27 자바스크립트에서 객체(object)정의 및 사용법... property , method 사용법
객체(object)란 자바스크립트의 기본 타입(data type)이다. 쉽게 말해서 사물를 치칭하는 개체, 즉... 개 , 돼지 , 자동차 이런 것을 개체라고 보면 이해하기가 쉬울 것이다. 예시) 객체(object)를 개(dog)라고 예를 들어보자. 프로퍼티(property) : 객체란 이름(name)과 값(value) 등으로 구성된 정렬되지 않은 집합 dog.name = "메리"; //개 이름 dog.breed = "진돗개"; // 개 품종 dog.age = 5; // 개 나이 dog.weight = 8; // 개 몸무게 메소드(method) : 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method) dog.woof(); //개가 '멍멍' 소리 내기 dog.eat(); // ..
2023.07.19 -
#26 자바스크립트에서 전달 받은 객체의 값을 문자열로 반환 하는 String() 함수 사용법
String() 함수는 전달받은 객체의 값을 문자열로 반환함. 문법 String(객체); 예시 a = String(123); // 123 b = String(123.456); // 123.456 c = String("123"); // 123 d = String(new Date()); // 현재 날짜에 해당하는 문자열을 반환함. e = String(null); // null f = String(true); // true g = String(false); // false h = String(Boolean(1)); // true i = String(Boolean(0)); // false document.write(a + ""); document.write(b + ""); document.write(c + ""..
2023.07.19 -
#25 자바스크립트에서 특정 문자들을 16진법 문자로 변환하는 escape() 함수 사용법
※ 주의사항! : escape() 함수는 자바스크립트 1.5버전부터 더는 지원하지 않으므로, encodeURI() 함수나 encodeURIComponent() 함수를 대신 사용해야 합니다. escape() 함수는 전달받은 문자열에서 특정 문자들을 16진법 이스케이프 시퀀스 문자로 변환함. unescape() 함수는 전달받은 문자열에서 escape() 함수나 다른 방법으로 만들어진 16진법 이스케이프 시퀀스 문자를 원래의 문자로 변환함. 문법 escape("변환할문자열"); unescape("원래대로변환할문자열"); 예시 var str = "안녕하세요?#$"; var esc = escape(str); var une = unescape(esc); document.write("변환 문자열 : "+ esc); ..
2023.07.19