전체 글

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 같이 행위에 대한 표현이 들어가서는 안된다. ..

JavaScript로 알고리즘 준비하기(1) - 정규 표현식(문자열 갖고놀기)

알고리즘을 풀면서 가장 필요했던 부분들과 부족한 부분들 정리를 해볼까 한다. (1) 정규 표현식 정규표현식은 "특정 패턴의 문자열"을 찾기 위한 표현 방식이다. (이런걸 형식 언어, formal languange라고 합니다.) 따라서 문자열 비교나 바꾸기 등에 많이 사용되서 알고리즘에 매우 효율적이라고 생각한다. 정규 표현식을 만드는 방법 정규 표현식 리터럴 const exam = /abcd/ RegExp 객체의 생성자 호출 const exam = new RegExp('abcd') 정규 표현식의 사용법 (리터럴) : /패턴/플래그 - 슬래시 사이에 매칭시킬 패턴을 써준다. - 슬래시 다음에 옵션을 설정하는 플래그를 써준다. 1) 정규표현식 패턴 - 정규 표현식의 패턴은 크게 세 가지 분류로 나뉜다. 1...