[ JavaScript ] 자바스크립트 기본 문법 | 표준 내장 객체란?
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 표준 내장 객체란? 표준 내장 객체(Standard Built-in Object)는 자바스크립트가 기본적으로 가지고 있는 객체들을 의미합니다. 내장 객체가 중요한 이유는 프로그래밍을 하는데 기본적으로 필요한 도구들이기 때문입니다. 결국 프로그래밍이라는 것은 언어와 호스트 환경에 제공하는 기능들을 통해서 새로운 소프트웨어를 만들어내는 것이기 때문에 내장 객체에 대한 이해는 프로그래밍의 기본이라고 할 수 있습니다. 자바스크립트는 아래와 같은 내장 객체를 가지고 있습니다. Object Function Array String Boolean Number Math Date RegExp..
[ Javascript ] 자바스크립트 기본 문법 | prototype & prototype chain
·
Archive/Develop
이미지 출처 : https://commons.wikimedia.org/wiki/File:JavaScript-logo.png 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 상속의 구체적인 수단인 prototype에 대해서 자세히 알아보는 포스팅이 될 것 같습니다. 자바스크립트 기본 문법 :: prototype prototype은 한국어로는 원형 정도로 번역됩니다. prototype은 말 그대로 객체의 원형이라고 할 수 있습니다. 함수는 객체입니다. 그러므로 생성자로 사용될 함수도 객체입니다. 객체는 프로퍼티를 가질 수 있는데, prototype이라는 프로퍼티는 그 용도가 약속되어 있는 특수한 프로퍼티입니다. prototype에 저장된 속성들은 생성자..
[ JavaScript ] 자바스크립트 기본 문법 | 상속(inheritance)이란 무엇인가?
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 상속 객체는 연관된 로직들로 이루어진 작은 프로그램이라고 할 수 있습니다. 상속(inheritance)은 객체의 로직을 그대로 물려 받는 또 다른 객체를 만들 수 있는 기능을 의미합니다. 단순히 물려받는 것이라면 의미가 없고, 기존의 로직을 수정하고 변경해서 파생된 새로운 객체를 만들 수 있게 해주는 것이 상속의 역할입니다. 지난 포스팅에서 사용했던 코드를 들고와 보도록 하겠습니다. function Person(name){ this.name = name; this.introduce = function(){ return 'My name is '+this.name; } } va..
[ JavaScript ] 자바스크립트 기본 문법 | 함수와 this | this 가 가리키는 것들의 종류
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: this this는 함수 내에서 함수 호출 맥락(context)를 의미합니다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데, 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻입니다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 연결점의 역할을 합니다. 함수를 호출했을 때의 this 는 무엇을 기리키는 지 살펴보도록 하겠습니다. function func(){ if(window === this){ console.log("window === this"); } } func(); this는 전 포스팅에서 다뤘던 전역 ..