FU11M00N

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

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 원시 데이터 타입과 객체 데이터 타입이란 데이터의 형태를 의미합니다. 데이터 타입은 크게 두가지로 구분할 수 있습니다. 객체와 객체가 아닌 것. 아래는 객체가 아닌것들입니다. 숫자 문자열 불리언(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..

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

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 객체 지향 프로그래밍 객체지향 프로그래밍(Object-Oriented Programming)은 좀 더 나은 프로그램을 만들기 위한 프로그래밍, 패러다 임으로 로직을 상태(state)와 행위(behave)로 이루어진 객체로 만드는 것입니다. 마치 레고 블럭처럼 조립해서 하나의 프로그램을 만드는 것이 객체지향 프로그래밍이라고 할 수 있습니다. 즉 객체지향 프로그래밍은 객체를 만드는것입니다. 따라서 객체지향 프로그래밍의 시작은 객체란 무엇인가를 이해하는 것 이라고 말할수 있습니다. - 문법과 설계 객체지향 프로그래밍 교육은 크게 두 가지로 구분됩니다. - 문법 하나는 객체지향을 편하게 할 수 있도록 언어가 제공하는 기능을 익히는 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - 객체(Object) 객체는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부릅니다)의 집합입니다. 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key / Value Pair를 저장할 수 있는 구조입니다. - 객체의 생성 자바스크립트에서 객체를 만드는 방법은 아래 예시와 같습니다. var grades = {'num1': 20, 'num2': 26, 'num3': 55}; 위의 예제를보면 num1 은 key 가 되는 것이고, 20은 value가 됩니다. var grades = {}; grades['num1'] = 20; grades['..