클래스동일한 구조와 동작을 가진 객체를 더 쉽고 효율적으로 생성하기 위한 템플릿(틀) 문법이다.객체 리터럴({...}) 방식을 사용해 동일한 형태의 객체(예: 학생 정보)를 여러 개 생성하면 코드가 중복된다. 100명, 1,000명의 데이터를 다루어야 한다면 유지보수가 매우 어려워지며, 클래스는 이러한 중복을 제거하고 코드를 구조화하는 데 도움을 준다. 흔히 클래스를 '붕어빵 틀'에, 클래스로부터 생성된 실체 객체를 '붕어빵(인스턴스, Instance)'에 비유한다.let studentA = { name: '이정환', grade: 'A+', age: 27, student() { console.log('열심히 공부함'); }, introduce() { console.log('안녕하세요..

객체지향언어프로퍼티와 메서드를 가지는 객체를 여러개 만든다. 프로퍼티와 메서드는 이름으로 구별하며 값에 대응한다. 객체는 이름-값쌍의 그룹각 값은 테이터나 함수가 될 수 있다. 모든 객체는 참조 타입을 바탕으로 생성한다. 객체를 이해해보자객체를 만드는 가장 단순한 방법Object의 인스턴스를 만들고 프로퍼티와 메서드를 추가하는 방법let person = new Object();person.name = "Nicholas";person.age = 29lperson.job = "Software Engineer";person.sayName = function() { alert(this.name);}; 객체: personname, age, job => 3가지 프로퍼티sayName() => 메서드sayName(..

try { // 에러가 생길 수 있는 코드} catch (error) { // 에러가 생겼을 때 할일}try절에서 에러가 생기면 코드 실행을 즉시 멈추고 catch 절을 실행 catch 절은 에러에 대한 정보를 담은 객체를 받는다. finally 절try-catch는 옵션으로 finally절 사용 가능finally절의 코드는 항상 실행된다. 에러가 없어도, catch절을 실행하더라도 finally절은 실행된다. 에러 반환try catch문의 throw연산자는 언제든 커스텀 에러를 반환 가능throw 연산자에는 반드시 값이 필요하지만 값의 타입에는 제한이 없다.throw 12345;throw "Hello World";throw true;throw {name:"JavaScript"} try 연산자를 사용하면..

1. 동기 (Synchronous) 작업 요청 후, 해당 작업의 완료 또는 처리 결과를 받을 때까지 다음 작업을 기다리는(Blocking) 처리 방식이다.Blocking (결과를 기다리는 상태)2. 비동기 (Asynchronous)작업 요청 후, 해당 작업의 완료를 기다리지 않고(Non-Blocking) 즉시 다음 작업을 수행하는 처리 방식이다. Non-Blocking (결과 기다리지 않는 상태)3. 적용 상황: 동기/비동기 선택 기준프로그래밍 시 두 방식 중 하나를 선택하는 기준은 효율성뿐만 아니라 작업 간의 의존성이다.동기 사용 (필수): 이전 작업의 결과가 다음 행동에 필수적인 영향을 미칠 때 사용한다. 예를 들어, 계좌 이체 시 인출(A) 결과를 확인한 후 송금(B)을 진행해야 하며, 인출 오류 ..

클래스들 사이에서 "누가 누구의 특성과 기능을 물려받는지"를 타나내는 관계의 연결고리ex모든 노드가 기본 클래스인 Node로부터 상속받는다고 하면,Node는 가장 위에 있는 부모 클래스가 된다.그런데 만일 어떤 클래스가 Node로부터 상속받은 후, 그 클래스에서 또 다른 클래스를 만들어 기능을 추가하거나 수정한다면, 두 클래스 사이에도 상속 관계가 형성된다.이처럼 여러 단계로 이어진 상속 관계 전체를 상속체인이라고 한다. 상속체인은 클래스가 자신의 기능을 재상용하고 확장하기 위해 어떤 순서로(어떤 "가족" 관계로) 연결되어 있는지를 보여주는 일종의 계보 역할이라고 할 수 있다.  Node: 모든 클래스의 근간이 되는 최상위 클래스  Intermediate Node: Node로부터 상속받아 기능을 확장한 ..

return 0보다 작은걸 반환한다.return > 0, B, A (switch order)  오름순서는 작은 숫자에서 큰 숫자로 가는 것 의미// Stringsconst owners = ['Jonas', 'Zach', 'Adam', 'Martha'];console.log(owners.sort());console.log(owners);//Numbersconsole.log(movements);// return 0, B, A (switch order)// Ascending/*movements.sort((a, b) => { // a-b임. if (a > b) return 1; // 긍정적 if (a a - b);// a가 b보다 클 경우 양수라는 걸 알고 있음// 즉, 양수 반환console.lo..

비슷하면서도 다른 some, evey, filter의 차이에 대해 알아보자! ✨const numbers = [1, 2, 3, 4, 5];some - 조건에 하나라도 맞으면 true 반환some은 배열에서 조건을 만족하는 요소가 하나라도 있으면 true를, 아니면 false를 반환한다.const hasEven = numbers.some(num => num % 2 === 0);console.log(hasEven); // true (짝수 2, 4가 있기 때문) 그렇다면 언제 사용할까? 🤔특정 조건을 충족하는 항목이 하나라도 있는지 확인할 때 유용하다.evey - 모든 요소가 조건에 맞으면 true반환every는 배열의 모든 요소가 조건을 만족해야 true를, 하나라도 불만족하면 false를 반환한다.cons..

콜백함수함수에 파라미터로 들어가는 함수그렇다면 어떻게 사용할까? 순차적으로 실행하고 싶을때 사용한다.  콜백 함수의 원리   그렇다면 콜백함수가 왜? 필요할까? 콜백함수가 필요한 이유는 비동기 처리, 유연한 코드 구조를 위해서다.그렇다면 비동기 처리가 뭘까?자바스크립트에서는 코드가 위에서 아래로 순차적 실행이 된다. 그러나, 코드가 다른 행위가 일어난 뒤에 실행되는 경우도 있고 순차적으로 실행되지 않는 경우도 있다. 이럴때 비동기 프로그래밍이라고 한다.  https://www.freecodecamp.org/korean/news/https-www-freecodecamp-org-news-javascript-callback-functions-what-are-callbacks-in-js-and-how-to-us..