FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - Navigator 객체 Navigator 객체는 브라우저의 정보를 제공해주는 객체입니다. 브라우저끼리 호환성이 안맞을때 주로 사용한다고합니다. - console.dir console.dir 는 console.log 와 마찬가지로 프로퍼티를 열람할 수 있습니다. 디렉토리 형식으로 출력됩니다. 아래는 Navigator 객체에서 중요하게 쓰이는 프로퍼티입니다. - appName 웹 브라우저의 이름을 알려주는 프로퍼티 입니다. console.log(navigator.appName) 저는 네이버 웨일 브라우저를 사용하는데 Netscape가 출력되었습니다. IE는 Microsoft Internet Explorer, 파이어폭스, 크롬등은..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - Location 객체 Location 객체는 문서의 주소와 관련된 객체로 Window 객체의 프로퍼티입니다. 이 객체를 이용해서 윈도우의 문서 URL을 변경할 수 있고, 문서의 위치와 관련해서 다양한 정보를 얻을 수 있습니다. - Location 객체를 이용해서 현재 윈도우의 URL 체크 console.log(location.toString(), location.href); 현재 윈도우의 문서가 위치하는 URL을 알수있습니다. location 객체는 URL을 의미에 따라서 별도의 프로퍼티로 제공하고 있습니다. - URL Parsing console.log(location.protocol, location.host, locat..

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

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 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 이 내장 객체 중에서 배열이라는 것을 확장해보겠습니다...