해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. this this는 함수 내에서 함수 호출 맥락(context)를 의미한다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻이다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점의 역할을 한다. 즉 this는 약속된 변수라고 할 수 있으며, 함수안에서 사용할 수 있는 일종의 변수이다. 이 값의 의미는 함수를 어떻게 호출하느냐에 따라서 달라진다는 뜻이다. 함수호출 함수를 호출했을 때 this는 무엇을 가르키는지 살펴보자. thi..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 전역객체란? 전역객체(Global object)는 특수한 객체다. 모든 객체는 이 전역객체의 프로퍼티다. func();와 window.func();는 모두 실행이 된다. 모든 전역변수와 함수는 사실 window 객체의 프로퍼티다. 객체를 명시하지 않으면 암시적으로 window의 프로퍼티로 간주된다. 평소엔 그냥 편하게 사용하기 위해 생략해서 사용했던 것일 뿐이다. 내부적으론 명시한 것과 같게 동작한다. 자바스크립트는 윈도우라는 전역객체에 프로퍼티 이므로, 객체라는 것에 모든것이 종속되어 있기 때문에 객체 지향언어라고 하는 것이다. 자바스크립트에서 모..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 생성자와 new 객체 자바스크립트 언어의 속하는 계열의 언어들은 prototype - based programming이라고 부른다. 객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있다. 객체 내의 변수를 프로퍼티(property) 함수를 메소드(method)라고 부른다. 객체를 만들어보자. 위 코드에서 this는 함수가 속해있는 객체 즉 person이라는 변수가 담고있는 객체를 의미한다. 객체를 만드는 과정에 분산되어 있다. 객체를 정의 할 때 값을 셋팅하도록 코드를 바꿔보자. 가독성도 좋고, 내용이 중간에 끼어들거나 변조되는 상황을 ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 객체 지향 프로그래밍 객체지향 프로그래밍(Object-Oriented Programming)은 좀 더 나은 프로그램을 만들기 위한 프로그래밍 패러다임으로 로직을 상태(state)와 행위(behave)로 이루어진 객체로 만드는 것이다. 이 객체들을 마치 레고 블럭처럼 조립해서 하나의 프로그램을 만드는 것이 객체지향 프로그래밍이라고 할 수 있다. 다시 말해서 객체지향 프로그래밍은 객체를 만드는 것이다. 따라서 객체지향 프로그래밍의 시작은 객체란 무엇인가를 이해하는 것이라고 할 수 있다. 말이 어렵게 느껴지지 않는가? 그것은 아직 객체 지향에 대한 체험이..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 함수호출 함수에 대한 기본 수업에서 함수를 호출하는 방법을 알아봤다. 아래는 함수를 호출하는 가장 기본적인 방법이다. 자바스크립트에서 함수라는 것은 일종의 객체이다. 객체는 속성들을 가지고 있다. 이 속성에 값이 저장되어 있다면 "속성"이라고 하고, 함수가 저장되어 있다면 이것을 "메소드"라고 부른다. JavaScript는 함수를 호출하는 특별한 방법을 제공한다. 본 토픽의 시작에서 함수를 객체라고 했다. 위의 예제에서 함수 func는 Function이라는 객체의 인스턴스다. 따라서 func는 객체 Function이 가지고 있는 메소드들을 상속하고 ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. arguments 배열과 비슷하지만 배열이 아니다, 함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열이 있다. 이 배열에는 함수를 호출할 때 입력한 인자가 담겨있다. 아래 예제를 보자. 결과는 10이다. 자바스크립트는 매우 관대한 언어이기 때문에, 인자의 수를 마음대로 지정해도 에러가 나지 않는다. 위 예시를 살펴보면 sum()에 매개변수가 없는데, 인자의 수가 4개이다. 이러한 경우에도 에러가 나지 않는다. 위 코드에 arguments라는 것은 자바스크립트에서 약속된 특수한 변수이다. 이 변수 안에는 유사 객체(유사 배열)이 담겨져 있다..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 클로저 클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. 내부함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있다. 아래의 예제를 보자. 결과는 경고창에 coding everybody가 출력될 것이다. 위 예제에서 inner()는 내부함수, outter()는 외부함수이다. 즉 inner()는 var inner = function(){} 과 같은 의미로, 외부함수outter()의 지역변수라고 할 수 있..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 값으로서의 함수 JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. (어떠한 값을 변수에 담을 수 있다. 함수 또한 변수에 담을 수 있다. 그렇기 때문에 함수도 일종의 값이 되는것이다.) 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. 다음 예제를 통해서 그 의미를 알아보자. 위 두 코드는 같은 의미이다. 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. b는 일종의 변수의 역할을 하는 것이다. 이런 ..