Daily Front_Minhhk

📌 슬슬 비동기 시간 부터 시작해서 머리가 복잡과 어렵기 시작했다.. 앞으로 서버 주고 받고 네트워크 형성이라고 해야하나? 할려면 비동기 계속 쓸텐데… 극복해야한다 하겠지? 타이머 관련 API setTimeout(), clearTimeout() // setInterval(), clearInterval(id) setTimeout(callback, millisecond) 일정 시간 후에 함수를 실행 매개변수(parameter): 실행할 콜백 함수, 콜백 함수 실행 전 기다려야 할 시간 (밀리초) return 값: 임의의 타이머 ID setTimeout(function () { console.log('1초 후 실행'); }, 1000); // 123 clearTimeout(timerId) setTimeout ..

학습 목표 어떤 경우에 중첩된 콜백(callback)이 발생하는지 이해할 수 있다. 중첩된 콜백(callback)의 단점, Promise의 장점을 이해할 수 있다. async/await 키워드에 대해 이해하고, 작동 원리를 이해할 수 있다. blocking vs non-blocking 요청에 대한 결과가 동시에 일어난다 (synchronous) → 동기 요청에 대한 결과가 동시에 일어나지 않는다 (asynchronous) → 비동기 asynchronous 예제 function waitAsync(callback, ms) { setTimeout(callback, ms); // 특정 시간 이후에 callback 함수가 실행되게끔 하는 브라우저 내장 기능입니다 } function drink(person, cof..

constructor constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드입니다. class Polygon { constructor() { this.name = 'Polygon'; } } const poly1 = new Polygon(); console.log(poly1.name); // expected output: "Polygon" constructor - JavaScript | MDN constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드입니다. developer.mozilla.org super super 키워드는 부모 오브젝트의 함수를 호출할 때 사용됩니다. super 선 호출 후 this. 키워드 사용 가능! super([ar..

프로토타입 학습 목표 프로토타입이 무엇인지 설명할 수 있다. 프로토타입과 클래스의 관계에 대해 설명할 수 있다. 프로토타입 체인에 대해 설명할 수 있다. 프로토타입 .prototype .__proto__ 클래스, 인스턴스, 프로토타입의 관계 프로토타입 JavaScript는 프로토타입 기반 언어이다. 모든 객체는 그들의 프로토타입으로부터 프로퍼티와 메소드를 상속받는다.자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며, 이때 상속되는 정보를 제공하는 객체를 **프로토타입(prototype)**이라고 한다. 프로토타입 객체는 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고 그상위 프로토 타입도 마찬가지로 상속을 계속 받는다.이렇게 프로토타입이 상속되는 가상의 연결 고..

객체지향 프로그래밍 Object Oriented Programming OOP는 프로그램 설계 철학 중 하나이다 OOP의 모든것은 객체로 그룹화가 되어 메모리가 반환되기 전까지 개체 내의 모든 것이 유지된다. 객체 내에는 " 데이터와 기능이 함께 있다" 라는 원칙에 따라 메서드와 속성이 존재한다. ✂️특징 객체지향 프로그래밍에는 4가지의 개념이 있다 Encapculation (캡슐화) Abstraction (추상화) Inheritance (상속) Polymorphism (다형성) 🔖 캡슐화 Encapculation 캡슐화는 데이터(속성)와 기능(메서드)을 따로 정의하는 것이 아닌 , 하나의 객체 안에 넣어서 묶는 것이다. 이때 데이터와 기능이느슨하게 결합된다. 느슨한 결합(Loose Coupling)은 코..

클래스, 인스턴스 클래스 인스턴스 new 키워드 생성자 함수 ES5 클래스 작성 문법 ES6 클래스 작성 문법 ES5 클래스는 함수로 정의할 수 있습니다. function Car(brand, name, color) { // 인스턴스가 만들어질 때 실행되는 코드 } ES6에서는 class라는 키워드를 이용해서 정의할 수도 있다. class Car { constructor(brand, name, color) { // 인스턴스가 만들어질 때 실행되는 코드 } } new 키워드 new 키워드를 통해 클래스의 인스턴스를 만들어낼 수 있다. 또한 즉시 생성자 함수가 실행되며, 변수에 클래스의 설계를 가진 새로운 객체, 즉 인스턴스가 할당된다. 각각의 인스턴스는 클래스의 고유한 속성과 메서드를 갖게 된다. let a..