바닐라코딩 사전학습/JS19 window.onload() JS는 코드를 순차적으로 읽어 들이는 프로그래밍 본연의 작동 방식과, 실행 이전에 여러 체크를 하지 않고 실행을 하는 인터프리터 언어적 특성으로 인해 작성 위치에 따라 에러를 발생시키기도 한다. hi 하지만 가독성이 떨어지므로 사용하는게 window.onload이다. window.onload 사용방법 hi 위의 코드와 같이 window.onload 함수를 오버라이딩(재정의)해주면 onload함수 내의 코드 스크립트는 웹브라우저 내의 모든 요소가 준비가 되어야만 실행이 되도록 할 수 있다. (웹브라우저 자체를 담당하는 window라는 객체가 웹 문서를 불러올 때, 문서가 사용되는 시점에 실행되는 onload라는 함수를 다시 재정의 한다는 개념이다.) window.onload와 페이지의 모든요소들이 로드되어.. 2021. 12. 30. underscore.js 라이브러리 Koans 퀴즈를 풀다가 var odd = _(numbers).filter(function (x) { return x % 2 !== 0 }); //.filter() _(numbers).filter ... 와 같은 _를 만나게 되었다. _는 언더바 라고 읽는데 MDN에서도 나오지 않았다. 구글링을 해보니 underscors.js라는 자바스크립트 라이브러리였다. underscore.js는 컬렉션, 배열을 처리하는데 유용한 라이브러리를 제공한다. underscore.js의 메서드들이 아래의 블로그에 잘 정리되어 있다. javascript underscore 언더스코어 정리 (tistory.com) javascript underscore 언더스코어 정리 언더스코어란? 용어설명 Context iteratee Co.. 2021. 12. 28. Prototype 객체 프로토타입이란? JS는 프로토타입 기반 언어이다. 모든 객체는 메서드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체를 가진다. 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메서드와 속성을 상속받을 수 있다. 그 상위 프로토타입 객체도 마찬가지이다. 이것을 프로토타입 체인(Prototype Chain)이라고 한다. 상속되는 속성과 메서드들은 정확히는 각 객체라 아니라 객체의 생성자의 prototype 속성에 정의되어 있다. JS에서는 객체 인스턴스와 프로토타입 간에 연결(생성자의 prototype속성에서 파생된 __proto__속성으로 객체 인스턴스에 구현하고 있다)이 구성되며 이 연결을 따라 프로토타입 체인을 타고 올라가며 속성과 메서드를 탐색한다. ** 객체의 prototype(Obj.. 2021. 12. 28. Windows 객체 Windown 객체란? windows 객체는 두 가지 역할을 한다. 브라우저 안의 모든 요소들이 소속된 객체로 최상위에 있기 때문에 어디서든 접근이 가능하다고 해서 '전역 객체' 라고도 부른다. 일반적으로 열고 있는 브라우저의 창(browser window)을 의미하고 이 창을 제어하는 다양한 메서드를 제공한다. 전역객체로써의 window window객체는 window라는 이름으로 접근할 수 있다. 콘솔에서 window를 쳐보면 window내의 다양한 프로퍼티들을 확인할 수 있다. var myName = 'Bono'; function getMyName() { return myName; } console.log(window.myName); // Bono console.log(window.getMyName(.. 2021. 12. 28. this의 4가지 역할 이 글은 [JS/this] 자바스크립트, this의 4가지 역할 :: Code Playground (tistory.com)를 참조해서 작성하였습니다. [JS/this] 자바스크립트, this의 4가지 역할 Javascript, This. 자바스크립트에는 this라는 키워드가 있다. this는 문맥에 따라서 다양한 값을 가지는 데, this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구별된다. this의 값들 im-developer.tistory.com JS에는 this 라는 키워드가 있다. this는 코드에 따라 다양한 값을 가지는데 this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구분된다. 1. 일반 함수 실행 방식 일반함수 실행 방식이란 함수를 선언한 후, 실행.. 2021. 12. 27. new 예약어 생성자 함수를 작성할 때 new 예약어를 사용해서 작성하게 된다. 그렇다면 new 예약어를 사용하면 무슨일이 일어나는걸까? new 예약어를 사용하면 새로운 빈 객체를 만든다 this를 새로 만들어진 객체에 bind한다 새로 만들어진 객체에 "__proto__""라 불리는 property를 더한다. 이것은 생성자함수의 prototype객체를 의미한다. return this를 함수의 끝에 추가한다. 때문에 객체는 함수로부터 return되어 만들어진 것이다. function Student(name, age) { this.name = name; this.age = age; } Student라는 생성자 함수를 만들었다. 이 함수는 name, age라는 두개의 파라미터를 가진다. 이 인자들은 this의 value에.. 2021. 12. 27. 이전 1 2 3 4 다음
