FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - Object Model 웹브라우저의 구성요소들은 하나하나 객체화 되어있습니다. 자바스크립트로 객체를 제어해서 웹브라우저를 제어하는것입니다. 이 객체들은 서로 계층적인 관계로 구조화되어있는데 BOM과 DOM은 이 구조를 구성하고 있는 가장 큰틀의 분류입니다. 해당 관계들을 그림으로 나타내면 위의 사진과 같습니다. 자바스크립트로 Object, Array, Function 객체들을 사용할수있는데 이것을통해 브라우저, GAS(구글어플리케이션스크립트), node.js 등을 제어할수있습니다. SUA 정보보안 멘토링에 참여하고 있습니다.

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 복제 전자화된 시스템의 가장 중요한 특징은 복제입니다. 현실의 사물과 다르게 전자화된 시스템 위의 데이터를 복제 하는데는 비용이 거의 들지 않습니다. 바로 이러한 특징이 소프트웨어를 기존의 산업과 구분하는 가장 큰 특징 중 하나 일겁니다. 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); /..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 원시 데이터 타입과 객체 데이터 타입이란 데이터의 형태를 의미합니다. 데이터 타입은 크게 두가지로 구분할 수 있습니다. 객체와 객체가 아닌 것. 아래는 객체가 아닌것들입니다. 숫자 문자열 불리언(true/false) null undefined 위 와 같이 객체가 아닌 데이터 타입을 원시 데이터 타입(primitive type)이라고 합니다. 그 외의 모든 데이터 타입들은 객체라고 말할 수 있습니다. - 레퍼객체 래퍼 객체란, 원시 데이터 형을 객체처럼 다룰 수 있도록 하기 위한 객체입니다. var str = 'coding'; console.log(str.length); // 6 console.log(str.charAt(0))..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 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..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 상속 객체는 연관된 로직들로 이루어진 작은 프로그램이라고 할 수 있습니다. 상속(inheritance)은 객체의 로직을 그대로 물려 받는 또 다른 객체를 만들 수 있는 기능을 의미합니다. 단순히 물려받는것도 있지만 기존의 로직을 수정하거나 변경해서 새로운 객체를 만들수있게 해주는 것이 상속의 주요 역할입니다. function Person(name){ this.name = name; this.introduce = function(){ return 'My name is '+this.name; } } var p1 = new Person('test'); console.log(p1.introduce()); 위의 예제 코드는 아래와 같..

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