TIL

2022/07/29 TIL

1. 자바스크립트 딥다이브 클래스 정리 클래스 클래스는 함수이며 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사용할 수 있도록 하는 문법적 설탕이다. 클래스와 생성자 함수의 차이점 1. 클래스를 new 연산자 없이 호출하면 에러, 생성자 함수는 new 연산자가 없으면 일반 함수로서 호출 2. 클래스는 상속을 지원하는 extends와 super 키워드를 제공한다. 하지만 생성자 함수는 extends와 super 키워드를 지원하지 않는다. 3. 클래스는 호이스팅이 발생하지 않는 것처럼 동작한다. 하지만 함수 선언문으로 정의된 생성자 함수는 함수 호이스팅이, 함수 표현식으로 생성한 생성자 함수는 변수 호이스팅이 발생한다. 4. 클래스 내의 모든 코드에는 암묵적으로 strict mode 가 지정되어 실행되..

2022/7/28 TIL

1. 자바스크립트 딥다이브 : 제네레이터와 async/awiait 제네레이터 제네레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 제네레이터 함수는 함수 호출자에게 제어권을 양도할 수 있다. 제네레이터 함수는 함수 실행을 함수 호출자가 제어할 수 있게 한다. 함수의 제어권을 함수가 독점하는 것이 아니라 함수 호출자에게 양도할 수 있다. 제네레이터 함수는 함수 호출자와 함수의 상태를 주고받을 수 있다. 제네레이터 함수는 함수 호출자에게 상태를 전달할 수 있고, 함수 호출자로부터 상태를 전송 받을 수 있다. 제네레이터 함수를 호출하면 제네레이터 객체를 반환한다. 제네레이터 함수를 호출하면 함수 코드를 실행하는 것이 아니라 이터러블이면서 동시에 이터레이터인 제네레이터 ..

2022/7/27 TIL

1. 자바스크립트 딥다이브 책 프로미스 파트를 마무리 - 프로미스는 then, catch, finally 이렇게 세 가지 후속 처리 메서드를 갖는다. 이 후속 처리 메서드가 언제나 프로미스를 반환하므로 프로미스 체이닝이 생긴다. => 이 프로미스 체이닝으로 비동기 처리 결과를 받으므로 콜백 헬에 빠지지 않을 수 있게 된다! - 프로미스는 다섯 가지의 정적 메서드를 갖는다. 1.Promise.resolve, Promise.reject => 이미 존재하는 값을 래핑하여 프로미스를 생성하기 위해 사용 => new 연산자로 Promise 만든 후 resolve나 reject하는 것과 같게 작동 2.Promise.all => 여러 개의 비동기 처리를 모두 병렬 처리할 때 사용 => 모든 프로미스가 fullfil..

2022/07/26 TIL

오늘의 공부 1. 자바스크립트 딥다이브 책 24장 클로저와 45장 프로미스(절반)의 부분을 학습했다. 클로저는 함수와 그 함수가 선언된 렉시컬 환경(상위 스코프)와의 조합을 말하고, 프로미스는 비동기 함수에서 결과값을 범용적으로 쓰기 위해 콜백 함수를 전달하는게 일반적인데, 그 처리 결과를 계속해서 콜백 함수로 전달하게 되면 콜백헬이 생긴다. 이것을 해결하기 위한 방법이 프로미스다 라고 학습했다. 자세한 내용은 github에 정리했고, 다음에 이 블로그에도 해당 개념들을 적어가며 학습해보려 한다 ㅎ 2. Exchange Rate Calculator 코딩 Exchange Rate API에서 환율 값을 받아와 그 값으로 환율계산기를 만들어 보았다. 계속 딥다이브로 공부하며 이 코딩을 하루하루 해보니까 점점 ..

2022/07/25 TIL

1. 커스텀 비디오 플레이어 만들어보기 오늘도 유데미 강의를 보며 하나 만들어보기를 했다. 솔직히 금방금방 할 수는 있지만 계속 만들어보며 나중에는 아무것도 안보고 만들 수있을 정도로 성장해야겟다 ㅎ 2. 자바스크립트 딥다이브 책 읽기 오늘은 REST API에 관한 내용이 나왔다. # REST API > REST: HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍쳐 > REST API: REST를 기반으로 서비스 API를 구현한 것을 의미한다. -자원, 행위, 표현의 세가지 요소로 구성됨 (URI, HTTP표현 메서드, 페이로드) # REST API 설계 원칙 1.URI는 리소스를 표현해야한다. -동사보다는 명사를 사용하며 get 같이 행위에 대한 표현이 들어가서는 안된다. ..