클래스자바스크립트에서 클래스는 객체 지향 프로그래밍을 구현하는 문법적 구조이다. 클래스를 사용하여, 속성과 메서드를 정의할 수 있다. 클래스 정의class Person { constructor(name, age) { this.name = name; this.age = age; } printName() { console.log(`반갑다, 내 이름은 ${this.name} 그리고 나이는 비밀이야`); }}`class Person`: Person이라는 클래스를 생성함. 클래스 명은 PascalCase로 작명함 (국룰임 안지키면 혼남)`constructor(속성1, 속성2 ...)`: 클래스의 `인스턴스` (뒤에 설명) 를 생성할 때 자동으로 호출되는..
this`this`는 자신이 속한 객체를 참조하는 변수이다. (자기 자신(객체)을 참조한다.) 상황에 따라 참조하는 객체가 달라지는데 호출하는 주체가 있을 경우 해당 주체를 가리키게 되고, 호출하는 주체가 없다면 전역객체를 가리킨다. 호출하는 주체?설명하기 귀찮 어려우니 예시를 보도록 해요.// 메서드(객체 안의 함수)로서의 호출은 this 바인딩 OK const obj = { name:"길동", age:30, print: function(){ console.log(this.name, this.age); }}obj.print(); // 길동, 30 출력`obj`의 `print` 속성에는 함수가 저장되어 있다.`print` 를 호출하려면 어떻게 해야하나? => obj..
개인 프로젝트 진행중 내가 짠 코드가 너무나도 마음에 들지 않아서 코드 수정을 해보았다.(이번에도 박학하신 튜터님께 많은 도움을 받았음) 어쨋든 이번 글은 100% 기록 목적이고 수정한 영역에 대해서 아직 완전히 이해를 한게 아니기 때문에정리가 아주 중구난방일 것이다는 예고 (대충 정리하겠다는 소리 맞음)기존 코드// api 데이터 가져오는 함수 (fetchData)async function fetchData(searchCriteria, searchKey, processData) { const data = await fetch(.......) // api 데이터 받아옴 processData(data) // 받은 데이터를 콜백함수로 다시 전달}// 호출한 부분 (순서대로 인기, 장르, 개봉예정 영화 ..