0strich

Promise 자바스크립트 비동기 처리에 사용되는 객체 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용 예시, API를 사용한 서버와의 요청-응답 사용법 new Promise(이행, 거부) Promise의 3가지 상태(Status) Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태 Pending(대기) new 키워드를 사용한 Promise() 호출 new Promise((resolve, reject) => {}) Fulfilled(이행) Promise의 콜백 함수 인자 중 첫 번째 인자를 실행 이행 상태가 되면 then 메..

Prototype new 키워드의 기능에 대해 숙지하고 prototype에 대해 알아보자 prototype은 javascript 에서에서는 존재하지 않는 클래스 개념을 비슷하게 구현할 수 있고, 상속을 할 수 있게 해주는 것 같다. 또한 익숙해지면 다른 언어보다 자유도가 높은 코딩을 할 수 있다고 한다. (하지만 아직 실력이 안되니 좀 더 공부할 필요가 있다... ㅠㅠ) Javscript의 Prototype 에는 Prototype Object와 Prototype Link가 존재한다. javscript에서 함수를 만들면 prototype object 가 같이 생성이 되고 prototype 프로퍼티로 접근이 가능하다. 다음과 같이 func() 함수를 만들고 prototype 프로퍼티로 접근해 보자 Proto..

ES5 VS ES6 Javascript 에서 ES6 이전까지의 버전에는 class라는 개념이 존재하지 않았다. ES5까지는 OOP를 구현하기 위해서 다양한 연구가 이루어졌고, 그중에서 대표적인 것이 Pseudoclassical Style이다. ES6에서 Class 개념이 등장을 하였고, 다른 언어에서 넘어온 개발자라도 쉽게 적응할 수가 있게 되었다. 마찬가지로 Javascript 에서 시작하는 개발자는 Class 문법을 배운다면 다른 객체지향 언어에서도 쉽게 적응할 수가 있게 되었다. Pseudoclassical과 Class Pseudoclassical과 Class 두 가지 방법을 사용한 인스턴스 생성 코드를 비교해보자 ES5 : 생성자 함수 작성. new 키워드를 사용해 인스턴스(객체) 생성 ES6 :..