[FE] 사용 라이브러리 정리

📦 dependencies (운영 환경에서 필요한 라이브러리)

라이브러리	설명 및 사용 이유
`react`	리액트 코어 라이브러리, 컴포넌트 기반의 UI를 작성하기 위해 사용.
`react-dom`	리액트 컴포넌트와 실제 DOM을 연결해주는 라이브러리.
`react-router-dom`	클라이언트 사이드 라우팅을 위한 리액트 라우터 라이브러리.
`styled-components`	CSS-in-JS 방식으로 스타일을 작성할 수 있게 해주는 라이브러리.

라이브러리	설명 및 사용 이유
`typescript`	TypeScript 언어 지원, 정적 타입 체킹을 위해 사용.
`ts-loader`	TypeScript 코드를 Webpack에서 번들링 가능하게 변환.
`tsx`	TypeScript 파일을 실행할 수 있게 도와주는 도구.

라이브러리	설명 및 사용 이유
`eslint`	코드 품질을 유지하고 잠재적 오류를 방지하기 위한 정적 코드 분석 도구.
`typescript-eslint`	TypeScript와 ESLint를 통합하여 함께 사용할 수 있게 해주는 도구.
`eslint-plugin-react`	리액트 프로젝트에서 권장되는 린트 규칙을 제공하는 ESLint 플러그인.
`@eslint/js`	JavaScript 관련 ESLint 규칙을 제공하는 플러그인.
`prettier`	코드 포맷팅 도구, 일관된 코드 스타일을 유지하기 위해 사용.

라이브러리	설명 및 사용 이유
`webpack`	모듈 번들러, 프로젝트 파일을 효율적으로 관리 및 번들링.
`webpack-cli`	CLI 환경에서 Webpack을 실행할 수 있게 해주는 도구.
`webpack-dev-server`	개발 서버를 제공하여 라이브 리로드와 핫 리로딩을 지원.
`webpack-merge`	Webpack 설정을 여러 파일로 나누고 병합할 수 있게 해주는 라이브러리.
`html-webpack-plugin`	HTML 파일을 자동으로 생성하고, 번들링된 JS 파일을 포함시킴.
`@types/html-webpack-plugin`	`html-webpack-plugin`의 TypeScript 타입 정의.
`mini-css-extract-plugin`	CSS를 별도 파일로 추출하는 Webpack 플러그인.
`css-loader`	CSS 파일을 JavaScript에서 import할 수 있게 변환.
`style-loader`	CSS를 JS 번들에 포함시켜 브라우저에 적용.
`css-minimizer-webpack-plugin`	CSS 파일을 최소화(압축)하기 위한 Webpack 플러그인.

라이브러리	설명 및 사용 이유
`react-refresh`	리액트의 Fast Refresh를 제공하여 코드 변경 시 핫 리로딩 지원.
`@pmmmwh/react-refresh-webpack-plugin`	Webpack에서 `react-refresh`를 쉽게 사용할 수 있게 지원.
`@types/react-refresh`	`react-refresh`의 TypeScript 타입 정의.

라이브러리	설명 및 사용 이유
`webpack-bundle-analyzer`	번들 크기를 시각화하여 디버깅할 수 있게 지원.