남고생들의 소소한 개발 일지

Object Object 객체는 객체의 가장 기본적인 형태를 가지고 있는 객체이다. var arr = ["a", "b", "c"]; console.log('object.keys(arr)', Object.keys(arr)); // object.keys(arr) (3) ["0", "1", "2"] var a = [1,2,3]; a.toString(); // "1,2,3" 자바스크립트의 모든 객체는 Object 객체를 상속받는다. 때문에 모든 객체는 Object 객체의 프로퍼티를 가지고 있다. Object 객체를 확장하면 모든 객체가 접근할 수 있는 API를 만들 수 있다. Object.prototype.contain = function(needle) { for(var name in this) { if(thi..

오늘은 표준 내장 객체(Standard Built-in Object)에 대해 설명을 하고자 한다. 오늘은 표준 내장 객체(Standard Built-in Object)란 자바스크립트가 기본적으로 가지고 있는 객체들을 의미한다. 자바스크립트는 아래의 내장 객체를 가지고있다 Object Function Array String Boolean Number Math Date RegExp object 생성자는 주어진 값을 객체 래퍼를 생성 하는 객체이다 주어진 값이 null이거나 undefinded면 빈 객체를 생성해 반환하고 그렇지 않으면 값에 알맞는 자료형의 객체를 반한다. // 객체 초기자 또는 리터럴 { [ nameValuePair1[, nameValuePair2[, ...nameValuePairN] ] ]..

prototype이란 객체의 원형이라고 한다. 아래의 예제를 보면 결괏값은 true가 나온다. 15행에서 a 안에는 medium 함수를 통해 만들어진 객체가 들어가지고, medium.prototype에는 bleu에서 만들어진 객체가 들어가 있다. 그래서 a.bleuprop안에는 10행에서 만든 true라는 값이 들어가 있다. 간단히 요약하자면 prototype은 저장된 속성들을 생성자를 통해서 객체를 만들 때 객체랑 이어주는 역할을 한다고 생각을 하면 된다. 참고 생활코딩

상속 프로그래밍에서의 상속이란 부모 기능을 자식 넘겨주는 것을 의미한다. 상속을 통해서 코드의 중복을 줄일 수 있고, 공통된 기능을 한 곳에서 작성함으로서 코드의 관리가 쉬워진다. 먼저 상속의 기본 사용법을 알아보자. function Green(color) { this.color = color; } Green.prototype.color=null; Green.prototype.paint = function(){ return 'Color is ' + this.color; } function Apple(color) { this.color = color; } Apple.prototype = new Green(); var gr = new Apple('green'); document.write(gr.paint()..

전역객체 모든 객체는 이 전역객체의 프로퍼티이다. 먼저 간단한 예제를 보면 function test() { alert('Hello?'); } 이런 자바스크립트의 소스코드가 있다. 여기서 alert를 실행하려면 함수를 호출시켜야하는데 보통 test(); 라고 호출을 한다. 하지만 사실 test(); 앞에는 window.test(); window 라는 전역객체가 있다. test는 window라는 전역객체의 메소드라고 볼 수 있다. 매번 window를 쓰는 것이 불편해 생략해도 함수를 호출시킬 수 있도록 암묵적으로 명시된다. 다른 예제로 var a = {'test':function(){ alert('Fi'); } } a라는 변수는 test라는 메소드를 가지고 있다. a라는 윈도우 객체의 프로퍼티이다. a.te..

객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있습니다. 객체 내의 변수를 프로퍼티(property) 함수를 메소드라고 합니다. 아래 예제를 한번 보겠습니다. var person1 = { 'name' : 'A', 'introduce' : function(){ return 'My name is '+this.name; } } var person2 = { 'name' : 'B', 'introduce' : function(){ return 'My name is '+this.name; } } 이름은 다르지만 메소드가 같습니다. 이것을 중복이라고 부르며 이 문제를 해결하는법은 중복을 제거 하는것이고 그 방법이 생성자와 New 입니다. 생성자 생성자는 객체를 만드는 역활을 하는 함수 입니다. 자바스크립..

다음주 JS 일정 월 화 수 목 금 토 일 Imsosexy delli GRapple byrung kantata5789 MainBrain 회의 Git 공부하기 https://git-scm.com/book/ko/v2 다음 사이트 글 하루에 하나씩 읽기 토이 프로젝트 개발 언어 : Node.js (공부하기) 페이 앱을 만들기 전 학교 인트라넷을 만들어 보며 공부할 예정 11월 10일까지 해야할 일 기획 - MainBrain 카드 바코드 생성, 급식 api 조사 - Imsosexy 하이브리드앱, pwa 조사 - GRapple, kantata5789, delli DB(userDB) 구축 - byrung 다스12

이번에는 함수의 호출(call, apply, bind)과, 객체지향 프로그래밍에 대해 설명하고자 한다 함수의 기본적인 호출하는 방법은 아래와 같다 function test(){ } test(); 함수에 대해 좀더 새 부적인 설명을 보고 싶으면 [JS] 함수, 입출력 참고하자. call과 apply부터 살펴보자. 원래 함수는 선언한 후 호출해야 실행이 된다. 함수를 호출하는 방식은 2가지의 방법이 있다 첫 번째로 함수 이름 뒤에 (); 를 붙이는 방법 두 번째로 함수 이름. call/apply.bind(객체, 인수/[인수]) 사용하는 방식이 있다 var example = function (a, b, c) { return a + b + c; }; example(1, 2, 3); example.call(nul..