[패키지 업데이트] 패키지 업데이트 및 Axios버전업

[daepan]

• Close #ISSUE_NUMBER

What is this PR? 🔍

• 기능 :
• issue : #

Changes 📝

1. 전체적인 package 기능을 업데이트 했습니다.

• @types dev 쪽으로 수정
• 미사용 라이브러리 제거

2. Axios 버전업을 진행하였습니다.

자세한 내용은 해당 링크를 참고해주세요!

ScreenShot 📷

Test CheckList ✅

• test 1
• test 2
• test 3

Precaution

✔️ Please check if the PR fulfills these requirements

• It's submitted to the correct branch, not the develop branch unconditionally?
• If on a hotfix branch, ensure it targets main?
• There are no warning message when you run yarn lint

[MinGu-Jeong]

스테이지에 올리고 잘 동작하는지 확인해봅시다
수고하셨습니다!

[MinGu-Jeong]

오호.. 그래도 메이저 업데이트니깐 여기저기 잘 동작하는지 확인을 해봐야겠군여
특별히 기능적으로 달라진 부분이 있을까요?

[daepan]

axios 1버전의 큰 차이는 TypeScript 지원 강화, 보안 강화, ES 모듈 지원 등으로 현대적인 자바스크립트와 타입스크립트 프로젝트에서 더 편리하고 안전하게 사용할 수 있도록 개선된 버전이라고 할 수 있습니다.
기능적으로 크게 변화된 건 없고 TypeScript 지원에 대해서는 흥미로운 정보가 있어서 나중에 TypeScript 버전 업 트러블 슈팅을 하며 해당 apiClient 로직을 대대적으로 손봐야할 수 도 있겠네요
0.x 에서 버전

async function fetchUser(userId: number): Promise<AxiosResponse<User>> {
  return await axios.get<User>(`/api/users/${userId}`);
}

1.x에서의 TypeScript 사용

import axios from 'axios';

interface User {
  id: number;
  name: string;
}

// 명시적 타입 지정 없이도 `User` 타입을 추론
async function fetchUser(userId: number): Promise<User> {
  const response = await axios.get<User>(`/api/users/${userId}`);
  return response.data; // 자동으로 User 타입으로 추론됨
}

[chaeseungyun]

고고

[daepan]

요고 이번 배포 지나고 붙힐게요!!

[D0Dam]

수고하셨습니다!