42 lines
1.2 KiB
React
42 lines
1.2 KiB
React
|
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;
|