Skip to content
This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Commit 2a7fdf7

Browse files
shimaenaga1123shimaenaga1123
committed
Use Tailwind CSS
1 parent e1c8b7a commit 2a7fdf7

File tree

19 files changed

+1662
-1257
lines changed

19 files changed

+1662
-1257
lines changed

‎.editorconfig‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@ root = true
33

44
[*]
55
charset = utf-8
6-
indent_style = space
6+
indent_style = tab
7+
tab_width = 2
78
indent_size = 2
89
insert_final_newline = true
910
trim_trailing_whitespace = true

‎.github/workflows/build.yml‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
name: Build and Test
2+
3+
on:
4+
push:
5+
branches: [ main, develop ]
6+
pull_request:
7+
branches: [ main ]
8+
9+
jobs:
10+
build:
11+
runs-on: ubuntu-latest
12+
13+
steps:
14+
- name: Checkout code
15+
uses: actions/checkout@v4
16+
17+
- name: Setup Bun
18+
uses: oven-sh/setup-bun@v1
19+
with:
20+
bun-version: latest
21+
22+
- name: Install dependencies
23+
run: bun install
24+
25+
- name: Build application
26+
run: bun run build
27+
28+
- name: Run tests
29+
run: bun run test -- --watch=false --browsers=ChromeHeadless
30+
31+
- name: Deploy on Cloudflare Pages
32+
uses: cloudflare/wrangler-action@v3
33+
with:
34+
apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
35+
accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
36+
command: pages deploy docs --project-name='dimiplan-backend-docs'
37+
gitHubToken: ${{ secrets.GITHUB_TOKEN }}

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,3 +40,4 @@ testem.log
4040
# System files
4141
.DS_Store
4242
Thumbs.db
43+
.claude/

‎README.md‎

Lines changed: 104 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,125 @@
1-
# AdminPanel
2-
3-
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.0.2.
4-
5-
## Development server
6-
7-
To start a local development server, run:
8-
9-
```bash
10-
ng serve
11-
```
12-
13-
Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
14-
15-
## Code scaffolding
16-
17-
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
18-
1+
# Dimiplan 관리자 패널
2+
3+
Dimiplan 백엔드 시스템을 위한 포괄적인 Angular 기반 관리자 인터페이스입니다. Material Design 3 테마를 적용한 현대적인 관리자 패널로, 시스템 모니터링 및 관리 기능을 제공합니다.
4+
5+
## 주요 기능
6+
7+
### 🏠 대시보드
8+
- **시스템 상태 모니터링**: 서버 가동시간, 메모리 사용량, 플랫폼 정보, Node.js 버전 등 실시간 표시
9+
- **사용자 통계**: 총 사용자 수, 활성 사용자(30일), 최근 신규 사용자 등록 현황
10+
- **빠른 작업**: 로그, 데이터베이스, API 문서로의 편리한 탐색
11+
- **메모리 사용량 시각화**: 힙 메모리 사용률 진행 막대 표시
12+
13+
### 🗄️ 데이터베이스 관리
14+
- **테이블 브라우저**: 행 개수와 함께 모든 데이터베이스 테이블 목록 표시
15+
- **데이터 뷰어**: 테이블 구조(컬럼, 데이터 타입, 키, 제약조건) 표시
16+
- **페이지네이션**: 설정 가능한 페이지 크기(25, 50, 100, 200개 레코드)로 테이블 데이터 탐색
17+
- **데이터 내보내기**: 테이블 데이터 CSV 내보내기 기능
18+
- **컬럼 정보**: 데이터 타입, null 허용 여부, 기본 키, 고유 키, 인덱스 표시
19+
20+
### 📋 로그 관리
21+
- **로그 파일 브라우저**: 크기와 수정 날짜와 함께 사용 가능한 모든 로그 파일 목록
22+
- **로그 뷰어**: 설정 가능한 라인 제한(50, 100, 200, 500개 또는 전체)으로 실시간 로그 내용 보기
23+
- **로그 필터링**: 로그 레벨별 필터링(error, warn, info, verbose)
24+
- **구문 강조**: 로그 레벨과 타임스탬프 색상 구분
25+
- **다운로드**: 완전한 로그 파일 로컬 다운로드
26+
27+
### 📚 API 문서
28+
- **자동 생성 문서**: JSDoc으로 자동 생성된 API 문서 표시
29+
- **검색 및 필터**: 경로, 메서드, 설명으로 API 엔드포인트 검색
30+
- **cURL 예제**: 각 엔드포인트에 대한 즉시 사용 가능한 cURL 명령어 생성
31+
- **문서 내보내기**: API 문서를 Markdown 파일로 내보내기
32+
- **실시간 재생성**: 요청 시 JSDoc 문서 재생성
33+
34+
## 기술 스택
35+
36+
### 핵심 프레임워크
37+
- **Angular 20.0.3** (최신 버전)
38+
- **Angular Material 20.0.3** (Material Design 3 테마)
39+
- **RxJS 7.8.2** (반응형 프로그래밍)
40+
41+
### UI/스타일링
42+
- **Tailwind CSS 3.4.17** (유틸리티 우선 스타일링)
43+
- **Material Design 3** 색상 시스템 및 타이포그래피
44+
- **PostCSS & Autoprefixer** (CSS 처리)
45+
46+
### 개발 도구
47+
- **TypeScript 5.8.3**
48+
- **Jasmine & Karma** (테스트)
49+
- **Angular CLI 20.0.2**
50+
51+
## 설치 및 실행
52+
53+
### 사전 요구사항
54+
- Node.js 18+
55+
- npm 또는 yarn
56+
- Angular CLI 20+
57+
58+
### 설치
1959
```bash
20-
ng generate component component-name
60+
npm install
2161
```
2262

23-
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
24-
63+
### 개발 서버 실행
2564
```bash
26-
ng generate --help
65+
npm start
66+
# 또는
67+
ng serve
2768
```
2869

29-
## Building
30-
31-
To build the project run:
70+
개발 서버가 실행되면 브라우저에서 `http://localhost:4200/`로 접속하세요.
3271

72+
### 빌드
3373
```bash
74+
npm run build
75+
# 또는
3476
ng build
3577
```
3678

37-
This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
38-
39-
## Running unit tests
40-
41-
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
79+
빌드 결과물은 `dist/` 디렉토리에 생성됩니다.
4280

81+
### 테스트
4382
```bash
83+
npm test
84+
# 또는
4485
ng test
4586
```
4687

47-
## Running end-to-end tests
88+
## 인증 및 보안
4889

49-
For end-to-end (e2e) testing, run:
90+
### Google OAuth 인증
91+
- **Google 계정 연동**: Google OAuth를 통한 안전한 인증
92+
- **자동 로그인**: 세션 유지 및 자동 인증 처리
93+
- **권한 관리**: 인증된 사용자만 관리자 기능 접근 가능
5094

51-
```bash
52-
ng e2e
53-
```
95+
### 보안 기능
96+
- **HTTP 인터셉터**: 401 미인증 응답 자동 처리
97+
- **CORS 지원**: 도메인 간 쿠키 세션 상태 유지
98+
- **토큰 기반 인증**: 안전한 API 통신
99+
100+
## 설정
101+
102+
### 백엔드 API 연결
103+
기본적으로 `https://api-dev.dimiplan.com`에 연결됩니다. 다른 API 서버를 사용하려면 `src/app/services/admin.service.ts`에서 `API_BASE_URL`을 수정하세요.
54104

55-
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
105+
### 테마 설정
106+
- **라이트/다크 모드**: 사용자 기본 설정에 따라 자동 적용
107+
- **Material Design 3**: 최신 Material Design 가이드라인 적용
108+
- **반응형 디자인**: 모바일 친화적 레이아웃
56109

57-
## Additional Resources
110+
## 프로젝트 구조
58111

59-
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
112+
```
113+
src/app/
114+
├── components/ # 주요 컴포넌트
115+
│ ├── dashboard/ # 대시보드
116+
│ ├── database/ # 데이터베이스 관리
117+
│ ├── logs/ # 로그 관리
118+
│ ├── api-docs/ # API 문서
119+
│ └── login-modal/ # 로그인 모달
120+
├── services/ # 서비스
121+
│ ├── admin.service.ts # 관리자 API 서비스
122+
│ └── auth-modal.service.ts # 인증 모달 서비스
123+
├── interceptors/ # HTTP 인터셉터
124+
└── styles/ # 전역 스타일
125+
```

‎bun.lock‎

Lines changed: 24 additions & 24 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "admin-panel",
3-
"version": "0.0.0",
3+
"version": "1.0.0",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve",
@@ -10,30 +10,33 @@
1010
},
1111
"private": true,
1212
"dependencies": {
13-
"@angular/animations": "^20.0.3",
14-
"@angular/cdk": "^20.0.3",
15-
"@angular/common": "^20.0.0",
16-
"@angular/compiler": "^20.0.0",
17-
"@angular/core": "^20.0.0",
18-
"@angular/forms": "^20.0.0",
19-
"@angular/material": "^20.0.3",
20-
"@angular/platform-browser": "^20.0.0",
21-
"@angular/router": "^20.0.0",
22-
"rxjs": "~7.8.0",
23-
"tslib": "^2.3.0",
24-
"zone.js": "~0.15.0"
13+
"@angular/animations": "20.0.3",
14+
"@angular/cdk": "20.0.3",
15+
"@angular/common": "20.0.3",
16+
"@angular/compiler": "20.0.3",
17+
"@angular/core": "20.0.3",
18+
"@angular/forms": "20.0.3",
19+
"@angular/material": "20.0.3",
20+
"@angular/platform-browser": "20.0.3",
21+
"@angular/router": "20.0.3",
22+
"rxjs": "7.8.2",
23+
"tslib": "2.8.1",
24+
"zone.js": "0.15.1"
2525
},
2626
"devDependencies": {
27-
"@angular/build": "^20.0.2",
28-
"@angular/cli": "^20.0.2",
29-
"@angular/compiler-cli": "^20.0.0",
30-
"@types/jasmine": "~5.1.0",
31-
"jasmine-core": "~5.7.0",
32-
"karma": "~6.4.0",
33-
"karma-chrome-launcher": "~3.2.0",
34-
"karma-coverage": "~2.2.0",
35-
"karma-jasmine": "~5.1.0",
36-
"karma-jasmine-html-reporter": "~2.1.0",
37-
"typescript": "~5.8.2"
27+
"@angular/build": "20.0.2",
28+
"@angular/cli": "20.0.2",
29+
"@angular/compiler-cli": "20.0.3",
30+
"@types/jasmine": "5.1.8",
31+
"autoprefixer": "^10.4.21",
32+
"jasmine-core": "5.8.0",
33+
"karma": "6.4.4",
34+
"karma-chrome-launcher": "3.2.0",
35+
"karma-coverage": "2.2.1",
36+
"karma-jasmine": "5.1.0",
37+
"karma-jasmine-html-reporter": "2.1.0",
38+
"postcss": "^8.5.5",
39+
"tailwindcss": "^3.4.17",
40+
"typescript": "5.8.3"
3841
}
3942
}

‎postcss.config.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
6+
}

0 commit comments

Comments
 (0)
⚡