해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 복제 전자화된 시스템의 가장 중요한 특징은 복제다. 현실의 사물과 다르게 전자화된 시스템 위의 데이터를 복제 하는데는 비용이 거의 들지 않는다. 바로 이러한 특징이 소프트웨어를 기존의 산업과 구분하는 가장 큰 특징일 것이다. 프로그래밍에서 복제가 무엇인가를 살펴보자. 결과는 1 이다. 결과는 당연하다. 값을 변경한 것은 변수 b이기 때문에 변수 a에 담겨있는 값은 그대로이다. 변수 b의 값에 변수 a의 값이 복제된 것이다. 이를 그림으로 표시하면 아래와 같다. 위와 같이 변수에 담겨있는 값이 원시 데이터 타입인 경우에는 "복제"가 일어난다. 하지만 ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 원시 데이터 타입(기본 데이터 타입) 데이터 타입이란 데이터의 형태를 의미한다. 데이터 타입은 크게 두가지로 구분할 수 있다. 객체와 객체가 아닌 것. 그럼 객체가 아닌 것은 무엇일까? 숫자 문자열 불리언(true/false) null undefined 객체가 아닌 데이터 타입을 원시 데이터 타입(primitive type)이라고 한다. 그 외의 모든 데이터 타입들은 객체다. 즉 객체데이터 타입(참조 데이터 타입)이다. 레퍼 객체 아래 코드를 보자. 위 코드를 살펴보면 이것은 문자열이기 때문에 원시데이터 이다. 하지만 객체의 형태를 띄고 있다. . ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. Object Object 객체는 객체의 가장 기본적인 형태를 가지고 있는 객체이다. 다시 말해서 아무것도 상속받지 않는 순수한 객체다. 자바스크립트에서는 값을 저장하는 기본적인 단위로 Object를 사용한다. 동시에 자바스크립트의 모든 객체는 Object 객체를 상속 받는데, 그런 이유로 모든 객체는 Object 객체의 프로퍼티를 가지고 있다. 예로 들자면, 이전시간에서 prototype을 통해 상속을 해보았는데, 그 중 최종 객체도 사실 상속을 받고 있다는 것이다. 즉, 최상위 상속자가 Object라고 생각하면 된다.(부모의 부모! 즉 모든 객체의..

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

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

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

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

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 함수지향 자바스크립트의 함수는 매우 강력하다. 함수에 대한 이해 없이는 자바스크립트를 잘 다루기 어렵다. 또한 자바스크립트에서 함수는 객체를 이해하는 데 가장 중요한 기초를 이룬다. 이번 강좌에서는 함수형 언어로서 자바스크립트의 면모를 다뤄보도록 하겠다. 유효범위 유효범위(Scope)는 변수의 수명을 의미한다. 아래의 예제를 보자. 결과는 global이다. 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 된다. 전역변수는 에플리케이션 전역에서 접근이 가능한 변수다. 다시 말해서 어떤 함수 안에서도 그 변수에 접근 할 수 있다. 그렇기 때문에 함수 ..