시리즈

프론트엔드 학습

1.[TIL] IndexedDB API

🤔 IndexedDB API에 대해 정리한 글입니다. IndexedDB API IndexedDB는 많은 양의 구조화된 데이터를 클레이언트에 저장하기 위한 클라이언트 스토리지이다. 🙋‍♀️ 클라이언트 스토리지 localStorage, cookies, indexedD

2022년 9월 19일

2.[TIL] addEventListener() 3번째 파라미터 (feat. event capturing, event bubbling)

🤔 addEventListener() 3번째 파라미터에 대해 정리한 글입니다.addEventListener의 3번째 파라미터 : false or true(useCapture)addEventListener의 3번째 파라미터는 이벤트 버블링과 캡쳐링에 대한 컨트롤을 하는

2022년 9월 22일

3.[TIL] vscode LiveServer http 에서 https 로 변환하는 방법(feat. cors 에러 핸들링)

회사 프로젝트를 정적 페이지에서 테스트하기 위해, LiveServer 를 활용하여 테스트 진행하였다.그러나 LiveServer는 http가 default 이기 때문에, https로 구축된 프로젝트와 cors에러가 발생하였다.LiveServer를 Https로 바꾸면 테스

2022년 9월 29일

4.[TIL] CustomEvent로 브라우저와 소통하기(+Event와의 차이점)

회사 서비스 내 특정 이벤트를 외부에서 트리거하는 로직 관련하여 고민하고 해결한 경험들을 토대로 주요 개념인, Event 와 CustomEvent 인터페이스를 정리하였다.우리 서비스를 고객사 프로젝트에 script로 삽입하여 호출하는 방식으로 구현되어 있는데,서비스 자

2022년 10월 25일

5.[TIL] cursor를 활용한, IndexedDB 저장 데이터 갯수 제한하기 (feat.idb library)

idb library 공식 문서를 토대로, idb library 특징과 저장할 수 있는 데이터 갯수를 제한하는 리팩토링 과정을 정리하였습니다. 🙋‍♀️ IndexedDB API에 대해 궁금하신 분들은 Indexed API 분석 정리 게시물을 먼저 참고해주시면 감사하겠

2022년 11월 16일

6.[TIL] CloudFront로 새로운 도메인 배포하기

이번에 기존 서비스의 도메인을 변경하면서 AWS CloudFront, Router53 등 배포 세팅을 하게되었다.마주했던 이슈와 ChatGPT로 문제 핸들링을 함께한 경험을 회고하며, 추후에는 동일한 문제가 발생하지 않도록 기록을 남겨본다.기존에는 브라우저에서 A라는

2023년 3월 22일

7.[TIL] Next.js v13 (+v12와 다른점)

Next.js 13을 학습하기 위해 해당 프로젝트를 시작하였다.Next.js 문서와 NextJS App Router 강의 자료 토대로 이해한 내용들을 정리하였다.강의 커리큘럼에 맞춰 구성하였고, 공식 문서 내용을 토대로 내용들을 추가 정리하였다.(folder): url

2023년 6월 1일