📖 기술 선정 이유

TypeScript v4.9.5

• JavaScript의 모든 기능을 포함하며, 추가적으로 클래스, 인터페이스, 제네릭, 모듈 등과 같은 새로운 기능을 제공합니다.
  이는 객체 지향 프로그래밍 패턴과 모듈화된 코드 작성을 쉽게 만들어주는 장점을 가지며, 이를 통해 코드의 재사용성과 유지 보수성을 높일 수 있습니다.
• 컴파일 단계에서 타입 관련 에러를 막을 수 있습니다. 크로스 브라우징(브라우저 호환성) 문제를 컴파일 설정을 통해 해결 가능합니다.

React v18.2.0

• Virtual DOM을 사용하여 UI를 렌더링하며, 이를 통해 불필요한 렌더링을 최소화하고 성능을 최적화할 수 있습니다.
• 싱글페이지 어플리케이션이기 때문에 페이지를 새로고침 하지 않아 유저의 사용성을 높일 수 있으며, 컴포넌트로 작업하는 특성상 분리해 작업할 수 있기에 재활용할 수 있습니다.

Next.js v^13.2.4

• React 기반의 서버사이드 렌더링 프레임워크입니다. 때문에 검색 엔진 최적화를 위한 메타데이터와 URL 경로를 쉽게 설정할 수 있습니다.
  이를 통해 검색 엔진에서 웹 페이지가 노출되는 확률을 높일 수 있습니다.
• 자동으로 코드 스플리팅, 프리페칭, 캐싱 등의 최적화 기능을 제공하므로, 초기 로딩 시간을 줄이고 성능을 개선할 수 있습니다.
• Next.js는 서버사이드 렌더링과 클라이언트사이드 렌더링을 모두 지원하며, API 엔드포인트를 통한 데이터 요청도 쉽게 처리할 수 있습니다.

Axios v0.21.1

• Axios는 리액트에서 많이 쓰이는 HTTPClient 라이브러리의 하나입니다.
• 리액트에서 Ajax를 구현하려면 JavaScript 내장 객체인 XMLRequest를 사용하거나, 다른 HTTP Client를 사용해야하는 반면, Axios는 라이브러리 설치로 손쉽게 사용할 수 있습니다.
• fetch에 비해 추가적인 설치 및 임포트가 필요하지만 과정도 복잡하지 않고, 폭넓은 브라우저 호환성이 보장되며 intercept기능이 지원되어서 에러처리를 하거나 혹은 refresh토큰을 구현할때 간편하게 할 수 있습니다.