AbortController 자바스크립트에서 비동기 작업을 중단할 수 있도록 도와주는 API이다. (특히 fetch() 요청 중단)Promise는 원래 취소 기능이 없지만, AbortController로 특정 요청을 강제로 취소할 수 있다. 기본 개념AbortController는 비동기 작업을 제어하기 위한 signal 객체를 제공한다.controller.abort()를 호출하면 해당 signal을 감지하는 모든 요청이 즉시 취소된다.const controller = new AbortController(); const { signal } = controller; fetch("https://jsonplaceholder.typicode.com/todos/1", { signal }) .then((respon..
react-testing-library 를 사용하여 TDD 개발 흐름으로 투두리스트 만들기 비동기적으로 바뀌는 컴포넌트 UI 테스트 비동기적으로 바뀌는 컴포넌트 UI 테스트 Async Utilities 함수를 사용 wait 해당 함수를 사용하여 특정 콜백에서 에러를 발생하지 않을때까지 대기 timeout을 초과하면 테스트 실패(timeout 기본값 4500ms, 커스터마이징가능) 리액트 16.8 버전 버그있음 waitForElement 해당 함수로 특정 엘리먼트의 변화가 생길때까지 대기(show, hide, change..) 프로미스가 끝날때 선택한 엘리먼트 resolve waitForDomChange 해당 함수 특징으로 콜백함수가 아닌 검사하고 싶은 엘리먼트를 넣어주면 해당 엘리먼트 변화가 발생할때까지..
구글 API KEY생성하는 법
구글 API KEY생성하는 법 *google api 사용은 하루에 2,500건, 초당 10건의 요청에 한해서만 무료라고 합니다.그 이상 사용하려면 유료로 전환해야 한다고 합니다. 1. 구글 로그인을 합니다. 2.Google API 콘솔 이동 3.프로젝트 등록 ( 프로젝트 만들기 > 만들기 )최초로 들어오면 프로젝트가 없습니다.프로젝트가 있을 경우 Google APIs 옆 프로젝트 선택에서 프로젝트 선택하면 됩니다. 프로젝트 이름을 변경하면 아래 프로젝트ID값이 변경이 됩니다.수정 버튼을 눌러 ID값을 수정할 수 있는 것 같지만 어떠한 규칙에 의해 변경하는 것 같습니다. 저는 하지 않았습니다. 만들기 클릭 4.API 및 서비스 사용 설정방금 만든 프로젝트 (My project01) 선택된 모습이 보입니다...