FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - BOM(Browser Object Model) BOM(Browser Object Model)이란 웹브라우저의 창이나 프레임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단입니다. BOM은 전역객체인 Window의 프로퍼티와 메소드들을 통해서 제어할 수 있습니다. - 전역 객체 Window Window 객체는 모든 객체가 소속된 객체이고, 전역객체이면서, 창이나 프레임을 의미합니다 브라우저에서 윈도우 객체를 확인해볼수있습니다. console에서 window를 입력하면 위와같이 출력됩니다. document 와 navigateor, Array 속성들도 console에 입력하면 위와같은 출력값이 나옵니다. documen..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 복제 전자화된 시스템의 가장 중요한 특징은 복제입니다. 현실의 사물과 다르게 전자화된 시스템 위의 데이터를 복제 하는데는 비용이 거의 들지 않습니다. 바로 이러한 특징이 소프트웨어를 기존의 산업과 구분하는 가장 큰 특징 중 하나 일겁니다. var a = 1; var b = a; b = 2; console.log(a); // 1 결과는 당연합니다. 값을 변경한 것은 변수 b이기 때문에 변수 a에 담겨있는 값은 그대로입니다. 변수 b의 값에 변수 a의 값이 복제된 것입니다. 이를 그림으로 표시하면 아래와 같습니다. - 참조 var a = {'id':1}; var b = a; b.id = 2; console.log(a.id); /..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - Object란? Object 객체는 객체의 가장 기본적인 형태를 가지고 있는 객체입니다. 다시 말해서 아무것도 상속받지 않는 순수한 객체입니다. 자바스크립트에서는 값을 저장하는 기본적인 단위로 Object를 사용하고 있습니다. 동시에 자바스크립트의 모든 객체는 Object 객체를 상속 받는데, 그런 이유로 모든 객체는 Object 객체의 프로퍼티를 가지고 있습니다. Object.prototype.contain = function(neddle) { for(var name in this){ if(this[name] === neddle){ return true; } } return false; } var o = {'name':'t..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 표준 내장 객체 표준 내장 객체(Standard Built-in Object)는 자바스크립트가 기본적으로 가지고 있는 객체들을 의미합니다. 내장 객체가 중요한 이유는 프로그래밍을 하는데 기본적으로 필요한 도구들이기 때문입니다. 결국 프로그래밍이라는 것은 언어와 호스트 환경에 제공하는 기능들을 통해서 새로운 소프트웨어를 만들어내는 것이기 때문에 내장 객체에 대한 이해는 프로그래밍의 기본이라고 할 수 있습니다. 자바스크립트는 아래와 같은 내장 객체를 가지고 있습니다. Object Function Array String Boolean Number Math Date RegExp 이 내장 객체 중에서 배열이라는 것을 확장해보겠습니다...

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - prototype prototype은 원형정도로 변역되는 객체의 원형입니다.함수는 객체이기때문에 생성자로 사용될 함수도 객체입니다. 객체는 프로퍼티를 가질 수 있고 prototype이라는 프로퍼티는 그 용도가 약속되어있는 특수한 프로퍼티입니다. prototype에 저장된 속성들은 생성자를 통해서 객체가 만들어질 때 그 객체에 연결됩니다. - prototype chain prototype chain 의 개념은 예제를 먼저 보겠습니다. function Ultra(){} Ultra.prototype.ultraProp = true; function Super(){} Super.prototype = new Ultra(); functi..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - this this는 함수 내에서 함수 호출 맥락(context)를 의미합니다. 맥락이라는 것은 상황에 따라서 달라진다는 의미입니다. this는 함수가 어떻게 호출하느냐에 따라 가르키는 대상이 다릅니다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 연결점의 역할을 합니다. 함수를 호출했을 때의 this 는 무엇을 가르키는지 예제로 확인해보겠습니다. function func(){ if(window === this){ console.log("window === this"); } } func(); 이 예제에서의 this는 전역객체 window와 같습니다. 객체의 소속인 메소드의 this는 그 객체를 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - arguments 함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열이 있습니다. 이 배열에는 함수를 호출할 때 입력한 인자가 담겨있습니다. arguments는 함수안에서 사용할 수 있도록 그 이름이나 특성이 약속되어 있는 일종의 배열입니다. 예제로 살펴보도록 하겠습니다. function sum(){ var i, _sum = 0; for(i = 0; i < arguments.length; i++){ console.log(i+' : '+arguments[i]); _sum += arguments[i]; } return _sum; } console.log('result : ' + sum(1,2,3,4)); 함수 sum은 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - API 란? Application Programming Interface의 약자로, 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치입니다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있습니다. - 자바스크립트의 API 자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분됩니다. 자바스크립트 자체에서 제공하는 API 의 정보 ECMAScript (표준문서) 자바스크립트 사전 (생활코딩) 자바스크립트 레퍼런스 (MDN) jscript 레퍼런스 (MSDN) MDN은 파이어폭스에서 제공하는것입니다. 생활코딩에서 만든것은 한글화가되어있는데 MDN에..