Taehoon/ITAM
2
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: CSS 파일 모듈화 및 컴포넌트별 직접 Import 구조 전환 (방안 B)

Browse Source 
- HTML 내 CSS link 태그들을 삭제하고, 각 TS 진입점 파일에서 CSS 파일을 직접 import하도록 연동

- 스타일 파일들을 각 컴포넌트/뷰 디렉토리 옆으로 이동 배치 (Co-location)

- guide.css, modal.css, dashboard.css, table.css, map-editor.css 이동 및 경로 갱신

- 디자인 시스템(common.css) 및 로그인 스타일(login.css)은 전역 배치 유지하고 main.ts에서 통합 임포트
This commit is contained in:
이태훈
2026-06-19 15:04:36 +09:00
parent 587e92a7da
commit e8bc42e5de
13 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -8,12 +8,6 @@
<title>한맥가족 자산관리시스템</title> <title>한맥가족 자산관리시스템</title>
<link rel="stylesheet" <link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css" /> href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css" />
<link rel="stylesheet" href="/src/styles/common.css" />
<link rel="stylesheet" href="/src/styles/login.css" />
<link rel="stylesheet" href="/src/styles/guide.css" />
<link rel="stylesheet" href="/src/styles/modal.css" />
<link rel="stylesheet" href="/src/styles/dashboard.css" />
<link rel="stylesheet" href="/src/styles/table.css" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
</head> </head>

2
map_editor.html
View File

@@ -5,8 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ITAM Map Coordinate Editor v3.0</title> <title>ITAM Map Coordinate Editor v3.0</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css" />
<link rel="stylesheet" href="/src/styles/common.css" />
<link rel="stylesheet" href="/src/styles/map-editor.css" />
</head> </head>
<body class="editor-body"> <body class="editor-body">

1
src/components/Guide.ts
View File

@@ -1,5 +1,6 @@
import { createIcons, BookOpen, X, ChevronDown, ChevronRight, RefreshCw } from 'lucide'; import { createIcons, BookOpen, X, ChevronDown, ChevronRight, RefreshCw } from 'lucide';
import { state } from '../core/state'; import { state } from '../core/state';
import './guide.css';
// ─── 자산별 가이드 콘텐츠 정의 (SW_Table 브랜치 전체 복구) ─── // ─── 자산별 가이드 콘텐츠 정의 (SW_Table 브랜치 전체 복구) ───
interface GuideTabConfig { interface GuideTabConfig {

1
src/components/Modal/BaseModal.ts
View File

@@ -1,5 +1,6 @@
import { createIcons, X } from 'lucide'; import { createIcons, X } from 'lucide';
import { setEditLock } from './ModalUtils'; import { setEditLock } from './ModalUtils';
import './modal.css';
/** /**
* 모든 모달의 공통 기능을 관리하는 베이스 추상 클래스입니다. * 모든 모달의 공통 기능을 관리하는 베이스 추상 클래스입니다.

0
src/styles/modal.css → src/components/Modal/modal.css
View File

0
src/styles/guide.css → src/components/guide.css
View File

2
src/main.ts
View File

@@ -1,3 +1,5 @@
import './styles/common.css';
import './styles/login.css';
import { state, loadMasterDataFromDB, saveAsset } from './core/state'; import { state, loadMasterDataFromDB, saveAsset } from './core/state';
import { renderNavigation } from './components/Navigation'; import { renderNavigation } from './components/Navigation';
import { renderDashboard } from './views/DashboardView'; import { renderDashboard } from './views/DashboardView';

2
src/map-editor-main.ts
View File

@@ -1,5 +1,5 @@
import './styles/common.css'; import './styles/common.css';
import './styles/map-editor.css'; import './views/map-editor.css';
import { MapEditor } from './views/MapEditor'; import { MapEditor } from './views/MapEditor';
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {

0
src/styles/dashboard.css → src/views/Dashboard/dashboard.css
View File

1
src/views/DashboardView.ts
View File

@@ -1,6 +1,7 @@
import { state } from '../core/state'; import { state } from '../core/state';
import { renderHwDashboard } from './Dashboard/HwDashboard'; import { renderHwDashboard } from './Dashboard/HwDashboard';
import { renderSwDashboard } from './Dashboard/SwDashboard'; import { renderSwDashboard } from './Dashboard/SwDashboard';
import './Dashboard/dashboard.css';
/** /**
* 대시보드 렌더링 통합 허브 (Vercel Style Normalized) * 대시보드 렌더링 통합 허브 (Vercel Style Normalized)

1
src/views/List/ListFactory.ts
View File

@@ -4,6 +4,7 @@ import { setupTableSorting, SortState } from '../../core/tableHandler';
import { renderFilterBar, applyCommonFilters } from '../../core/filterHandler'; import { renderFilterBar, applyCommonFilters } from '../../core/filterHandler';
import { state } from '../../core/state'; import { state } from '../../core/state';
import { IMAGE_LOCATIONS } from '../../components/Modal/SharedData'; import { IMAGE_LOCATIONS } from '../../components/Modal/SharedData';
import './table.css';
declare var Chart: any; declare var Chart: any;
let pcFlowChartInstance: any = null; let pcFlowChartInstance: any = null;

0
src/styles/table.css → src/views/List/table.css
View File

0
src/styles/map-editor.css → src/views/map-editor.css
View File