본문 바로가기

분류 전체보기119

[Typescript] Pick, Omit, Partial, Required type DocumentType = { id: number updated_at: string file_url: string title: string document_text: { content: string filename: string } } // Picktype Pick = { [P in K]: T[P]};// ↑ T에서 K에 해당하는 키들만 가져오는// Omittype Omit = Pick>;// ↑ T에서 K에 해당하는 키들을 제외한 나머지를 Pick으로 뽑아내는 방식// Partialtype Partial = { [P in keyof T]?: T[P]};// ↑ T의 모든 프로퍼티를 optional로// Requiredtype Requir.. 2025. 6. 13.
[AbortControll] fetch api에서 api call을 취소하려면 어떻게 해야할까? api call을 취소해야하는 기능이 있다.이걸보고 든 생각은 이미 call한 api를 어떻게 도중에 취소하는가? 였고, 해답은 늘 그랬듯이 google검색에 있었다.AbortController web api는 이미 존재하고 있었다. (fetch 또는 다른 비동기 작업을 중단할 수 있게 해준다.)예시는 MDN에서 가져온 예시이다.var controller = new AbortController();var signal = controller.signal;var downloadBtn = document.querySelector('.download');var abortBtn = document.querySelector('.abort');downloadBtn.addEventListener('click', fet.. 2025. 6. 6.
생존신고 12월 1일부터 취업을 해서 일을하고 있어서 정신 없다보니 블로그 쓰지도 못하고했던 일들은 많은데 정리도 안되있고...천천히 다시 해보자고~ 2025. 4. 8.
[잡담] 어쩌다 보니 한 달 일해보기 때는 또 10월의 면접을 보고 탈락의 고배를 마셨던 날,스레드에 글을 올렸는데 우연찮게 한 분이랑 1시간 넘게 디스코드에서 커피챗을 하면서 그럼 한 달 일해보는건 어떻겠냐는 제의를 받았다. (재택으로)FE개발자는 없고, BE개발자도 없다고 했다. 데이터 엔지니어 한 분 계시고.DB는 있었고, 루커를 통해 데이터 시각화를 해서 고객사들의 데이터를 구현이 되어있었다.하지만 원하시는건 루커를 통해서가 아니라 자사의 대시보드를 구현하고 싶어했다.처음에는 api도 다있겠거니 하고 vite로 리액트 환경을 세팅하고 보니 데이터를 호출할 수가 없었다.그냥 있는건 GCP와 연동된 DB뿐이었다.아, 이거는 리액트로는 안되겠다는 생각이 들었고, next.js를 사용하기로 했다.route handler를 사용할까 하였으나,.. 2024. 11. 15.