Javascript/Javascript 객체지향8 [생활코딩] 객체지향 - Classes 객체를 찍어내는 공장 constructor의 대체제 class를 살펴보겠다. class는 ES6 문법인데, 통계를 기반으로 해당 문법이 어느 환경에서 가능한지 아래 사이트에서 확인 가능하다. https://caniuse.com/ IE 에서는 사용이 안된다고 나오는데, https://babeljs.io/ 최신 문법의 코드를 과거의 코드로 변환해주는 사이트가 있다. Compiler , Transpiler 라고 부른다. function Person만 놓고 본다면 그냥 함수이지만 저 함수가 사용될 때 new를 붙이게 되면 객체를 return하게 된다. 객체가 return되기전에 this.name = name; 같은 코드로 인해서 그 객체의 속성이 기본적으로 셋팅이 된 객체가 return 되는거다. new가 붙게.. 2020. 7. 31. [생활코딩] 객체지향 - prototype 한글로는 prototype을 어떤 사물의 공통된 모습, 본래의 모습을 의미한다. 자바스크립트를 프로토타입 기반 언어라고 부를만큼 자바스크립트의 기반이다. function Person(name, first, second){ this.name = name; this.first = first; this.second = second; this.sum = ()=> this.first + this.second; } var kim = new Person('kim',10 ,20); var lee = new Person('kim',30 ,20); console.log("kim.sum()", kim.sum()); console.log("lee.sum()", lee.sum()); kim을 만들때 Person을 생성자로 동작.. 2020. 7. 31. [생활코딩] Javascript - 객체 만들기 / this / constructor 객체를 포함해서 함수를 표현할때는 함수라는 말 대신에 메소드라는 말을 많이 쓴다. (객체에 소속되어 있을 때) 객체라고 하는것은 서로 연관된 변수와 함수들을 그룹핑해서 이름을 붙인것이다. 객체를 안쓰면 MyMath_PI = Math.PI 이렇게 이름 앞에 접두사를 붙이는 것을 통해서 이름이 충돌하는 것을 방지한다. 파일이 1억개라고 가정했을 때 디렉토리를 만들면 연관되어 있는 것들을 모아서 깔끔하게 정리하듯 객체도 저렇게 수학과 관련된 변수와 함수를 그룹핑함으로써 깔끔하게 정리하는것이다. 인간에게도 각자 이름이 있다. 그리고 이름을 대신하는 자기 자신을 가리키는 대명사라는 것이 있다. 프로그래밍에서도 자기 자신을 가리키는 표현이 있는데, 그게 this이다. 어떤 사람이 게임을 두 판 했는데 첫 게임 10.. 2020. 7. 30. [생활코딩] 객체의 기본 / 반복문 생활코딩 www.youtube.com/playlist?list=PLuHgQVnccGMAMctarDlPyv6upFUUnpSO3 객체는 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것. 저장된 원소의 값을 UPDATE 할 수 있다. 이번에는 manager 객체를 지워보겠다. console.log 부분에 memberObject.name 을 적으면 에러가 난다. . 뒤에는 변수가 올 수 없기 때문이다. 객체속성의 이름이 와야된다. 변수를 적으려면 memberObject[name] 이라고 적는다. ※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부분이 있다면 과감하게 지적 부탁드립니다. 2020. 7. 30. 이전 1 2 다음
