`프론트엔드 개발자` 개형이의 벽돌집

현재 내가 투입된 프로젝트에는 Axios를 사용하고 있었고 Axios Instance의 Interceptors를 사용하여 에러 처리를 하고 있었다. 그런데 나는 특정 에러를 받았을 때 화면에 기존 에러가 발생했을 때와 다른 팝업을 띄우고 싶었는데, 현재 짜여진 코드 상으로는 그게 불가능했다... (모든 에러는 같은 식으로 처리됐다) 그래서 특정 에러 발생에 대한 처리를 추가해주는 코드를 Interceptors에 추가해보기로 했다! 1. 현재 코드 구조 // Api 호출 함수 static async getApi(requestParameters: requestType): Promise { const requestConfig: AxiosRequestConfig = { url: '/~~~', method: 'G..

타입스크립트에서 tsconfig.json 은 타입스크립트를 자바스크립트로 변환활 때 설정을 정의해놓은 파일이다. 주요 속성으로는 무엇이 있는지 기록해두고자 한다. noImplicitAny 🤔 noImplicitAny를 true로 설정할 경우 any로 추론될 수 있는 타입을 명시적으로 지정해줘야 한다. tsconfig.json 에 아래와 같이 지정해주면 된다. "compilerOptions": { "noImplicitAny": true, // ~~~ } 1) true일 때 const add = (a, b) => { return a + b; }; // a, b의 타입이 any로 추론되어 에러가 발생함 const add = (a: number, b: number) => { return a + b; }; // ..

😼 타입 가드 (Type Guard)를 사용하면 조건문을 통해 타입을 좁혀나갈 수 있다. 이를 잘 활용하면 가독성과 생산성이 좋은 코드가 될 수 있다고 하니 어떻게 사용하는지 기록해둘 것이다. typeof 를 사용한 타입 가드 Primitive 타입일 경우 typeof Type Guard을 주로 사용한다. 예시는 다음과 같다. function getNumber (value: number | string): number { value; // number | string if (typeof value === "number") { value; // number return value; // typeof type guard에서 타입 하나를 리턴할 경우 해당 타입으로는 더이상 추론되지 않습니다. } value; ..

타입스크립트는 명시적으로 타입을 지정해줄 수도 있지만 지정을 안해줄 경우 자동으로 타입을 추론한다. 어떻게 추론될까? let 과 const의 타입 추론 변수의 초깃값으로 추론이 된다. let a = 'Mark' // string const b = 'Mark' // 'Mark' => literal type let c = 38 // number const d = 38 // 38 => literal type let g = ['Mark', 'Pen'] // string[] const h = ['Mark', 'Pen'] // string[] const i = ['Mark', 'Pen'] as const // readonly ['Mark', 'Pen'] Best Common Type 타입스크립트는 타입 추론을 할 ..