본문 바로가기

자바스크립트 객체8

[ JavaScript ] 자바스크립트 기본 문법 | 함수와 this | this 가 가리키는 것들의 종류 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: this this는 함수 내에서 함수 호출 맥락(context)를 의미합니다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데, 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻입니다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 연결점의 역할을 합니다. 함수를 호출했을 때의 this 는 무엇을 기리키는 지 살펴보도록 하겠습니다. function func(){ if(window === this){ console.log("window === this"); } } func(); this는 전 포스팅에서 다뤘던 전역 .. 2021. 2. 4.
[ JavaScript ] 자바스크립트 기본 문법 | 생성자와 new 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트는 어떠한 객체지향언어와도 같지 않습니다. 자바스크립트 계열에 속하는 언어들은 보통 Prototype-based programming 이라고 불립니다. 자바스크립트의 '객체' 개념은 헷갈릴 수 있습니다. 그게 당연한거예요. 기존의 객체지향 패러다임에 익숙하신 분들은 큰 혼란이 올 수 있습니다. 자바스크립트가 추구하는 객체지향은 다른 언어들에 비해 자유롭고 유연합니다. 자바스크립트 기본 문법 :: 객체 객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있습니다. 객체 내의 변수를 프로퍼티(property)라 부르고, 함수를 메소드(method)라고 부릅니다. 객체를 만드는 것은 앞서.. 2021. 2. 4.
[ JavaScript ] 객체 지향 프로그래밍 | 추상화란 무엇인가 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 객체 지향 프로그래밍 객체지향 프로그래밍(Object-Oriented Programming)이란 좀 더 나은 프로그램을 만들기 위한 프로그래밍 패러다임으로, 로직을 상태(state)와 행위(behave)로 이루어진 객체로 만드는 것이라고 할 수 있습니다. 이 객체들을 마치 레고 블럭처럼 조립해서 하나의 프로그램을 만드는 것이 바로 객체지향 프로그래밍입니다. 다시 말해서 객체지향 프로그래밍은 객체를 만드는 것입니다. 따라서 객체지향 프로그래밍의 시작은 객체란 무엇인가를 이해하는 것이라고 할 수 있죠. 설계 - 추상화란 무엇인가? 좋은 객체를 만드는 법을 다른 말로는 설계를 잘하는 법이라고 할 수 있습니다.. 2021. 2. 4.
[ JavaScript ] 자바스크립트 기본 문법 | 객체(Object) 생성| this란 무엇인가 | 객체 for 문 | for in 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 객체(Object) 배열은 아이템에 대한 식별자로 숫자를 사용했습니다. 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어지기 때문에 추가된 데이터에 대한 식별자가 됩니다. 이렇게 배열은 이 인덱스를 이용해서 데이터를 가져오게 되는데, 만약 인덱스로 문자를 사용하고 싶다면 객체(dictionary)를 사용해야 합니다. 다른 언어에서는 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 데이터 타입이 자바스크립트의 객체에 해당합니다. 자바스크립트 기본 문법 :: 객체의 생성 자바스크립트에서 객체를 만드는 방법은.. 2021. 2. 3.