개발새발 민다니

1. 객체지향 자바스크립트는 객체 기반의 언어기 때문에 자바스크립트를 이루는 거의 모든 것이 객체이다. 원시 타입을 제외한 모든 값은 객체다. 객체지향 프로그래밍은 실체에 속성을 부여하는 사고와 프로그래밍의 결합이다. 예를 들어, '민다'의 성별이 여성이며 대학생이라는 속성을 표현해 '민다'라는 하나의 사람을 구별하는 것이다. 이처럼 속성을 통해 여러 개의 값을 하나의 복합적인 자료구조로 만드는 것이 객체지향적 프로그래밍의 패러다임이다. 객체는 상태와 동작을 묶은 복합적인 자료구조이다. 이때 상태 데이터를 프로퍼티(property), 동작은 메서드(methode)라고 부른다. 2. 추상화 '민다'라는 객체를 만들 때 여러 속성 중에서 작성할 프로그램에 필요한 속성만 갖추는 것을 추상화라고 한다. 3. 프..

JS 같은 경우는 single quote든 double quote든 상관 없지만 권고되는 쪽은 single quote다. 왜냐면 shift 키를 안 눌러도 되니까... 둘 다 되다보니 중구난방으로 쓰면 약간 불쾌하다. 그래서 저장하면 자동으로 single quote 변환이 되는 설정을 했는데, 적용이 안됐다...! 다들 세팅으로 가서 설정하던데, 나만 안돼!!! 근데 아무도 안되는 사람이 없는지 그 해결방안 포스팅이 없었다... 결국 지난 주에 트러블슈팅만 계속하다가 알아낸 방법 ㅎ 01. 많이들 사용하는 방법 1. setting에 들어가 quote 검색을 한다. 2. 네 가지 설정을 위 사진과 동일하게 해준다. JavaScript Quote Style TypeScript Quote Style Prett..

1. __proto__ 프로퍼티 모든 객체는 [[Prototype]] 이라는 내부 슬롯을 갖는다. 문제는, 내부 슬롯이 가리키는 객체에 접근할 수 없다는 사실이다. 따라서 간접적인 접근 방법을 제공하고 있는데 그게 바로 __proto__ 접근자 프로퍼티다. 이를 통해 간접적으로 프로토타입 객체에 접근 가능하다. const test= { t: 4 }; console.log(test.__proto__ === Object.prototype); // true console.log(test.hasOwnProperty('a')); // true 2. prototype 프로퍼티 prototype 프로퍼티는 constructor만이 소유하는 프로퍼티다. 따라서 해당 프로퍼티는 생성자 함수로 호출 가능한 함수 객체만 소..

해당 프로퍼티는 caller와 마찬가지로 비표준이었다가 ES6에서 정식 표준이 되었다. name 프로퍼티는 함수 이름을 나타낸다. 다만, 이 함수는 ES5와 ES6에서 동작이 다르다. const nameFu = function test() {}; console.log(nameFu.name); // test 만약 익명 함수 표현식의 경우 ES5에서는 빈 문자열을 가졌지만 ES6에서는 함수 객체를 가리키는 식별자를 값으로 갖게 됐다. 참고로 함수 객체를 가리키는 식별자와 함수 이름은 다르다. // name은 식별자, test는 함수 이름이다. const name = function test() {};