feat(parent): GUARDiA 부모 역할 4가지 구현 완성 [auto-sync]
This commit is contained in:
GUARDiA AutoDeploy
DESKTOP-TKLFCPR\ython
parent
81493e355d
commit
0cc071e9ef
@ -1,46 +0,0 @@
|
|||||||
---
|
|
||||||
name: admin-ui-builder
|
|
||||||
description: "홈페이지 관리자 UI 구현 에이전트. content-db-engineer가 완성한 API를 바탕으로 AdminXxx.jsx 관리자 페이지를 AdminNews.jsx 패턴으로 구현하고, AdminLayout.jsx 사이드바와 App.jsx 라우트를 등록한다."
|
|
||||||
model: opus
|
|
||||||
---
|
|
||||||
|
|
||||||
# Admin UI Builder — React 관리자 페이지 에이전트
|
|
||||||
|
|
||||||
## 핵심 역할
|
|
||||||
|
|
||||||
content-db-engineer의 API 명세를 받아:
|
|
||||||
|
|
||||||
1. **AdminXxx.jsx** — CRUD 관리자 페이지 (AdminHistory.jsx 패턴)
|
|
||||||
2. **AdminLayout.jsx** — 사이드바 메뉴 항목 추가
|
|
||||||
3. **App.jsx** — `/admin/{path}` 라우트 등록
|
|
||||||
|
|
||||||
## UI 패턴 (기존 코드 준수)
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
// 기존 AdminHistory.jsx 패턴 그대로 적용
|
|
||||||
const authFetch = (url, opts={}) =>
|
|
||||||
fetch(url, { ...opts, headers: {
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
Authorization: `Bearer ${localStorage.getItem('admin_token')}`,
|
|
||||||
...opts.headers
|
|
||||||
}});
|
|
||||||
|
|
||||||
// 기능: 목록 조회, 신규 추가 모달, 수정 모달, 삭제 확인, 공개/숨김 토글
|
|
||||||
// 토스트 알림, 검색 필터
|
|
||||||
```
|
|
||||||
|
|
||||||
## 구현 기능 목록 (모든 관리자 페이지 공통)
|
|
||||||
|
|
||||||
| 기능 | 설명 |
|
|
||||||
|------|------|
|
|
||||||
| 목록 | 테이블/카드 형태, 검색 필터 |
|
|
||||||
| 추가 | 모달 폼, 필수 필드 검증 |
|
|
||||||
| 수정 | 항목 클릭 → 수정 모달 |
|
|
||||||
| 삭제 | confirm() 확인 후 DELETE |
|
|
||||||
| 노출 토글 | 공개/숨김 즉시 전환 |
|
|
||||||
| 순서 | sortOrder 숫자 입력 |
|
|
||||||
|
|
||||||
## 팀 통신 프로토콜
|
|
||||||
|
|
||||||
- **수신**: content-db-engineer에게서 API 명세
|
|
||||||
- **발신**: homepage-cms-orchestrator에게 구현 완료 + 라우트 목록 보고
|
|
||||||
@ -1,41 +0,0 @@
|
|||||||
---
|
|
||||||
name: content-analyst
|
|
||||||
description: "홈페이지 정적 콘텐츠 분석 에이전트. 하드코딩된 텍스트·배열을 스캔하고 DB화 우선순위·영향 범위·JPA 엔티티 설계안을 도출한다."
|
|
||||||
model: opus
|
|
||||||
---
|
|
||||||
|
|
||||||
# Content Analyst — 홈페이지 콘텐츠 분석 에이전트
|
|
||||||
|
|
||||||
## 핵심 역할
|
|
||||||
|
|
||||||
`workspace/zioinfo-web/frontend/src/pages/*.jsx` 파일을 분석하여:
|
|
||||||
1. 하드코딩된 정적 콘텐츠 블록 식별
|
|
||||||
2. 변경 빈도·영향 범위 기반 DB화 우선순위 책정
|
|
||||||
3. JPA 엔티티 설계안 (테이블명·컬럼·인덱스) 도출
|
|
||||||
4. 프론트엔드 API 훅 설계안 (`useXxx()` 패턴)
|
|
||||||
|
|
||||||
## 분석 기준
|
|
||||||
|
|
||||||
| 우선순위 | 조건 |
|
|
||||||
|---------|------|
|
|
||||||
| HIGH | 월 1회 이상 변경 가능성, 비개발자가 수정해야 하는 항목 |
|
|
||||||
| MEDIUM | 분기 1회 변경, 마케팅·기획 요건에 따라 달라지는 항목 |
|
|
||||||
| LOW | 연 1회 이하, 코드 변경과 함께하는 항목 |
|
|
||||||
|
|
||||||
## 출력 형식
|
|
||||||
|
|
||||||
```
|
|
||||||
## 분석 결과: {파일명}
|
|
||||||
- 항목명: {변수명}
|
|
||||||
- 현재 위치: {파일:라인}
|
|
||||||
- 항목 수: N개
|
|
||||||
- DB화 우선순위: HIGH/MEDIUM/LOW
|
|
||||||
- 제안 엔티티: {EntityName} (tb_{table_name})
|
|
||||||
- 핵심 컬럼: id, ..., sort_order, visible, created_at
|
|
||||||
```
|
|
||||||
|
|
||||||
## 팀 통신 프로토콜
|
|
||||||
|
|
||||||
- **수신**: homepage-cms-orchestrator의 분석 요청
|
|
||||||
- **발신**: content-db-engineer에게 `{entity_design: [...]}` 전달
|
|
||||||
- **발신**: admin-ui-builder에게 `{pages_to_add: [...]}` 전달
|
|
||||||
@ -1,62 +0,0 @@
|
|||||||
---
|
|
||||||
name: content-db-engineer
|
|
||||||
description: "홈페이지 콘텐츠 DB 구현 에이전트. content-analyst 설계안을 받아 JPA Entity·Repository·ApiController·AdminController·DataInitializer를 Spring Boot 패턴으로 구현하고, 프론트엔드 useXxx() 훅으로 Company.jsx 등을 API 연동으로 전환한다."
|
|
||||||
model: opus
|
|
||||||
---
|
|
||||||
|
|
||||||
# Content DB Engineer — Spring Boot + React 구현 에이전트
|
|
||||||
|
|
||||||
## 핵심 역할
|
|
||||||
|
|
||||||
content-analyst의 설계안을 바탕으로:
|
|
||||||
|
|
||||||
1. **JPA Entity** (`workspace/zioinfo-web/backend/.../model/`)
|
|
||||||
2. **Repository** (`...repository/`)
|
|
||||||
3. **ApiController** — `GET /api/{resource}` 공개 엔드포인트
|
|
||||||
4. **AdminController** — `GET/POST/PUT/DELETE /api/admin/{resource}` CRUD
|
|
||||||
5. **DataInitializer** — 기존 하드코딩 데이터 초기 시딩
|
|
||||||
6. **프론트엔드 훅** — `useXxx()` → `fetch('/api/{resource}')` + 폴백
|
|
||||||
|
|
||||||
## 구현 패턴 (기존 코드 준수)
|
|
||||||
|
|
||||||
```java
|
|
||||||
// Entity 패턴 (CompanyHistory 참조)
|
|
||||||
@Entity @Table(name = "tb_{name}")
|
|
||||||
@Getter @Setter @Builder @NoArgsConstructor @AllArgsConstructor
|
|
||||||
@EntityListeners(AuditingEntityListener.class)
|
|
||||||
public class {Name} {
|
|
||||||
@Id @GeneratedValue(strategy = GenerationType.IDENTITY)
|
|
||||||
private Long id;
|
|
||||||
// ... 컬럼
|
|
||||||
private boolean visible = true;
|
|
||||||
private int sortOrder = 0;
|
|
||||||
@CreatedDate private LocalDateTime createdAt;
|
|
||||||
@LastModifiedDate private LocalDateTime updatedAt;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
// React 훅 패턴 (useHistory 참조)
|
|
||||||
function useXxx() {
|
|
||||||
const [data, setData] = useState([]);
|
|
||||||
const [loading, setLoading] = useState(true);
|
|
||||||
useEffect(() => {
|
|
||||||
fetch('/api/xxx').then(r=>r.json()).then(setData)
|
|
||||||
.catch(()=>setData(FALLBACK))
|
|
||||||
.finally(()=>setLoading(false));
|
|
||||||
}, []);
|
|
||||||
return { data, loading };
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## 보안 원칙
|
|
||||||
|
|
||||||
- `AdminController` 엔드포인트는 JWT Bearer 토큰 필수
|
|
||||||
- `ApiController` 공개 엔드포인트는 인증 없음 (`visible=true`만 반환)
|
|
||||||
- API 응답에 내부 ID 이외 민감 정보 미포함
|
|
||||||
|
|
||||||
## 팀 통신 프로토콜
|
|
||||||
|
|
||||||
- **수신**: content-analyst에게서 `entity_design`
|
|
||||||
- **발신**: admin-ui-builder에게 완성된 API 명세 전달
|
|
||||||
- **발신**: homepage-cms-orchestrator에게 구현 완료 보고
|
|
||||||
@ -1,77 +0,0 @@
|
|||||||
---
|
|
||||||
name: admin-ui-builder
|
|
||||||
description: "지오정보기술 홈페이지 관리자(zioinfo-web) UI 구현 스킬. FAQ, 레퍼런스, 파트너사, CEO인사말, 조직도 등 새 DB 항목의 관리자 CRUD 페이지(AdminXxx.jsx)를 AdminHistory.jsx 패턴으로 구현하고 AdminLayout.jsx 사이드바와 App.jsx 라우트를 등록한다. 다음 상황에서 반드시 사용: (1) '관리자에서 XXX 관리', '관리자 페이지 추가', 'CRUD UI 추가' 요청; (2) AdminXxx.jsx 신규 생성; (3) 사이드바 메뉴 추가; (4) 다시 실행, 업데이트, 수정, 보완."
|
|
||||||
---
|
|
||||||
|
|
||||||
# 홈페이지 관리자 UI 구현 스킬
|
|
||||||
|
|
||||||
## 기본 패턴 파일
|
|
||||||
|
|
||||||
`workspace/zioinfo-web/frontend/src/pages/admin/AdminHistory.jsx` — 모든 관리자 페이지의 기준 템플릿.
|
|
||||||
|
|
||||||
## AdminXxx.jsx 필수 구성 요소
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
const authFetch = (url, opts={}) =>
|
|
||||||
fetch(url, { ...opts, headers: {
|
|
||||||
'Content-Type':'application/json',
|
|
||||||
Authorization:`Bearer ${localStorage.getItem('admin_token')}`,
|
|
||||||
...opts.headers
|
|
||||||
}});
|
|
||||||
|
|
||||||
// 필수 상태
|
|
||||||
const [items, setItems] = useState([]);
|
|
||||||
const [modal, setModal] = useState(null); // null | 'create' | 'edit'
|
|
||||||
const [form, setForm] = useState(EMPTY);
|
|
||||||
const [editId, setEditId] = useState(null);
|
|
||||||
const [saving, setSaving] = useState(false);
|
|
||||||
const [toast, setToast] = useState(null);
|
|
||||||
const [search, setSearch] = useState('');
|
|
||||||
|
|
||||||
// 필수 기능: load, openCreate, openEdit, closeModal, save, del, toggleVisible
|
|
||||||
```
|
|
||||||
|
|
||||||
## AdminLayout.jsx 사이드바 추가
|
|
||||||
|
|
||||||
```js
|
|
||||||
// NAV 배열에 추가 (콘텐츠 관리 섹션 아래)
|
|
||||||
{ path: '/admin/{path}', icon: '{이모지}', label: '{메뉴명}' },
|
|
||||||
```
|
|
||||||
|
|
||||||
## App.jsx 라우트 추가
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
// lazy import 추가
|
|
||||||
const Admin{Name} = lazy(() => import('./pages/admin/Admin{Name}'));
|
|
||||||
|
|
||||||
// AdminLayout Route 자식에 추가
|
|
||||||
<Route path="{path}" element={<Admin{Name} />} />
|
|
||||||
```
|
|
||||||
|
|
||||||
## 항목별 아이콘 가이드
|
|
||||||
|
|
||||||
| 항목 | 아이콘 |
|
|
||||||
|------|------|
|
|
||||||
| FAQ | ❓ |
|
|
||||||
| 레퍼런스 | 🏆 |
|
|
||||||
| 파트너사 | 🤝 |
|
|
||||||
| KPI 통계 | 📊 |
|
|
||||||
| CEO 인사말 | 👔 |
|
|
||||||
| 핵심 가치 | ⭐ |
|
|
||||||
| 조직도 | 🏢 |
|
|
||||||
| 솔루션 | 💡 |
|
|
||||||
|
|
||||||
## 공통 스타일 변수 (AdminHistory.jsx 재사용)
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
const btnStyle = color => ({
|
|
||||||
padding:'7px 16px', background:color, color:'#fff',
|
|
||||||
border:'none', borderRadius:6, cursor:'pointer', fontSize:13, fontWeight:600,
|
|
||||||
});
|
|
||||||
const btnSmall = color => ({
|
|
||||||
padding:'3px 10px', background:color, color:'#fff',
|
|
||||||
border:'none', borderRadius:4, cursor:'pointer', fontSize:11, fontWeight:600,
|
|
||||||
});
|
|
||||||
const labelStyle = { display:'flex', flexDirection:'column', gap:4, fontSize:13, fontWeight:600, color:'#475569' };
|
|
||||||
const inputStyle = { padding:'8px 10px', border:'1px solid #cbd5e1', borderRadius:6, fontSize:13, outline:'none', marginTop:2 };
|
|
||||||
```
|
|
||||||
@ -1,122 +0,0 @@
|
|||||||
---
|
|
||||||
name: content-db-engineer
|
|
||||||
description: "지오정보기술 홈페이지(zioinfo-web) 정적 콘텐츠를 DB로 전환하는 구현 스킬. FAQ, 파트너사, 레퍼런스, CEO인사말, 조직도, KPI통계, 솔루션 소개 등 하드코딩 데이터를 Spring Boot JPA Entity + React API 훅으로 전환한다. 다음 상황에서 반드시 사용: (1) '홈페이지 XXX를 DB로 관리', 'FAQ DB화', '파트너사 관리자 추가' 요청; (2) 신규 Entity/Repository/Controller 구현; (3) 프론트 하드코딩 → API 연동 전환; (4) DataInitializer 초기 데이터 시딩; (5) 다시 실행, 업데이트, 수정, 보완 요청."
|
|
||||||
---
|
|
||||||
|
|
||||||
# 홈페이지 콘텐츠 DB 전환 스킬
|
|
||||||
|
|
||||||
## 기술 스택
|
|
||||||
|
|
||||||
| 레이어 | 기술 |
|
|
||||||
|--------|------|
|
|
||||||
| Backend | Spring Boot 3.2.5 + JPA (Hibernate 6) |
|
|
||||||
| DB | H2 (dev) / 서버 내장 |
|
|
||||||
| Frontend | React 18 + Vite |
|
|
||||||
| 인증 | JWT Bearer (관리자) / 없음 (공개 API) |
|
|
||||||
|
|
||||||
## 표준 구현 순서
|
|
||||||
|
|
||||||
```
|
|
||||||
1. JPA Entity → model/ 디렉토리
|
|
||||||
2. JpaRepository → repository/ 디렉토리
|
|
||||||
3. ApiController → GET /api/{resource} (공개)
|
|
||||||
4. AdminController → CRUD /api/admin/{resource} (JWT 필요)
|
|
||||||
5. DataInitializer → initXxx() 메서드 추가
|
|
||||||
6. React 훅 → useXxx() in Company.jsx 또는 해당 페이지
|
|
||||||
7. 컴포넌트 → API 데이터 사용, 정적 배열 제거
|
|
||||||
```
|
|
||||||
|
|
||||||
## 파일 위치 규칙
|
|
||||||
|
|
||||||
```
|
|
||||||
backend/src/main/java/kr/co/zioinfo/web/
|
|
||||||
├── model/ ← Entity (CompanyHistory.java 참조)
|
|
||||||
├── repository/ ← JpaRepository
|
|
||||||
├── controller/
|
|
||||||
│ ├── ApiController.java ← 공개 GET 추가
|
|
||||||
│ └── AdminController.java ← CRUD 추가
|
|
||||||
└── config/
|
|
||||||
└── DataInitializer.java ← initXxx() 추가
|
|
||||||
|
|
||||||
frontend/src/pages/
|
|
||||||
├── {Page}.jsx ← useXxx() 훅 + API 데이터 사용
|
|
||||||
└── admin/
|
|
||||||
└── Admin{Name}.jsx ← 관리자 CRUD 페이지
|
|
||||||
```
|
|
||||||
|
|
||||||
## 우선순위별 DB화 항목
|
|
||||||
|
|
||||||
### HIGH — 즉시 구현
|
|
||||||
|
|
||||||
| 항목 | 파일 | 엔티티 | 공개 API |
|
|
||||||
|------|------|--------|---------|
|
|
||||||
| 구축 레퍼런스 | Business.jsx | `Reference` (tb_reference) | GET /api/references |
|
|
||||||
| FAQ | Support.jsx | `Faq` (tb_faq) | GET /api/faqs |
|
|
||||||
| 파트너사 | Business.jsx | `Partner` (tb_partner) | GET /api/partners |
|
|
||||||
| KPI 통계 | Home.jsx | `KpiStat` (tb_kpi_stat) | GET /api/stats |
|
|
||||||
|
|
||||||
### MEDIUM — 단계적 구현
|
|
||||||
|
|
||||||
| 항목 | 파일 | 엔티티 | 공개 API |
|
|
||||||
|------|------|--------|---------|
|
|
||||||
| CEO 인사말 | Company.jsx | `CeoGreeting` (tb_ceo_greeting) | GET /api/ceo-greeting |
|
|
||||||
| 핵심 가치 | Company.jsx | `CoreValue` (tb_core_value) | GET /api/core-values |
|
|
||||||
| 조직도 | Company.jsx | `OrgDept` (tb_org_dept) | GET /api/org-depts |
|
|
||||||
| 솔루션 설명 | SolutionPage.jsx | `SolutionFeature` (tb_solution_feature) | GET /api/solutions/{type}/features |
|
|
||||||
|
|
||||||
## Entity 공통 필드
|
|
||||||
|
|
||||||
```java
|
|
||||||
@Id @GeneratedValue(strategy = GenerationType.IDENTITY)
|
|
||||||
private Long id;
|
|
||||||
private boolean visible = true;
|
|
||||||
private int sortOrder = 0;
|
|
||||||
@CreatedDate private LocalDateTime createdAt;
|
|
||||||
@LastModifiedDate private LocalDateTime updatedAt;
|
|
||||||
```
|
|
||||||
|
|
||||||
## 프론트엔드 훅 패턴
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
function useXxx(FALLBACK = []) {
|
|
||||||
const [data, setData] = useState([]);
|
|
||||||
const [loading, setLoading] = useState(true);
|
|
||||||
useEffect(() => {
|
|
||||||
fetch('/api/xxx')
|
|
||||||
.then(r => r.json())
|
|
||||||
.then(d => setData(d.length > 0 ? d : FALLBACK))
|
|
||||||
.catch(() => setData(FALLBACK))
|
|
||||||
.finally(() => setLoading(false));
|
|
||||||
}, []);
|
|
||||||
return { data, loading };
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## AdminController 패턴
|
|
||||||
|
|
||||||
```java
|
|
||||||
// 목록
|
|
||||||
@GetMapping("/admin/{resource}")
|
|
||||||
public List<Entity> list() { return repo.findAllByOrderBySortOrderAsc(); }
|
|
||||||
|
|
||||||
// 생성
|
|
||||||
@PostMapping("/admin/{resource}")
|
|
||||||
public Entity create(@RequestBody Entity body) {
|
|
||||||
body.setId(null); return repo.save(body);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 수정
|
|
||||||
@PutMapping("/admin/{resource}/{id}")
|
|
||||||
public ResponseEntity<Entity> update(@PathVariable Long id, @RequestBody Entity body) {
|
|
||||||
return repo.findById(id).map(e -> {
|
|
||||||
// 필드 복사
|
|
||||||
return ResponseEntity.ok(repo.save(e));
|
|
||||||
}).orElse(ResponseEntity.notFound().build());
|
|
||||||
}
|
|
||||||
|
|
||||||
// 삭제
|
|
||||||
@DeleteMapping("/admin/{resource}/{id}")
|
|
||||||
public ResponseEntity<Void> delete(@PathVariable Long id) {
|
|
||||||
repo.deleteById(id); return ResponseEntity.noContent().build();
|
|
||||||
}
|
|
||||||
```
|
|
||||||
@ -1,146 +0,0 @@
|
|||||||
---
|
|
||||||
name: homepage-cms-orchestrator
|
|
||||||
description: "지오정보기술 홈페이지(zioinfo-web) 콘텐츠 DB 관리 오케스트레이터. 하드코딩된 FAQ·레퍼런스·파트너사·KPI통계·CEO인사말·조직도·핵심가치·솔루션 설명을 DB로 전환하고 관리자 UI를 구현한다. 다음 상황에서 반드시 사용: (1) '홈페이지 XXX를 DB로', '관리자에서 관리 가능하게', 'FAQ DB화', '레퍼런스 CRUD 추가' 요청; (2) 신규 콘텐츠 항목 DB 전환; (3) 관리자 페이지 추가; (4) 기존 구현 수정·보완; (5) '다시 실행', '업데이트', '수정', '보완' 요청. 현재 DB 관리 중: 뉴스, 채용공고, 회사연혁, 문의, 회원."
|
|
||||||
---
|
|
||||||
|
|
||||||
# 홈페이지 CMS 오케스트레이터
|
|
||||||
|
|
||||||
**실행 모드:** 파이프라인 (서브 에이전트)
|
|
||||||
`content-analyst` → `content-db-engineer` → `admin-ui-builder` 순차 실행
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Phase 0: 컨텍스트 확인
|
|
||||||
|
|
||||||
요청 분류:
|
|
||||||
- **신규 DB 전환**: "XXX를 DB로 관리해줘" → Phase 1-3 전체 실행
|
|
||||||
- **관리자 UI만**: "관리자 페이지 추가해줘" → Phase 3만
|
|
||||||
- **기존 수정**: "XXX 수정해줘" → 해당 Phase만
|
|
||||||
|
|
||||||
현재 DB 관리 중인 항목 (건너뜀):
|
|
||||||
- 뉴스/공지 (`/api/admin/news`)
|
|
||||||
- 채용공고 (`/api/admin/recruit`)
|
|
||||||
- 회사연혁 (`/api/admin/history`)
|
|
||||||
- 문의 (`/api/admin/inquiries`)
|
|
||||||
- 회원 (`/api/admin/members`)
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Phase 1: 분석 (content-analyst)
|
|
||||||
|
|
||||||
대상 항목 파악:
|
|
||||||
```
|
|
||||||
frontend/src/pages/{Page}.jsx 읽기
|
|
||||||
→ 하드코딩 배열/객체 식별
|
|
||||||
→ DB화 우선순위 산정
|
|
||||||
→ JPA 엔티티 설계안 작성
|
|
||||||
```
|
|
||||||
|
|
||||||
**HIGH 우선순위 구현 목록:**
|
|
||||||
|
|
||||||
| 항목 | 파일 | 엔티티명 | 테이블명 | API |
|
|
||||||
|------|------|---------|---------|-----|
|
|
||||||
| 구축 레퍼런스 | Business.jsx | `Reference` | tb_reference | /api/references |
|
|
||||||
| FAQ | Support.jsx | `Faq` | tb_faq | /api/faqs |
|
|
||||||
| 파트너사 | Business.jsx | `Partner` | tb_partner | /api/partners |
|
|
||||||
| KPI 통계 | Home.jsx | `KpiStat` | tb_kpi_stat | /api/stats |
|
|
||||||
|
|
||||||
**MEDIUM 우선순위:**
|
|
||||||
|
|
||||||
| 항목 | 파일 | 엔티티명 | 테이블명 | API |
|
|
||||||
|------|------|---------|---------|-----|
|
|
||||||
| CEO 인사말 | Company.jsx | `CeoGreeting` | tb_ceo_greeting | /api/ceo-greeting |
|
|
||||||
| 핵심 가치 | Company.jsx | `CoreValue` | tb_core_value | /api/core-values |
|
|
||||||
| 조직도 부서 | Company.jsx | `OrgDept` | tb_org_dept | /api/org-depts |
|
|
||||||
| 솔루션 기능 | SolutionPage.jsx | `SolutionFeature` | tb_solution_feature | /api/solutions/{type}/features |
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Phase 2: 구현 (content-db-engineer)
|
|
||||||
|
|
||||||
`content-db-engineer` 스킬 참조하여:
|
|
||||||
|
|
||||||
```
|
|
||||||
1. Entity 파일 생성
|
|
||||||
2. Repository 인터페이스 생성
|
|
||||||
3. ApiController에 GET 엔드포인트 추가
|
|
||||||
4. AdminController에 CRUD 추가
|
|
||||||
5. DataInitializer에 initXxx() 추가 (기존 하드코딩 데이터 시딩)
|
|
||||||
6. 프론트 페이지에 useXxx() 훅 추가, 정적 배열 제거
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Phase 3: 관리자 UI (admin-ui-builder)
|
|
||||||
|
|
||||||
`admin-ui-builder` 스킬 참조하여:
|
|
||||||
|
|
||||||
```
|
|
||||||
1. AdminXxx.jsx 생성 (AdminHistory.jsx 패턴)
|
|
||||||
2. AdminLayout.jsx NAV 배열에 메뉴 추가
|
|
||||||
3. App.jsx lazy import + Route 추가
|
|
||||||
4. 빌드 검증 (vite build)
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Phase 4: 배포
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# 1. 로컬 빌드 검증
|
|
||||||
cd workspace/zioinfo-web/frontend
|
|
||||||
node_modules/.bin/vite.cmd build --outDir C:\Temp\zioinfo-build
|
|
||||||
|
|
||||||
# 2. 서버 배포 (deploy_history.py 패턴)
|
|
||||||
python C:\GUARDiA\deploy_history.py
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 관리자 URL 목록
|
|
||||||
|
|
||||||
| 항목 | 관리자 URL |
|
|
||||||
|------|----------|
|
|
||||||
| 뉴스/공지 (기존) | /admin/news |
|
|
||||||
| 채용공고 (기존) | /admin/recruit |
|
|
||||||
| 회사연혁 (기존) | /admin/history |
|
|
||||||
| 문의 (기존) | /admin/inquiries |
|
|
||||||
| 레퍼런스 (신규) | /admin/references |
|
|
||||||
| FAQ (신규) | /admin/faqs |
|
|
||||||
| 파트너사 (신규) | /admin/partners |
|
|
||||||
| KPI 통계 (신규) | /admin/stats |
|
|
||||||
| CEO 인사말 (신규) | /admin/ceo-greeting |
|
|
||||||
| 핵심 가치 (신규) | /admin/core-values |
|
|
||||||
| 조직도 (신규) | /admin/org |
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 테스트 시나리오
|
|
||||||
|
|
||||||
**정상 흐름:**
|
|
||||||
1. `GET /api/faqs` → FAQ 목록 JSON 반환
|
|
||||||
2. 관리자 로그인 → `/admin/faqs` 페이지 접근
|
|
||||||
3. FAQ 추가 모달 → 저장 → 목록 갱신
|
|
||||||
4. 홈페이지 `/support/*` → API에서 FAQ 동적 로드
|
|
||||||
|
|
||||||
**에러 흐름:**
|
|
||||||
1. API 실패 → 프론트 폴백(FALLBACK 배열) 표시
|
|
||||||
2. 인증 없이 POST → 401 반환
|
|
||||||
3. 존재하지 않는 ID DELETE → 404 반환
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 테스트 시나리오 (should-trigger)
|
|
||||||
|
|
||||||
- "FAQ를 DB로 관리하고 싶어"
|
|
||||||
- "레퍼런스 관리자에서 추가/삭제 가능하게"
|
|
||||||
- "파트너사 목록 DB화해줘"
|
|
||||||
- "CEO 인사말 수정할 수 있게 해줘"
|
|
||||||
- "홈페이지 통계 수치 관리자에서 바꾸고 싶어"
|
|
||||||
|
|
||||||
## 테스트 시나리오 (should-NOT-trigger)
|
|
||||||
|
|
||||||
- "뉴스 작성해줘" → `/admin/news` (기존 구현)
|
|
||||||
- "채용공고 수정" → `/admin/recruit` (기존 구현)
|
|
||||||
- "홈페이지 디자인 수정" → 직접 CSS 편집
|
|
||||||
- "ITSM에 새 기능 추가" → guardia-orchestrator
|
|
||||||
54
CLAUDE.md
54
CLAUDE.md
@ -1,27 +1,45 @@
|
|||||||
# 지오정보기술 홈페이지 (zioinfo-web)
|
# 지오정보기술 홈페이지 (zioinfo-web)
|
||||||
|
|
||||||
**저장소**: http://101.79.17.164:3000/zio/zioinfo-web
|
> Spring Boot 3.2.5 + React 18 + Vite | 서버: zioinfo.co.kr:8082
|
||||||
**배포**: git push origin main → Gitea webhook → 자동 배포
|
|
||||||
**라이브**: https://zioinfo.co.kr
|
---
|
||||||
**서버 경로**: /opt/zioinfo/src/
|
|
||||||
|
|
||||||
## 기술 스택
|
## 기술 스택
|
||||||
- Frontend: React 18 + Vite + CSS (Variant 디자인 tokens.css)
|
|
||||||
- Backend: Spring Boot 3.2.5 (Java 17)
|
|
||||||
- DB: H2 (dev) / 내장 SQLite
|
|
||||||
|
|
||||||
## 빌드 + 배포
|
| 레이어 | 기술 |
|
||||||
```bash
|
|--------|------|
|
||||||
# 프론트 빌드
|
| Backend | Spring Boot 3.2.5 (Java 17), JPA, H2 |
|
||||||
cd frontend && npm run build
|
| Frontend | React 18 + Vite, React Router DOM |
|
||||||
|
| 인증 | JWT (관리자) / 자체 JWT (회원) |
|
||||||
|
| 서버 | 101.79.17.164, Spring Boot 포트 8082 |
|
||||||
|
| 빌드 | `mvn clean package -DskipTests` → jar → `/opt/zioinfo/app/app.jar` |
|
||||||
|
|
||||||
# Spring Boot 패키징
|
## 배포 파이프라인
|
||||||
cd backend && mvn clean package -DskipTests
|
|
||||||
|
|
||||||
# 배포 (webhook 자동)
|
```
|
||||||
git push origin main
|
1. 프론트 빌드: node_modules\.bin\vite.cmd build --outDir C:\Temp\zioinfo-build
|
||||||
|
2. 백엔드 배포: python C:\GUARDiA\deploy_history.py (패턴 참조)
|
||||||
|
3. 서버 재시작: systemctl restart zioinfo
|
||||||
```
|
```
|
||||||
|
|
||||||
## 하네스
|
## DB 관리 항목 현황
|
||||||
- 홈페이지 CMS: `homepage-cms-orchestrator` 스킬
|
|
||||||
- UI 개편: `ui-overhaul-orchestrator` 스킬
|
| 항목 | 엔티티 | 공개 API | 관리자 UI |
|
||||||
|
|------|--------|---------|---------|
|
||||||
|
| 뉴스/공지 | News | GET /api/news | /admin/news |
|
||||||
|
| 채용공고 | Recruit | GET /api/recruit | /admin/recruit |
|
||||||
|
| 회사 연혁 | CompanyHistory | GET /api/history | /admin/history |
|
||||||
|
| 문의 | Inquiry | POST /api/inquiry | /admin/inquiries |
|
||||||
|
| 회원 | Member | - | /admin/members |
|
||||||
|
|
||||||
|
## 하네스: 홈페이지 CMS
|
||||||
|
|
||||||
|
**목표:** 홈페이지 정적 텍스트(FAQ·레퍼런스·파트너사·CEO인사말·조직도 등)를 DB로 전환하고 관리자에서 CRUD 가능하게 유지
|
||||||
|
|
||||||
|
**트리거:** 홈페이지 콘텐츠를 DB로 관리, 관리자 페이지 추가, FAQ·레퍼런스·파트너사 등 새 항목 DB화 요청 시 `homepage-cms-orchestrator` 스킬을 사용하라.
|
||||||
|
|
||||||
|
**변경 이력:**
|
||||||
|
| 날짜 | 변경 내용 | 대상 | 사유 |
|
||||||
|
|------|----------|------|------|
|
||||||
|
| 2026-05-31 | 초기 하네스 구성 | 전체 | 홈페이지 CMS 체계화 |
|
||||||
|
| 2026-05-31 | 회사 연혁 DB 전환 완료 | CompanyHistory + AdminHistory | 첫 번째 DB화 사례 |
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
@ -1 +0,0 @@
|
|||||||
import{r as a,j as e,L as n}from"./index-CpO7mTKO.js";const h=s=>fetch(s,{headers:{Authorization:`Bearer ${localStorage.getItem("admin_token")}`}}).then(l=>l.json());function x(){var t,r;const[s,l]=a.useState(null),[c,d]=a.useState(!0);if(a.useEffect(()=>{h("/api/admin/dashboard").then(l).finally(()=>d(!1))},[]),c)return e.jsx("p",{style:{color:"#64748b",fontSize:14},children:"로딩 중..."});if(!s)return null;const o=[{icon:"📰",label:"전체 뉴스",value:s.totalNews,sub:`공개 ${s.visibleNews}건`,color:"blue"},{icon:"📩",label:"전체 문의",value:s.totalInquiries,sub:`미답변 ${s.pendingInquiries}건`,color:s.pendingInquiries>0?"red":"green"},{icon:"👥",label:"채용공고",value:s.totalRecruits,sub:`진행중 ${s.activeRecruits}건`,color:"green"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"admin-stats",children:[o.map(i=>e.jsxs("div",{className:"stat-card",children:[e.jsx("div",{className:`stat-icon ${i.color}`,children:i.icon}),e.jsxs("div",{className:"stat-info",children:[e.jsx("h4",{children:i.value}),e.jsxs("p",{children:[i.label,e.jsx("br",{}),e.jsx("span",{style:{fontSize:11},children:i.sub})]})]})]},i.label)),s.pendingInquiries>0&&e.jsxs("div",{className:"stat-card",style:{borderLeft:"3px solid #ef4444"},children:[e.jsx("div",{className:"stat-icon red",children:"🔔"}),e.jsxs("div",{className:"stat-info",children:[e.jsx("h4",{style:{color:"#ef4444"},children:s.pendingInquiries}),e.jsxs("p",{children:["미답변 문의",e.jsx("br",{}),e.jsx(n,{to:"/admin/inquiries",style:{fontSize:11,color:"#ef4444"},children:"바로가기 →"})]})]})]})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:16},children:[e.jsxs("div",{className:"admin-card",children:[e.jsxs("div",{className:"admin-card-header",children:[e.jsx("h3",{children:"📰 최근 뉴스"}),e.jsx(n,{to:"/admin/news",className:"btn btn-outline btn-sm",children:"전체보기"})]}),e.jsxs("ul",{className:"recent-list",children:[(s.recentNews||[]).map(i=>e.jsxs("li",{children:[e.jsx("span",{className:"rl-dot"}),e.jsx("span",{className:"rl-title",children:i.title}),e.jsx("span",{className:"rl-meta",children:i.category})]},i.id)),!((t=s.recentNews)!=null&&t.length)&&e.jsx("li",{style:{color:"#94a3b8",fontSize:13},children:"등록된 뉴스가 없습니다."})]})]}),e.jsxs("div",{className:"admin-card",children:[e.jsxs("div",{className:"admin-card-header",children:[e.jsx("h3",{children:"📩 최근 문의"}),e.jsx(n,{to:"/admin/inquiries",className:"btn btn-outline btn-sm",children:"전체보기"})]}),e.jsxs("ul",{className:"recent-list",children:[(s.recentInquiries||[]).map(i=>e.jsxs("li",{children:[e.jsx("span",{className:"rl-dot",style:{background:i.status==="PENDING"?"#ef4444":"#22c55e"}}),e.jsx("span",{className:"rl-title",children:i.subject}),e.jsx("span",{className:"rl-meta",children:i.name})]},i.id)),!((r=s.recentInquiries)!=null&&r.length)&&e.jsx("li",{style:{color:"#94a3b8",fontSize:13},children:"접수된 문의가 없습니다."})]})]})]})]})}export{x as default};
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
import{c as g,u as b,r as s,j as a,N as x,O as j}from"./index-CpO7mTKO.js";/* empty css */const N=[{section:"메인"},{path:"/admin/dashboard",icon:"📊",label:"대시보드"},{section:"콘텐츠 관리"},{path:"/admin/news",icon:"📰",label:"뉴스/공지사항"},{path:"/admin/recruit",icon:"👥",label:"채용공고"},{section:"고객 관리"},{path:"/admin/inquiries",icon:"📩",label:"문의 관리",badgeKey:"pendingInquiries"},{path:"/admin/members",icon:"👤",label:"회원 관리"},{section:"시스템"},{path:"/admin/settings",icon:"⚙️",label:"설정"}];function y(){const i=g(),c=b(),[t,o]=s.useState(null),[l,m]=s.useState("대시보드"),[r,h]=s.useState({});s.useEffect(()=>{const e=localStorage.getItem("admin_token");if(!e){i("/admin/login");return}const n=JSON.parse(localStorage.getItem("admin_user")||"{}");o(n),u(e)},[i]),s.useEffect(()=>{m({"/admin/dashboard":"대시보드","/admin/news":"뉴스/공지사항 관리","/admin/inquiries":"문의 관리","/admin/recruit":"채용공고 관리","/admin/members":"회원 관리","/admin/settings":"설정"}[c.pathname]||"관리자")},[c.pathname]);const u=async e=>{try{const n=await fetch("/api/admin/dashboard",{headers:{Authorization:`Bearer ${e}`}});if(n.ok){const d=await n.json();h({pendingInquiries:d.pendingInquiries||0})}}catch{}},p=()=>{localStorage.removeItem("admin_token"),localStorage.removeItem("admin_user"),i("/admin/login")};return t?a.jsxs("div",{className:"admin-wrap",children:[a.jsxs("aside",{className:"admin-sidebar",children:[a.jsxs("div",{className:"admin-sidebar-logo",children:[a.jsx("h2",{children:"ZioInfo Admin"}),a.jsx("span",{children:"(주)지오정보기술 관리자"})]}),a.jsx("nav",{className:"admin-nav",children:N.map((e,n)=>e.section?a.jsx("div",{className:"admin-nav-section",children:e.section},n):a.jsxs(x,{to:e.path,className:({isActive:d})=>d?"active":"",children:[a.jsx("span",{className:"nav-icon",children:e.icon}),e.label,e.badgeKey&&r[e.badgeKey]>0&&a.jsx("span",{className:"admin-nav-badge",children:r[e.badgeKey]})]},e.path))}),a.jsx("div",{className:"admin-sidebar-footer",children:a.jsx("button",{onClick:p,children:"🚪 로그아웃"})})]}),a.jsxs("main",{className:"admin-main",children:[a.jsxs("div",{className:"admin-topbar",children:[a.jsx("h1",{children:l}),a.jsxs("div",{className:"admin-topbar-right",children:[a.jsxs("span",{className:"admin-user-badge",children:["👤 ",t.displayName||t.username]}),a.jsx("a",{href:"/",target:"_blank",rel:"noreferrer",style:{fontSize:12,color:"#64748b",textDecoration:"none"},children:"🌐 홈페이지 보기"})]})]}),a.jsx("div",{className:"admin-content",children:a.jsx(j,{})})]})]}):null}export{y as default};
|
|
||||||
@ -1 +0,0 @@
|
|||||||
import{r as i,c as p,j as e}from"./index-CpO7mTKO.js";/* empty css */function x(){const[t,o]=i.useState({username:"",password:""}),[l,r]=i.useState(""),[d,c]=i.useState(!1),m=p(),u=async a=>{a.preventDefault(),r(""),c(!0);try{const s=await fetch("/api/admin/login",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),n=await s.json();if(!s.ok){r(n.message||"로그인 실패");return}localStorage.setItem("admin_token",n.token),localStorage.setItem("admin_user",JSON.stringify({username:n.username,displayName:n.displayName})),m("/admin/dashboard")}catch{r("서버 연결 오류가 발생했습니다.")}finally{c(!1)}};return e.jsx("div",{className:"admin-login-page",children:e.jsxs("div",{className:"admin-login-box",children:[e.jsxs("div",{className:"login-logo",children:[e.jsx("span",{className:"login-badge",children:"ADMIN"}),e.jsx("h1",{children:"(주)지오정보기술"}),e.jsx("p",{children:"홈페이지 관리자 시스템"})]}),l&&e.jsxs("div",{className:"login-error",children:["⚠ ",l]}),e.jsxs("form",{onSubmit:u,children:[e.jsxs("div",{className:"login-input-group",children:[e.jsx("label",{children:"아이디"}),e.jsx("input",{type:"text",placeholder:"관리자 아이디",value:t.username,required:!0,onChange:a=>o(s=>({...s,username:a.target.value}))})]}),e.jsxs("div",{className:"login-input-group",children:[e.jsx("label",{children:"비밀번호"}),e.jsx("input",{type:"password",placeholder:"비밀번호",value:t.password,required:!0,onChange:a=>o(s=>({...s,password:a.target.value}))})]}),e.jsx("button",{type:"submit",className:"login-btn",disabled:d,children:d?"로그인 중...":"로그인"})]}),e.jsxs("p",{style:{textAlign:"center",marginTop:20,fontSize:12,color:"#94a3b8"},children:["홈페이지로 돌아가기: ",e.jsx("a",{href:"/",style:{color:"#4f6ef7"},children:"메인 페이지"})]})]})})}export{x as default};
|
|
||||||
@ -1 +0,0 @@
|
|||||||
import{r as d,j as t}from"./index-CpO7mTKO.js";const c="/api/admin/members",w=()=>localStorage.getItem("admin_token"),p=()=>({Authorization:`Bearer ${w()}`,"Content-Type":"application/json"});function C(){const[x,y]=d.useState({content:[],totalElements:0}),[n,i]=d.useState(0),[f,j]=d.useState(""),[a,S]=d.useState(""),[m,h]=d.useState(!1),l=async(e=n,r=a)=>{h(!0);try{const o=new URLSearchParams({page:e,size:20,...r&&{keyword:r}}),u=await fetch(`${c}?${o}`,{headers:p()});u.ok&&y(await u.json())}finally{h(!1)}};d.useEffect(()=>{l()},[n,a]);const k=e=>{e.preventDefault(),i(0),S(f)},v=async(e,r)=>{confirm(`${r?"비활성화":"활성화"}하시겠습니까?`)&&(await fetch(`${c}/${e}/status`,{method:"PATCH",headers:p(),body:JSON.stringify({active:!r})}),l())},z=async e=>{confirm("삭제하면 복구할 수 없습니다. 삭제하시겠습니까?")&&(await fetch(`${c}/${e}`,{method:"DELETE",headers:p()}),l())},g=x.content||[],b=x.totalElements||0,s=Math.ceil(b/20);return t.jsxs("div",{children:[t.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:24},children:[t.jsxs("div",{children:[t.jsx("h2",{style:{fontSize:20,fontWeight:700,color:"#1e293b",margin:0},children:"회원 관리"}),t.jsxs("p",{style:{fontSize:13,color:"#64748b",margin:"4px 0 0"},children:["총 ",b.toLocaleString(),"명"]})]}),t.jsxs("form",{onSubmit:k,style:{display:"flex",gap:8},children:[t.jsx("input",{value:f,onChange:e=>j(e.target.value),placeholder:"이름 / 이메일 / 소속 검색",style:{padding:"8px 14px",border:"1px solid #e2e8f0",borderRadius:8,fontSize:13,width:240,outline:"none"}}),t.jsx("button",{type:"submit",style:{padding:"8px 16px",background:"#1a5fd8",color:"#fff",border:"none",borderRadius:8,fontSize:13,cursor:"pointer"},children:"검색"})]})]}),t.jsx("div",{style:{background:"#fff",border:"1px solid #e2e8f0",borderRadius:10,overflow:"hidden"},children:t.jsxs("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:13},children:[t.jsx("thead",{children:t.jsx("tr",{style:{background:"#f8fafc"},children:["ID","이름","이메일","연락처","소속","가입일","상태","액션"].map(e=>t.jsx("th",{style:{padding:"10px 14px",textAlign:"left",fontWeight:600,color:"#475569",borderBottom:"1px solid #e2e8f0"},children:e},e))})}),t.jsx("tbody",{children:m?t.jsx("tr",{children:t.jsx("td",{colSpan:8,style:{padding:40,textAlign:"center",color:"#94a3b8"},children:"로딩 중..."})}):g.length===0?t.jsx("tr",{children:t.jsx("td",{colSpan:8,style:{padding:40,textAlign:"center",color:"#94a3b8"},children:a?"검색 결과가 없습니다.":"등록된 회원이 없습니다."})}):g.map(e=>t.jsxs("tr",{style:{borderBottom:"1px solid #f1f5f9"},children:[t.jsxs("td",{style:{padding:"10px 14px",color:"#94a3b8"},children:["#",e.id]}),t.jsx("td",{style:{padding:"10px 14px",fontWeight:600,color:"#1e293b"},children:e.name}),t.jsx("td",{style:{padding:"10px 14px",color:"#475569"},children:e.email}),t.jsx("td",{style:{padding:"10px 14px",color:"#64748b"},children:e.phone||"-"}),t.jsx("td",{style:{padding:"10px 14px",color:"#64748b"},children:e.company||"-"}),t.jsx("td",{style:{padding:"10px 14px",color:"#64748b",fontSize:12},children:e.createdAt?new Date(e.createdAt).toLocaleDateString("ko-KR"):"-"}),t.jsx("td",{style:{padding:"10px 14px"},children:t.jsx("span",{style:{padding:"3px 10px",borderRadius:12,fontSize:11,fontWeight:700,background:e.active?"#dcfce7":"#fee2e2",color:e.active?"#16a34a":"#dc2626"},children:e.active?"활성":"비활성"})}),t.jsx("td",{style:{padding:"10px 14px"},children:t.jsxs("div",{style:{display:"flex",gap:6},children:[t.jsx("button",{onClick:()=>v(e.id,e.active),style:{padding:"4px 10px",fontSize:11,borderRadius:6,cursor:"pointer",background:e.active?"#fef3c7":"#dcfce7",color:e.active?"#92400e":"#166534",border:"none"},children:e.active?"비활성화":"활성화"}),t.jsx("button",{onClick:()=>z(e.id),style:{padding:"4px 10px",fontSize:11,borderRadius:6,cursor:"pointer",background:"#fef2f2",color:"#dc2626",border:"none"},children:"삭제"})]})})]},e.id))})]})}),s>1&&t.jsxs("div",{style:{display:"flex",gap:6,justifyContent:"center",marginTop:20},children:[t.jsx("button",{onClick:()=>i(e=>Math.max(0,e-1)),disabled:n===0,style:{padding:"6px 14px",borderRadius:6,border:"1px solid #e2e8f0",background:"#fff",cursor:"pointer",fontSize:13},children:"이전"}),Array.from({length:Math.min(5,s)},(e,r)=>{const o=Math.max(0,Math.min(n-2,s-5))+r;return t.jsx("button",{onClick:()=>i(o),style:{padding:"6px 12px",borderRadius:6,fontSize:13,cursor:"pointer",border:o===n?"none":"1px solid #e2e8f0",background:o===n?"#1a5fd8":"#fff",color:o===n?"#fff":"#475569"},children:o+1},o)}),t.jsx("button",{onClick:()=>i(e=>Math.min(s-1,e+1)),disabled:n===s-1,style:{padding:"6px 14px",borderRadius:6,border:"1px solid #e2e8f0",background:"#fff",cursor:"pointer",fontSize:13},children:"다음"})]})]})}export{C as default};
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
import{c as u,r as d,j as e}from"./index-CpO7mTKO.js";const h=()=>localStorage.getItem("admin_token");function f(){const m=u(),i=JSON.parse(localStorage.getItem("admin_user")||"{}"),[r,n]=d.useState({currentPassword:"",newPassword:"",confirmPassword:""}),[t,o]=d.useState(null),[l,c]=d.useState(!1),p=async()=>{if(r.newPassword!==r.confirmPassword){o({text:"새 비밀번호가 일치하지 않습니다.",type:"error"});return}if(r.newPassword.length<8){o({text:"비밀번호는 8자 이상이어야 합니다.",type:"error"});return}c(!0);const s=await fetch("/api/admin/password",{method:"PUT",headers:{"Content-Type":"application/json",Authorization:`Bearer ${h()}`},body:JSON.stringify({currentPassword:r.currentPassword,newPassword:r.newPassword})}),a=await s.json();c(!1),s.ok?(o({text:"비밀번호가 변경되었습니다. 다시 로그인해주세요.",type:"success"}),n({currentPassword:"",newPassword:"",confirmPassword:""}),setTimeout(()=>{localStorage.removeItem("admin_token"),m("/admin/login")},2e3)):o({text:a.message||"변경 실패",type:"error"})};return e.jsxs("div",{style:{maxWidth:520},children:[e.jsxs("div",{className:"admin-card",style:{marginBottom:20},children:[e.jsx("div",{className:"admin-card-header",children:e.jsx("h3",{children:"👤 계정 정보"})}),e.jsx("div",{style:{display:"grid",gap:12},children:[["아이디",i.username],["표시 이름",i.displayName||"-"]].map(([s,a])=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsx("span",{style:{fontSize:12,fontWeight:600,color:"#64748b",width:80},children:s}),e.jsx("span",{style:{fontSize:14},children:a})]},s))})]}),e.jsxs("div",{className:"admin-card",children:[e.jsx("div",{className:"admin-card-header",children:e.jsx("h3",{children:"🔒 비밀번호 변경"})}),t&&e.jsx("div",{style:{padding:"10px 14px",borderRadius:7,marginBottom:16,fontSize:13,background:t.type==="error"?"#fff1f2":"#f0fdf4",color:t.type==="error"?"#dc2626":"#16a34a",border:`1px solid ${t.type==="error"?"#fecaca":"#bbf7d0"}`},children:t.text}),e.jsxs("div",{className:"form-group",children:[e.jsx("label",{children:"현재 비밀번호"}),e.jsx("input",{type:"password",className:"form-control",value:r.currentPassword,onChange:s=>n(a=>({...a,currentPassword:s.target.value}))})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("label",{children:"새 비밀번호"}),e.jsx("input",{type:"password",className:"form-control",value:r.newPassword,placeholder:"8자 이상",onChange:s=>n(a=>({...a,newPassword:s.target.value}))})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("label",{children:"새 비밀번호 확인"}),e.jsx("input",{type:"password",className:"form-control",value:r.confirmPassword,onChange:s=>n(a=>({...a,confirmPassword:s.target.value}))})]}),e.jsx("button",{className:"btn btn-primary",onClick:p,disabled:l||!r.currentPassword||!r.newPassword,children:l?"변경 중...":"비밀번호 변경"})]})]})}export{f as default};
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
.ref-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.ref-filter-btn{padding:7px 18px;border-radius:20px;border:1px solid var(--gray-200);font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--fast) var(--ease);background:var(--white)}.ref-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.ref-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.ref-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--gray-200)}.ref-table{width:100%;border-collapse:collapse;min-width:800px}.ref-table th{background:var(--secondary);color:#fffc;padding:14px 16px;text-align:left;font-size:12px;font-weight:600;letter-spacing:.5px}.ref-table td{padding:13px 16px;font-size:13px;border-bottom:1px solid var(--gray-100);vertical-align:middle}.ref-table tr:last-child td{border-bottom:none}.ref-table tr:hover td{background:var(--gray-50)}.ref-period{color:var(--gray-500);font-size:12px;white-space:nowrap}.ref-client{font-weight:700;color:var(--gray-800);white-space:nowrap}.ref-project{color:var(--gray-700)}.ref-role{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;background:var(--primary-light);color:var(--primary);white-space:nowrap}.ref-tech{font-size:12px;color:var(--gray-500)}.ref-cat-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.partner-card{padding:32px 24px;text-align:center}.partner-logo{font-size:48px;margin-bottom:12px}.partner-tier{display:inline-block;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:700;margin-bottom:12px}.partner-name{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:10px}.partner-desc{font-size:13px;color:var(--gray-600);line-height:1.6}.partner-cta{margin-top:64px;text-align:center;padding:56px;background:linear-gradient(135deg,var(--primary-light),rgba(0,163,224,.08));border-radius:16px;border:1px solid var(--gray-200)}.partner-cta h3{font-size:24px;font-weight:800;margin-bottom:12px}.partner-cta p{color:var(--gray-600);margin-bottom:24px;font-size:15px}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
.inner-page{padding-top:var(--header-h)}.page-hero{background:linear-gradient(135deg,var(--secondary),var(--primary-dark));padding:60px 0;color:#fff}.page-hero-title{font-size:40px;font-weight:900;margin:8px 0 12px}.page-hero p{color:#ffffffbf;font-size:16px}.prose{color:var(--gray-700);line-height:1.8;font-size:15px}.prose h2{font-size:18px;font-weight:700;color:var(--gray-900);margin:32px 0 12px;border-left:4px solid var(--accent);padding-left:12px}.prose p{margin-bottom:14px}.prose ul{margin:0 0 14px 20px}.prose ul li{margin-bottom:6px}.prose a{color:var(--accent)}.policy-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}.policy-table th,.policy-table td{padding:10px 14px;border:1px solid var(--gray-200)}.policy-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);text-align:left}.policy-footer{margin-top:40px;padding:20px;background:var(--gray-50);border-radius:10px;font-size:13px;color:var(--gray-500);line-height:1.8}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
.contact-page{padding-top:var(--header-h)}.page-hero{background:linear-gradient(135deg,var(--secondary),var(--primary-dark));padding:60px 0;color:#fff}.page-hero-title{font-size:40px;font-weight:900;margin:8px 0 12px}.page-hero p{color:#ffffffbf;font-size:16px}.contact-grid{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start}.contact-info h2{font-size:22px;font-weight:700;margin-bottom:28px}.info-item{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}.info-icon{font-size:24px}.info-item strong{display:block;font-size:13px;font-weight:700;color:var(--gray-500);margin-bottom:2px}.info-item p{font-size:15px;color:var(--gray-800)}.contact-form{padding:36px}.contact-form h2{font-size:22px;font-weight:700;margin-bottom:24px}.form-alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px}.form-alert.success{background:#d1fae5;color:#065f46}.form-alert.error{background:#fee2e2;color:#991b1b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:13px;font-weight:600;color:var(--gray-700)}.required{color:var(--danger)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;transition:border-color var(--fast);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0051a21a}.privacy-agree{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gray-600);margin-bottom:20px;cursor:pointer}.privacy-agree a{color:var(--primary)}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);padding:40px 16px}.auth-box{background:#fff;border-radius:16px;box-shadow:0 4px 32px #0000001a;padding:40px 40px 32px;width:100%;max-width:440px}.auth-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary, #1a3a6b);font-weight:700;font-size:16px;margin-bottom:28px}.auth-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.auth-tab{flex:1;padding:10px;border:none;background:none;font-size:15px;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.auth-tab.active{color:var(--accent, #1a5fd8);border-bottom-color:var(--accent, #1a5fd8)}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .form-group{display:flex;flex-direction:column;gap:6px}.auth-form label{font-size:13px;font-weight:600;color:#374151}.auth-form .required{color:#ef4444}.auth-form input{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:border-color .2s;outline:none}.auth-form input:focus{border-color:var(--accent, #1a5fd8)}.btn-full{width:100%;justify-content:center}.sns-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:#94a3b8;margin:4px 0}.sns-divider:before,.sns-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.sns-buttons{display:flex;flex-direction:column;gap:8px}.sns-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;border:1.5px solid #e2e8f0;font-size:14px;font-weight:600;cursor:pointer;background:#fff;transition:all .2s}.sns-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.sns-kakao{border-color:#fee500;background:#fee500;color:#191919}.sns-naver{border-color:#03c75a;background:#03c75a;color:#fff}.sns-google{border-color:#e2e8f0;color:#374151}.sns-icon{width:20px;text-align:center;font-weight:900}.auth-switch{font-size:13px;color:#64748b;text-align:center;margin:0}.link-btn{background:none;border:none;color:var(--accent, #1a5fd8);font-weight:600;cursor:pointer;text-decoration:underline;font-size:inherit}.auth-terms{font-size:11px;color:#94a3b8;text-align:center;margin-top:20px}.auth-terms a{color:#64748b}.member-guard{position:relative}.member-guard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:inherit;z-index:10;gap:12px}.member-guard-icon{font-size:36px}.member-guard-text{font-size:15px;font-weight:600;color:#1e293b}.member-guard-sub{font-size:13px;color:#64748b}@media (max-width: 480px){.auth-box{padding:28px 20px 24px}}
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
.notice-back{font-size:14px;color:var(--primary);margin-bottom:24px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none}.news-cat-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:12px}.news-cat-badge.hot{background:#ef44441f;color:var(--danger)}.news-main{padding:40px;cursor:pointer;background:linear-gradient(135deg,var(--secondary),var(--primary-dark));border:none;margin-bottom:0}.news-main:hover{transform:none;box-shadow:var(--shadow-lg)}.news-main-title{font-size:26px;font-weight:900;color:#fff;margin-bottom:16px;line-height:1.35}.news-main-summary{font-size:15px;color:#ffffffb3;line-height:1.8;margin-bottom:16px;max-width:640px}.news-date{font-size:12px;color:#ffffff80}.news-card{padding:28px;cursor:pointer;display:flex;flex-direction:column}.news-card-title{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:10px;line-height:1.5;flex:1}.news-card-summary{font-size:13px;color:var(--gray-600);line-height:1.7;margin-bottom:12px;flex:1}.news-date{font-size:12px;color:var(--gray-400)}.blog-card{padding:28px;display:flex;flex-direction:column}.blog-tag{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:14px;align-self:flex-start}.blog-title{font-size:16px;font-weight:700;color:var(--gray-900);line-height:1.5;margin-bottom:12px}.blog-summary{font-size:13px;color:var(--gray-600);line-height:1.7;flex:1;margin-bottom:16px}.blog-meta{display:flex;gap:16px;font-size:12px;color:var(--gray-400);margin-bottom:16px}.blog-read-btn{padding:10px 20px;background:var(--primary-light);color:var(--primary);border-radius:8px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all var(--fast);text-align:center}.blog-read-btn:hover{background:var(--primary);color:#fff}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
import{j as e,b as o,a as n,r as h,N as x}from"./index-CpO7mTKO.js";/* empty css */const p=[{path:"/news/newsroom",label:"뉴스룸"},{path:"/news/blog",label:"기술 블로그"}];function d({title:a}){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"page-hero",children:e.jsxs("div",{className:"container",children:[e.jsx("span",{className:"section-label",children:"News"}),e.jsx("h1",{className:"page-hero-title",children:a})]})}),e.jsx("nav",{className:"sub-nav",children:e.jsx("div",{className:"container",children:p.map(t=>e.jsx(x,{to:t.path,className:({isActive:i})=>"sub-nav-item"+(i?" active":""),children:t.label},t.path))})})]})}const l=[{id:1,cat:"제품 출시",date:"2026.05.15",title:"GUARDiA ITSM v2.0 정식 출시 — AI ChatOps 오케스트레이션 플랫폼",summary:"메신저 한 줄 명령으로 1,000개+ 공공기관 레거시 인프라를 자동 운영하는 GUARDiA ITSM v2.0이 정식 출시되었습니다. 신규 기능으로 AI 자연어 명령, 에이전트리스 배포 엔진, 멀티테넌트 지원이 추가됐습니다.",content:`GUARDiA ITSM v2.0은 공공기관의 레거시 IT 인프라 운영 자동화를 위한 AI 기반 플랫폼입니다.
|
|
||||||
|
|
||||||
주요 신기능:
|
|
||||||
- AI ChatOps: 메신저 자연어 명령 → Ollama LLM 파싱 → 자동 실행
|
|
||||||
- 에이전트리스 배포: SSH/SFTP만으로 WAS 배포·롤백 자동화
|
|
||||||
- 멀티테넌트: 1,000개+ 기관 동시 관리
|
|
||||||
- GS인증 1등급 신청 완료
|
|
||||||
|
|
||||||
자세한 사항은 GUARDiA 소개 페이지를 참조해 주십시오.`,hot:!0},{id:2,cat:"수주 소식",date:"2026.04.20",title:"삼성전자 차세대 CRM 시스템 DB 마이그레이션 프로젝트 수주",summary:"(주)지오정보기술이 삼성전자 차세대 CRM 구축 프로젝트의 DB Migration/DA/튜닝을 담당합니다. EDB PostgreSQL 환경으로의 전환을 포함한 대규모 DB 현대화 작업을 수행합니다.",content:"삼성전자와의 두 번째 협력 프로젝트로, DB 마이그레이션 및 성능 튜닝을 담당합니다.",hot:!1},{id:3,cat:"기술 인증",date:"2026.03.10",title:"GUARDiA ITSM GS인증 1등급 신청 완료 — TTA 심사 예정",summary:"GUARDiA ITSM이 한국정보통신기술협회(TTA)에 GS인증 1등급을 신청하였습니다. 기능적합성, 신뢰성, 사용성, 보안성 등 ISO/IEC 25010 기준 8대 품질 특성 심사를 앞두고 있습니다.",content:"GS인증 심사는 2026년 9월 예정이며, 1등급 취득 시 조달청 나라장터 우선 등재가 가능합니다.",hot:!1},{id:4,cat:"수주 소식",date:"2026.02.15",title:"국민연금공단 차세대 시스템 구축 — AA 역할 수행",summary:"국민연금공단 차세대 시스템 구축 프로젝트에 Application Architect(AA)로 참여합니다. JSP/Java, Nexacro, Spring 기반의 대규모 공공기관 시스템 구축을 담당합니다.",content:"국민연금관리공단의 차세대 시스템은 수천만 가입자의 연금 관리 시스템으로, CI/CD 파이프라인 기반의 현대적인 개발 환경을 구축합니다.",hot:!1},{id:5,cat:"기업 소식",date:"2025.12.01",title:"2025년 사업실적 — 연간 프로젝트 10건 성공 수행",summary:"2025년 한 해 동안 삼성전자, 서울신용보증재단, 헌법재판소 등 10개 주요 프로젝트를 성공적으로 완료했습니다. 매출은 전년 대비 25% 성장하였습니다.",content:"창립 이래 최대 성과를 기록한 2025년 사업실적을 공유드립니다.",hot:!1},{id:6,cat:"파트너십",date:"2025.09.10",title:"Tibero 공식 파트너사 등록 — 공공기관 DB 전환 솔루션 강화",summary:"국산 DBMS Tibero의 공식 파트너사로 등록되었습니다. Oracle에서 Tibero로의 마이그레이션 및 공공기관 DB 현대화 사업을 공동으로 추진합니다.",content:"공공기관의 Oracle 라이선스 절감을 위한 Tibero 전환 프로젝트를 전문적으로 지원합니다.",hot:!1}];function c(){const[a,t]=h.useState(null),i=l.find(s=>s.id===a);return e.jsxs("main",{id:"main-content",className:"inner-page",children:[e.jsx(d,{title:"뉴스룸"}),e.jsx("section",{className:"section",children:e.jsx("div",{className:"container",children:i?e.jsxs("div",{style:{maxWidth:"760px",margin:"0 auto"},children:[e.jsx("button",{className:"notice-back",onClick:()=>t(null),children:"← 뉴스 목록"}),e.jsxs("div",{className:"news-detail card",style:{padding:"40px"},children:[e.jsx("span",{className:"news-cat-badge",style:{background:"var(--primary-light)",color:"var(--primary)"},children:i.cat}),e.jsx("h2",{style:{fontSize:"24px",fontWeight:"900",margin:"16px 0 8px",lineHeight:"1.4"},children:i.title}),e.jsx("p",{style:{fontSize:"13px",color:"var(--gray-400)",marginBottom:"32px"},children:i.date}),e.jsx("div",{className:"divider divider-left",style:{marginBottom:"32px"}}),i.content.split(`
|
|
||||||
`).map((s,m)=>s.trim()?e.jsx("p",{style:{fontSize:"15px",color:"var(--gray-700)",lineHeight:"1.85",marginBottom:"16px"},children:s},m):null)]})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"news-main card",onClick:()=>t(l[0].id),children:e.jsxs("div",{className:"news-main-content",children:[e.jsxs("span",{className:"news-cat-badge hot",children:["🔥 ",l[0].cat]}),e.jsx("h2",{className:"news-main-title",children:l[0].title}),e.jsx("p",{className:"news-main-summary",children:l[0].summary}),e.jsx("span",{className:"news-date",children:l[0].date})]})}),e.jsx("div",{className:"grid-3",style:{marginTop:"24px"},children:l.slice(1).map(s=>e.jsxs("div",{className:"card news-card",onClick:()=>t(s.id),children:[e.jsx("span",{className:"news-cat-badge",style:{background:"var(--primary-light)",color:"var(--primary)"},children:s.cat}),e.jsx("h3",{className:"news-card-title",children:s.title}),e.jsx("p",{className:"news-card-summary",children:s.summary}),e.jsx("span",{className:"news-date",children:s.date})]},s.id))})]})})})]})}const j=[{id:1,tag:"AI·LLM",date:"2026.05.20",title:"온프레미스 Ollama로 폐쇄망 ChatOps 구현하기",summary:"인터넷 없이 내부망에서 LLM을 운영하는 방법. Llama-3-8B 모델을 Ollama로 구동하고 FastAPI와 연동하는 전체 과정을 설명합니다.",readMin:12},{id:2,tag:"DevOps",date:"2026.05.10",title:"에이전트리스 WAS 배포 자동화 — paramiko SSH로 레거시 서버 관리",summary:"JEUS·Tomcat 등 레거시 WAS에 SSH/SFTP만으로 배포하는 방법. 백업→배포→헬스체크→롤백 파이프라인 구현 예제.",readMin:15},{id:3,tag:"보안",date:"2026.04.28",title:"AES-256-GCM으로 서버 자격증명을 안전하게 저장하는 법",summary:"공공기관 서버 SSH 비밀번호를 DB에 안전하게 암호화 저장하는 방법. IV·암호문·GCM Tag 구조 설계와 Python 구현.",readMin:8},{id:4,tag:"데이터베이스",date:"2026.04.15",title:"Oracle 19c → EDB PostgreSQL 마이그레이션 실전 가이드",summary:"삼성전자 CRM 프로젝트에서 실제 수행한 Oracle→EDB 마이그레이션 경험 공유. Smeta, ExemOne 활용 SQL 변환 전략.",readMin:20},{id:5,tag:"성능",date:"2026.03.25",title:"공공기관 행정정보시스템 SQL 튜닝 — 서울시립대 사례",summary:"대학행정정보시스템 성능 개선 프로젝트 실전 사례. JMeter 부하테스트와 Oracle 실행계획 분석으로 응답시간 60% 단축.",readMin:18},{id:6,tag:"아키텍처",date:"2026.03.10",title:"FastAPI 비동기 WebSocket으로 실시간 대시보드 구축하기",summary:"GUARDiA ITSM 실시간 모니터링 대시보드 구현 방법. FastAPI SSE + WebSocket + React를 조합한 풀스택 아키텍처.",readMin:14}],r={"AI·LLM":"#7c3aed",DevOps:"#0051A2",보안:"#dc2626",데이터베이스:"#d97706",성능:"#059669",아키텍처:"#0891b2"};function g(){return e.jsxs("main",{id:"main-content",className:"inner-page",children:[e.jsx(d,{title:"기술 블로그"}),e.jsx("section",{className:"section",children:e.jsxs("div",{className:"container",children:[e.jsxs("div",{className:"section-header",children:[e.jsx("span",{className:"section-label",children:"Tech Blog"}),e.jsx("h2",{className:"section-title",children:"기술 인사이트 공유"}),e.jsx("p",{className:"section-desc",children:"20년 이상의 프로젝트 경험에서 얻은 기술 노하우를 공유합니다"})]}),e.jsx("div",{className:"grid-3",children:j.map(a=>e.jsxs("div",{className:"card blog-card",children:[e.jsx("div",{className:"blog-tag",style:{background:r[a.tag]+"18",color:r[a.tag]},children:a.tag}),e.jsx("h3",{className:"blog-title",children:a.title}),e.jsx("p",{className:"blog-summary",children:a.summary}),e.jsxs("div",{className:"blog-meta",children:[e.jsxs("span",{children:["📅 ",a.date]}),e.jsxs("span",{children:["⏱ ",a.readMin,"분 읽기"]})]}),e.jsx("button",{className:"blog-read-btn",onClick:()=>alert("블로그 상세 페이지는 준비 중입니다."),children:"읽기 →"})]},a.id))})]})})]})}function u(){return e.jsxs(o,{children:[e.jsx(n,{path:"newsroom",element:e.jsx(c,{})}),e.jsx(n,{path:"blog",element:e.jsx(g,{})}),e.jsx(n,{path:"press",element:e.jsx(c,{})}),e.jsx(n,{path:"*",element:e.jsx(c,{})})]})}export{u as default};
|
|
||||||
@ -1 +0,0 @@
|
|||||||
import{j as e,L as t}from"./index-CpO7mTKO.js";function i(){return e.jsxs("main",{style:{paddingTop:"var(--header-h)",minHeight:"60vh",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"16px",textAlign:"center"},children:[e.jsx("div",{style:{fontSize:"72px"},children:"404"}),e.jsx("h1",{style:{fontSize:"24px",fontWeight:"700"},children:"페이지를 찾을 수 없습니다"}),e.jsx("p",{style:{color:"var(--gray-600)"},children:"요청하신 페이지가 존재하지 않거나 이동되었습니다."}),e.jsx(t,{to:"/",className:"btn btn-primary",children:"홈으로 돌아가기"})]})}export{i as default};
|
|
||||||
@ -1 +0,0 @@
|
|||||||
import{j as s}from"./index-CpO7mTKO.js";/* empty css */import{u as i}from"./useSeoMeta-DR7HJfMM.js";function c(){return i({title:"개인정보처리방침",description:"(주)지오정보기술 개인정보처리방침. 수집 항목, 보유 기간, 이용자 권리, 개인정보 보호책임자 안내.",path:"/privacy"}),s.jsx("main",{id:"main-content",className:"inner-page",children:s.jsx("section",{className:"section",children:s.jsxs("div",{className:"container",style:{maxWidth:"800px"},children:[s.jsxs("div",{className:"section-header",children:[s.jsx("span",{className:"section-label",children:"Privacy Policy"}),s.jsx("h1",{className:"section-title",children:"개인정보처리방침"}),s.jsx("p",{className:"section-desc",style:{fontSize:"13px",color:"var(--gray-500)"},children:"시행일자: 2026년 01월 01일 | 최종 수정: 2026년 05월 31일"})]}),s.jsxs("div",{className:"prose",children:[s.jsx("p",{children:'(주)지오정보기술(이하 "회사")은 이용자의 개인정보를 중요시하며, 「개인정보 보호법」 및 관련 법령을 준수합니다.'}),s.jsx("h2",{children:"제1조 (개인정보의 수집 항목 및 목적)"}),s.jsxs("table",{className:"policy-table",children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{children:"구분"}),s.jsx("th",{children:"수집 항목"}),s.jsx("th",{children:"수집 목적"})]})}),s.jsxs("tbody",{children:[s.jsxs("tr",{children:[s.jsx("td",{children:"회원가입"}),s.jsx("td",{children:"이름, 이메일, 비밀번호, 연락처, 소속"}),s.jsx("td",{children:"회원 식별, 서비스 제공"})]}),s.jsxs("tr",{children:[s.jsx("td",{children:"문의 접수"}),s.jsx("td",{children:"이름, 이메일, 연락처, 문의 내용"}),s.jsx("td",{children:"문의 처리, 답변 발송"})]}),s.jsxs("tr",{children:[s.jsx("td",{children:"채용 지원"}),s.jsx("td",{children:"이름, 이메일, 연락처, 이력서"}),s.jsx("td",{children:"채용 심사, 합격자 통보"})]}),s.jsxs("tr",{children:[s.jsx("td",{children:"서비스 이용"}),s.jsx("td",{children:"접속 IP, 쿠키, 방문 이력"}),s.jsx("td",{children:"서비스 개선, 보안"})]})]})]}),s.jsx("h2",{children:"제2조 (개인정보의 보유 및 이용 기간)"}),s.jsxs("ul",{children:[s.jsx("li",{children:"회원 정보: 회원 탈퇴 시 즉시 파기"}),s.jsx("li",{children:"문의/상담 이력: 처리 완료 후 3년"}),s.jsx("li",{children:"채용 서류: 채용 완료 후 6개월 (불합격자 즉시 파기 원칙)"}),s.jsx("li",{children:"법령에 의한 보존이 필요한 경우 해당 기간"})]}),s.jsx("h2",{children:"제3조 (개인정보의 제3자 제공)"}),s.jsx("p",{children:"회사는 이용자의 개인정보를 원칙적으로 외부에 제공하지 않습니다. 단, 이용자의 동의가 있거나 법령에 의한 경우에는 예외로 합니다."}),s.jsx("h2",{children:"제4조 (개인정보 처리의 위탁)"}),s.jsx("p",{children:"현재 개인정보 처리를 위탁하는 업무는 없습니다. 추후 위탁 발생 시 사전 고지합니다."}),s.jsx("h2",{children:"제5조 (이용자의 권리)"}),s.jsxs("ul",{children:[s.jsx("li",{children:"개인정보 열람, 정정, 삭제, 처리정지 요청 가능"}),s.jsx("li",{children:"요청 방법: 이메일(info@zioinfo.co.kr) 또는 전화(031-483-1766)"}),s.jsx("li",{children:"처리 기간: 요청 후 10일 이내"})]}),s.jsx("h2",{children:"제6조 (개인정보의 파기)"}),s.jsx("p",{children:"보유 기간 만료 시 지체 없이 파기합니다. 전자 파일은 복구 불가능한 방법으로 삭제하며, 서면은 분쇄 또는 소각합니다."}),s.jsx("h2",{children:"제7조 (쿠키 사용)"}),s.jsx("p",{children:"홈페이지 이용 편의를 위해 쿠키를 사용합니다. 브라우저 설정에서 쿠키 허용 여부를 조정할 수 있습니다."}),s.jsx("h2",{children:"제8조 (개인정보 보호책임자)"}),s.jsx("table",{className:"policy-table",children:s.jsxs("tbody",{children:[s.jsxs("tr",{children:[s.jsx("td",{children:"성명"}),s.jsx("td",{children:"홍영택"})]}),s.jsxs("tr",{children:[s.jsx("td",{children:"직책"}),s.jsx("td",{children:"대표이사"})]}),s.jsxs("tr",{children:[s.jsx("td",{children:"연락처"}),s.jsx("td",{children:"031-483-1766"})]}),s.jsxs("tr",{children:[s.jsx("td",{children:"이메일"}),s.jsx("td",{children:"info@zioinfo.co.kr"})]})]})}),s.jsx("h2",{children:"제9조 (개인정보 침해 신고)"}),s.jsxs("ul",{children:[s.jsx("li",{children:"개인정보보호위원회 개인정보 침해 신고센터: (국번없이) 182"}),s.jsx("li",{children:"대검찰청 사이버수사과: (국번없이) 1301"}),s.jsx("li",{children:"경찰청 사이버안전국: (국번없이) 182"})]}),s.jsxs("p",{className:"policy-footer",children:["본 방침은 2026년 01월 01일부터 시행됩니다.",s.jsx("br",{}),"변경 시 홈페이지를 통해 공지합니다."]})]})]})})})}export{c as default};
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
.notice-back{font-size:14px;color:var(--primary);margin-bottom:24px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none}.job-card{padding:28px;display:flex;gap:24px;align-items:flex-start;cursor:pointer}.job-card:hover{border-color:var(--primary)}.job-info{flex:1}.job-title{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.job-desc{font-size:13px;color:var(--gray-600);line-height:1.6;margin-bottom:12px}.job-stack{display:flex;gap:6px;flex-wrap:wrap}.job-tech{padding:4px 10px;background:var(--secondary);color:var(--accent);border-radius:4px;font-size:11px;font-weight:600}.job-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:100px}.job-meta>div{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--gray-700)}.job-meta-label{font-size:11px;color:var(--gray-400);margin-bottom:2px}.welfare-cat{font-size:18px;font-weight:800;color:var(--gray-900);margin-bottom:20px}.welfare-card{padding:28px;text-align:center}.welfare-icon{font-size:36px;margin-bottom:12px}.welfare-name{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--gray-900)}.welfare-desc{font-size:13px;color:var(--gray-600);line-height:1.6}.talent-wrap{background:var(--gray-50);border-radius:16px;padding:56px;margin-top:32px}.apply-form .form-group{margin-bottom:20px}.apply-form label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.apply-form input,.apply-form select,.apply-form textarea{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color var(--fast)}.apply-form input:focus,.apply-form select:focus,.apply-form textarea:focus{outline:none;border-color:var(--primary)}.apply-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.required{color:var(--danger)}.apply-success{text-align:center;padding:80px 40px;background:var(--gray-50);border-radius:16px}.apply-success h3{font-size:24px;font-weight:800;margin-bottom:16px}.apply-success p{font-size:15px;color:var(--gray-600);line-height:1.8}@media (max-width:768px){.job-card{flex-direction:column}.job-meta{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.apply-form .form-row{grid-template-columns:1fr}}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
import{j as a,L as n}from"./index-CpO7mTKO.js";/* empty css */import{u as s}from"./useSeoMeta-DR7HJfMM.js";const p=[{title:"홈",icon:"🏠",links:[{label:"메인 홈페이지",path:"/"}]},{title:"회사소개",icon:"🏢",links:[{label:"CEO 인사말",path:"/company/greeting"},{label:"연혁",path:"/company/history"},{label:"조직도",path:"/company/organization"},{label:"CI 소개",path:"/company/ci"},{label:"오시는 길",path:"/company/location"}]},{title:"솔루션",icon:"🛡️",links:[{label:"GUARDiA ITSM",path:"/solution/guardia",badge:"NEW"},{label:"ERP 솔루션",path:"/solution/erp"},{label:"CRM 솔루션",path:"/solution/crm"},{label:"BI 솔루션",path:"/solution/bi"}]},{title:"사업실적",icon:"📊",links:[{label:"구축 레퍼런스",path:"/business/reference"},{label:"파트너",path:"/business/partner"}]},{title:"고객지원",icon:"💬",links:[{label:"공지사항",path:"/support/notice"},{label:"FAQ",path:"/support/faq"},{label:"카탈로그",path:"/support/catalog"},{label:"문의하기",path:"/support/contact"}]},{title:"채용",icon:"👥",links:[{label:"채용공고",path:"/recruit/jobs"},{label:"복리후생",path:"/recruit/welfare"},{label:"지원하기",path:"/recruit/apply"}]},{title:"뉴스",icon:"📰",links:[{label:"뉴스룸",path:"/news/newsroom"},{label:"기술 블로그",path:"/news/blog"}]},{title:"회원",icon:"🔑",links:[{label:"로그인 / 회원가입",path:"/login"}]},{title:"정책",icon:"📋",links:[{label:"개인정보처리방침",path:"/privacy"},{label:"이용약관",path:"/terms"},{label:"사이트맵",path:"/sitemap"}]}];function h(){return s({title:"사이트맵",description:"(주)지오정보기술 홈페이지 전체 메뉴 안내. 회사소개, 솔루션, 사업실적, 고객지원, 채용, 뉴스 등 모든 페이지를 확인하세요.",path:"/sitemap"}),a.jsx("main",{id:"main-content",className:"inner-page",children:a.jsx("section",{className:"section",children:a.jsxs("div",{className:"container",style:{maxWidth:"960px"},children:[a.jsxs("div",{className:"section-header",children:[a.jsx("span",{className:"section-label",children:"Sitemap"}),a.jsx("h1",{className:"section-title",children:"사이트맵"}),a.jsx("p",{className:"section-desc",children:"(주)지오정보기술 홈페이지 전체 메뉴 안내"})]}),a.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"24px",marginTop:"40px"},children:p.map((l,t)=>a.jsxs("div",{style:{background:"#fff",borderRadius:"12px",padding:"24px",boxShadow:"0 2px 12px rgba(0,0,0,.06)",border:"1px solid var(--gray-200)"},children:[a.jsxs("h2",{style:{fontSize:"16px",fontWeight:"700",color:"var(--gray-900)",marginBottom:"16px",display:"flex",alignItems:"center",gap:"8px"},children:[a.jsx("span",{children:l.icon})," ",l.title]}),a.jsx("ul",{style:{listStyle:"none",display:"flex",flexDirection:"column",gap:"10px"},children:l.links.map((e,i)=>a.jsx("li",{children:a.jsxs(n,{to:e.path,style:{color:"var(--primary)",textDecoration:"none",fontSize:"14px",display:"flex",alignItems:"center",gap:"6px"},children:[a.jsx("span",{style:{color:"var(--gray-400)",fontSize:"12px"},children:"›"}),e.label,e.badge&&a.jsx("span",{style:{fontSize:"10px",padding:"1px 6px",background:"var(--accent)",color:"#fff",borderRadius:"8px",fontWeight:"700"},children:e.badge})]})},i))})]},t))})]})})})}export{h as default};
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
.sol-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.sol-title{font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--gray-900);line-height:1.25;margin:12px 0 20px}.sol-title em{color:var(--primary);font-style:normal}.sol-desc{font-size:15px;color:var(--gray-600);line-height:1.85;margin-bottom:24px}.sol-features{display:flex;flex-direction:column;gap:10px}.sol-feature-item{display:flex;gap:10px;font-size:14px;color:var(--gray-700)}.sol-check{color:var(--accent);font-weight:700;flex-shrink:0}.sol-module-card{padding:32px 24px}.sol-module-icon{font-size:36px;margin-bottom:16px}.sol-module-card h3{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--gray-900)}.sol-module-card p{font-size:13px;color:var(--gray-600);line-height:1.7}.sol-visual{display:flex;justify-content:center}.sol-screen{background:var(--secondary);border-radius:16px;padding:24px;width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.sol-screen-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;color:#fff9;font-weight:600}.sol-screen-header span{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0}.sol-chart-bar-wrap{display:flex;gap:8px;height:120px;align-items:flex-end;margin-bottom:20px}.sol-chart-bar{flex:1;background:linear-gradient(to top,var(--primary),var(--accent));border-radius:4px 4px 0 0}.sol-stat-row{display:flex;gap:12px}.sol-stat{flex:1;background:#ffffff0f;border-radius:8px;padding:12px;text-align:center}.sol-stat strong{display:block;font-size:14px;color:#fff;font-weight:700}.sol-stat span{font-size:10px;color:#ffffff80;margin-top:4px;display:block}.crm-items{display:flex;flex-direction:column;gap:12px}.crm-item{display:flex;align-items:center;gap:12px;background:#ffffff0d;border-radius:8px;padding:10px 12px}.crm-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.crm-info{flex:1}.crm-info strong{display:block;font-size:13px;color:#fff;font-weight:600}.crm-info span{font-size:11px;color:#ffffff80}.crm-status{font-size:11px;font-weight:700}.bi-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.bi-kpi{background:#ffffff0f;border-radius:8px;padding:12px}.bi-kpi-label{display:block;font-size:10px;color:#ffffff80;margin-bottom:4px}.bi-kpi-val{display:block;font-size:15px;color:#fff;font-weight:700}.bi-kpi-delta{font-size:11px;font-weight:600}.bi-bar-chart{display:flex;gap:12px;height:80px;align-items:flex-end}.bi-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.bi-bar-pair{display:flex;gap:4px;width:100%;height:100%;align-items:flex-end}.bi-bar{flex:1;border-radius:3px 3px 0 0}.bi-bar.revenue{background:var(--accent)}.bi-bar.cost{background:#ef444499}.bi-bar-group span{font-size:10px;color:#ffffff80}@media (max-width: 768px){.sol-hero-grid{grid-template-columns:1fr}.sol-visual{order:-1}}
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
.notice-header-row{display:grid;grid-template-columns:80px 1fr 100px;gap:16px;padding:12px 16px;background:var(--gray-50);border-radius:8px 8px 0 0;font-size:12px;font-weight:700;color:var(--gray-500);border:1px solid var(--gray-200);border-bottom:none}.notice-row{display:grid;grid-template-columns:80px 1fr 100px;gap:16px;padding:14px 16px;border:1px solid var(--gray-200);border-top:none;cursor:pointer;align-items:center;transition:background var(--fast)}.notice-row:last-child{border-radius:0 0 8px 8px}.notice-row:hover{background:var(--gray-50)}.notice-cat{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-align:center}.notice-title-text{font-size:14px;color:var(--gray-800);display:flex;align-items:center;gap:8px}.notice-hot{background:var(--danger);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;flex-shrink:0}.notice-date{font-size:12px;color:var(--gray-500)}.notice-detail{max-width:760px}.notice-back{font-size:14px;color:var(--primary);margin-bottom:24px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none}.notice-detail-header{border-bottom:2px solid var(--gray-200);padding-bottom:20px;margin-bottom:32px}.notice-detail-header h2{font-size:22px;font-weight:800;margin:12px 0 8px}.notice-body{display:flex;flex-direction:column;gap:16px;font-size:15px;line-height:1.85;color:var(--gray-700)}.faq-cat-wrap{margin-bottom:40px}.faq-cat-title{font-size:16px;font-weight:800;color:var(--primary);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--primary-light)}.faq-item{border:1px solid var(--gray-200);border-radius:8px;margin-bottom:8px;overflow:hidden;transition:box-shadow var(--fast)}.faq-item.open{box-shadow:var(--shadow);border-color:var(--primary-light)}.faq-q{width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;font-size:15px;font-weight:600;color:var(--gray-800);text-align:left;background:none;border:none;cursor:pointer;transition:background var(--fast)}.faq-q:hover{background:var(--gray-50)}.faq-icon{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.faq-a{padding:0 20px 20px 58px;font-size:14px;color:var(--gray-600);line-height:1.8}.faq-more{text-align:center;padding:48px;background:var(--gray-50);border-radius:12px;margin-top:32px}.faq-more p{color:var(--gray-600);margin-bottom:20px;font-size:16px}.catalog-card{padding:0;display:flex;flex-direction:column}.catalog-icon-wrap{padding:32px;display:flex;align-items:center;justify-content:center}.catalog-icon{font-size:48px}.catalog-info{padding:0 24px 16px;flex:1}.catalog-title{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--gray-900)}.catalog-desc{font-size:13px;color:var(--gray-600);margin-bottom:12px;line-height:1.6}.catalog-meta{display:flex;gap:12px;font-size:12px;color:var(--gray-400)}.catalog-btn{margin:0 16px 20px;padding:12px;border-radius:8px;background:var(--gray-50);border:1px solid var(--gray-200);font-size:14px;font-weight:600;color:var(--primary);cursor:pointer;transition:all var(--fast);text-align:center}.catalog-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.catalog-request{text-align:center;padding:56px;background:var(--gray-50);border-radius:16px;margin-top:48px}.catalog-request h3{font-size:22px;font-weight:800;margin-bottom:12px}.catalog-request p{color:var(--gray-600);margin-bottom:24px}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
|||||||
import{r as $}from"./index-CpO7mTKO.js";const u="https://zioinfo.co.kr",d="(주)지오정보기술";function S({title:a,description:o,path:m="",image:c="/logo.png",keywords:r=""}){$.useEffect(()=>{const l=a?`${a} | ${d}`:d,i=`${u}${m}`,p=c.startsWith("http")?c:`${u}${c}`;document.title=l;const t=(s,f,g)=>{let n=document.querySelector(s);if(!n){n=document.createElement("meta");const[h,E]=s.replace("meta[","").replace("]","").split("=");n.setAttribute(h,E.replace(/"/g,"")),document.head.appendChild(n)}n.setAttribute(f,g)};let e=document.querySelector('link[rel="canonical"]');e||(e=document.createElement("link"),e.rel="canonical",document.head.appendChild(e)),e.href=i,t('meta[name="description"]',"content",o),r&&t('meta[name="keywords"]',"content",r),t('meta[property="og:title"]',"content",l),t('meta[property="og:description"]',"content",o),t('meta[property="og:url"]',"content",i),t('meta[property="og:image"]',"content",p),t('meta[name="twitter:title"]',"content",l),t('meta[name="twitter:description"]',"content",o),t('meta[name="twitter:image"]',"content",p)},[a,o,m,c,r])}export{S as u};
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
@ -1,96 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="ko">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
|
|
||||||
<!-- 기본 SEO -->
|
|
||||||
<title>(주)지오정보기술 — AI 기반 인프라 자율 운영 플랫폼 GUARDiA ITSM</title>
|
|
||||||
<meta name="description" content="(주)지오정보기술은 AI 기반 레거시 인프라 자율 운영 플랫폼 GUARDiA ITSM을 개발합니다. 1,000개 이상 공공기관 IT 인프라를 메신저 한 줄 명령으로 자동 운영하세요.">
|
|
||||||
<meta name="keywords" content="지오정보기술, GUARDiA, ITSM, AI인프라자동화, 공공기관IT, 레거시인프라, ChatOps, 에이전트리스배포, ERP, CRM, SI, 안산IT기업">
|
|
||||||
<meta name="author" content="(주)지오정보기술">
|
|
||||||
<meta name="robots" content="index, follow">
|
|
||||||
<link rel="canonical" href="https://zioinfo.co.kr/">
|
|
||||||
|
|
||||||
<!-- Open Graph (카카오·페이스북·네이버) -->
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:site_name" content="(주)지오정보기술">
|
|
||||||
<meta property="og:title" content="(주)지오정보기술 — GUARDiA ITSM AI 인프라 자동화">
|
|
||||||
<meta property="og:description" content="메신저 한 줄 명령으로 공공기관 레거시 서버를 자동 운영. GUARDiA ITSM으로 IT 운영 혁신을 경험하세요.">
|
|
||||||
<meta property="og:url" content="https://zioinfo.co.kr/">
|
|
||||||
<meta property="og:image" content="https://zioinfo.co.kr/logo.png">
|
|
||||||
<meta property="og:image:width" content="1200">
|
|
||||||
<meta property="og:image:height" content="630">
|
|
||||||
<meta property="og:locale" content="ko_KR">
|
|
||||||
|
|
||||||
<!-- Twitter Card -->
|
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
|
||||||
<meta name="twitter:title" content="(주)지오정보기술 — GUARDiA ITSM">
|
|
||||||
<meta name="twitter:description" content="AI 기반 레거시 인프라 자율 운영 플랫폼. 공공기관 IT 운영 자동화의 새로운 기준.">
|
|
||||||
<meta name="twitter:image" content="https://zioinfo.co.kr/logo.png">
|
|
||||||
|
|
||||||
<!-- 네이버 서치어드바이저 인증 (등록 후 content 값 교체) -->
|
|
||||||
<!-- <meta name="naver-site-verification" content="YOUR_NAVER_CODE"> -->
|
|
||||||
<!-- 구글 서치콘솔 인증 (등록 후 content 값 교체) -->
|
|
||||||
<!-- <meta name="google-site-verification" content="YOUR_GOOGLE_CODE"> -->
|
|
||||||
|
|
||||||
<!-- JSON-LD: 기업 정보 -->
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "Organization",
|
|
||||||
"name": "(주)지오정보기술",
|
|
||||||
"alternateName": "ZioInfo",
|
|
||||||
"url": "https://zioinfo.co.kr",
|
|
||||||
"logo": "https://zioinfo.co.kr/logo.png",
|
|
||||||
"description": "AI 기반 레거시 인프라 자율 운영 플랫폼 GUARDiA ITSM 및 ERP·CRM·BI 솔루션 전문 IT 기업",
|
|
||||||
"foundingDate": "2000",
|
|
||||||
"address": {
|
|
||||||
"@type": "PostalAddress",
|
|
||||||
"streetAddress": "광덕4로 220 오피스브이 578호",
|
|
||||||
"addressLocality": "안산시 단원구",
|
|
||||||
"addressRegion": "경기도",
|
|
||||||
"postalCode": "15440",
|
|
||||||
"addressCountry": "KR"
|
|
||||||
},
|
|
||||||
"contactPoint": {
|
|
||||||
"@type": "ContactPoint",
|
|
||||||
"telephone": "+82-31-483-1766",
|
|
||||||
"contactType": "customer service",
|
|
||||||
"availableLanguage": "Korean"
|
|
||||||
},
|
|
||||||
"founder": { "@type": "Person", "name": "홍영택" }
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- JSON-LD: 웹사이트 -->
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "WebSite",
|
|
||||||
"name": "(주)지오정보기술",
|
|
||||||
"url": "https://zioinfo.co.kr",
|
|
||||||
"potentialAction": {
|
|
||||||
"@type": "SearchAction",
|
|
||||||
"target": "https://zioinfo.co.kr/support/faq?q={search_term_string}",
|
|
||||||
"query-input": "required name=search_term_string"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Favicon -->
|
|
||||||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
||||||
<link rel="shortcut icon" href="/favicon.ico">
|
|
||||||
<link rel="apple-touch-icon" href="/logo.png">
|
|
||||||
|
|
||||||
<!-- Fonts -->
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
||||||
<script type="module" crossorigin src="/assets/index-UKcaZfRq.js"></script>
|
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-Dsb9GBih.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="root"></div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
@ -1,24 +0,0 @@
|
|||||||
# robots.txt — (주)지오정보기술
|
|
||||||
# https://zioinfo.co.kr
|
|
||||||
|
|
||||||
User-agent: *
|
|
||||||
Allow: /
|
|
||||||
|
|
||||||
# 관리자 페이지 크롤링 차단
|
|
||||||
Disallow: /admin/
|
|
||||||
Disallow: /api/
|
|
||||||
|
|
||||||
# 크롤러별 개별 설정
|
|
||||||
User-agent: Googlebot
|
|
||||||
Allow: /
|
|
||||||
Crawl-delay: 1
|
|
||||||
|
|
||||||
User-agent: Yeti
|
|
||||||
Allow: /
|
|
||||||
Crawl-delay: 1
|
|
||||||
|
|
||||||
User-agent: Baiduspider
|
|
||||||
Disallow: /
|
|
||||||
|
|
||||||
# 사이트맵 위치
|
|
||||||
Sitemap: https://zioinfo.co.kr/sitemap.xml
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1019 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 615 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 748 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 355 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 242 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 202 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 257 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 209 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 261 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 221 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 201 KiB |
@ -1,212 +0,0 @@
|
|||||||
[
|
|
||||||
{
|
|
||||||
"page": "홈",
|
|
||||||
"url": "/",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 5849,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "AI 기반 인프라자율 운영 플랫폼",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "GUARDiA ITSM",
|
|
||||||
"url": "/solution/guardia",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1292,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "GUARDiA ITSM",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "솔루션-ERP",
|
|
||||||
"url": "/solution/erp",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1767,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "ERP 솔루션",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "솔루션-CRM",
|
|
||||||
"url": "/solution/crm",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1139,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "CRM 솔루션",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "솔루션-BI",
|
|
||||||
"url": "/solution/bi",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 966,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "BI 솔루션",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "회사-CEO인사말",
|
|
||||||
"url": "/company/greeting",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1098,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "CEO 인사말",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "회사-연혁",
|
|
||||||
"url": "/company/history",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1548,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "연혁",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "회사-조직도",
|
|
||||||
"url": "/company/organization",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 892,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "조직도",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "회사-CI소개",
|
|
||||||
"url": "/company/ci",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1007,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "CI 소개",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "회사-오시는길",
|
|
||||||
"url": "/company/location",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1070,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "오시는 길",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "사업-레퍼런스",
|
|
||||||
"url": "/business/reference",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1111,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "구축 레퍼런스",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "사업-파트너",
|
|
||||||
"url": "/business/partner",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1090,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "파트너",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "지원-공지사항",
|
|
||||||
"url": "/support/notice",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 949,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "공지사항",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "지원-FAQ",
|
|
||||||
"url": "/support/faq",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 931,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "자주 묻는 질문",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "지원-카탈로그",
|
|
||||||
"url": "/support/catalog",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 963,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "카탈로그",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "지원-문의하기",
|
|
||||||
"url": "/support/contact",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1007,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "문의하기",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "채용-공고",
|
|
||||||
"url": "/recruit/jobs",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 984,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "채용공고",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "채용-복리후생",
|
|
||||||
"url": "/recruit/welfare",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1275,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "복리후생",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "채용-지원하기",
|
|
||||||
"url": "/recruit/apply",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 880,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "지원하기",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "뉴스-뉴스룸",
|
|
||||||
"url": "/news/newsroom",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 1144,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "뉴스룸",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"page": "뉴스-블로그",
|
|
||||||
"url": "/news/blog",
|
|
||||||
"http": 200,
|
|
||||||
"loadMs": 989,
|
|
||||||
"title": "(주)지오정보기술",
|
|
||||||
"h1": "기술 블로그",
|
|
||||||
"errors": 0,
|
|
||||||
"ok": true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 187 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 180 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 239 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 202 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 179 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 355 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 615 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 278 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 203 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 181 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 192 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 345 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 188 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 364 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 170 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 170 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user