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..
Astro 프레임워크 체험기
Astro 프레임워크 체험기 챗 지피티에게 물어본 Astro의 주요 특징1. 멀티 프레임워크 지원: Astro는 React, Vue, Svelte, Solid.js 등 다양한 프론트엔드 프레임워크의 컴포넌트를 한 프로젝트에서 함께 사용할 수 있습니다.2. Partial Hydration (부분 하이드레이션): Astro는 기본적으로 정적 HTML을 생성하며, 필요한 부분만 JavaScript로 하이드레이션(동적으로 활성화)하여 클라이언트에서 실행합니다.이를 통해 JavaScript 로딩을 최소화하고 페이지 로드 속도를 최적화합니다.3. 파일 기반 라우팅: 파일 구조를 기반으로 라우팅을 자동으로 처리합니다.4. 빠른 빌드와 최적화: Vite를 기반으로 하여 빌드 속도가 매우 빠릅니다. 정적 HTML을 우선..
[구글 Apps Script] 구글 캘린더, 멤버들 특정 일정 모아보기 캘린더 만들기
[구글 Apps Script] 구글 캘린더, 멤버들 특정 일정 모아보기 캘린더 만들기 사전작업모아보기 캘린더 작업할 소유자(나)에게 각 팀원의 캘린더 공유 (모든일정보기)가 되어있어야한다.(내가 공유받은 팀원의 캘린더로 부터 일정을 긁어오기 때문에) 캘린더 공유 방법구글 캘린더에서 캘린더 우측 (1) 옵션 버튼 > (2) 설정 및 공유 > 설정 페이지에서 (3) 일정의 액세스 권한' 항목 [공개 사용 설정] 에서 소유자에게 공개 > (4) 모아보기(공유) 캘린더 만들기이때 모두 공개는 보안적으로 좋지 않으므로 소유자에게만 따로 공개하기, 공유 가능한 링크 받기 기능이나 '특정 사용자 또는 그룹과 공유'를 통해 소유자에게 공개해야함 모아보기 캘린더 추가 절차는, 구글 캘린더 화면에서 (1) 다른 캘린더 ..
숫자 천 단위 마다 콤마 찍어주세요 (1,000) 소수점 숫자도 나와야해요. RegExr, toLocaleString (정규 표현식_Lookahead/Lookbehind_사파리 lookbehind 오류에 대해서..)
기존 작업자가 작업해 둔 코드가 있었고, 요구 조건에 따라 이슈가 전달되어왔다. 기존 코드 function addComma(value) { return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); } 요구 조건은 아래와 같았고.. 1. 숫자 천 단위마다 콤마 추가 2. 소수점에서는 콤마 추가하지 않아야 함 기존 코드에서는 소수점에서도 콤마가 추가되고 있었다. function addComma(value) { return value.toString().replace(/\B(? 잘되는 듯 했지만, 크로스브라우징 이슈가 있었다. safari에서 흰페이지로 뜨는 것이었다. 두둥.. 그리고 SyntaxError: Invalid regular expression..