caadiq
4ec368c936
- frontend-temp/ 폴더 생성 (Strangler Fig Pattern) - package.json: clsx 추가, 버전 2.0.0 - vite.config.js: @ path alias 추가 - 기본 폴더 구조 생성 (api, components, hooks, pages, stores, utils, constants) - docker-compose.yml: fromis9-frontend-dev 서비스 추가 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
|
import { isMobile } from "react-device-detect";
|
|
|
|
/**
|
|
* 프로미스나인 팬사이트 메인 앱
|
|
*
|
|
* Phase 1: 프로젝트 셋업 완료
|
|
* - 기본 구조 및 설정 파일 생성
|
|
* - React Query, React Router 설정
|
|
* - Tailwind CSS 설정
|
|
*
|
|
* 다음 단계에서 유틸리티, 스토어, API, 컴포넌트들이 추가될 예정
|
|
*/
|
|
function App() {
|
|
return (
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route
|
|
path="/"
|
|
element={
|
|
<div className="min-h-screen flex items-center justify-center bg-gray-50">
|
|
<div className="text-center">
|
|
<h1 className="text-2xl font-bold text-primary mb-2">
|
|
fromis_9 Frontend Refactoring
|
|
</h1>
|
|
<p className="text-gray-600">
|
|
Phase 1 완료 - 프로젝트 셋업
|
|
</p>
|
|
<p className="text-sm text-gray-500 mt-2">
|
|
디바이스: {isMobile ? "모바일" : "PC"}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
}
|
|
/>
|
|
</Routes>
|
|
</BrowserRouter>
|
|
);
|
|
}
|
|
|
|
export default App;
|