[v2.0] 정보구조(IA)

# 정보구조 (IA) v2.0 > 프린트타운 시스템 업데이트된 아키텍처 ## ?️ 시스템 구조 ### 프론트엔드 프레임워크 #### Bootstrap 4.6.2 (NEW) ``` CDN: - CSS: https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css - JS: https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js ``` ### 백엔드 구조 ``` custemplate/ ├── bbs/ # 게시판 시스템 ├── adm/ # 관리자 ├── plugin/editor/markdown/ # 마크다운 에디터 (NEW) ├── theme/custemplate/ │ ├── head.sub.php # Bootstrap 4 로드 │ └── skin/ │ ├── board/ │ ├── qa/ │ └── member/ └── skin/ # 동기화된 스킨 ``` --- ## ? UI/UX 아키텍처 ### 디자인 시스템 #### 색상 팔레트 ```css --primary: #4e73df; --secondary: #858796; --danger: #e74a3b; --bg-light: #f8f9fc; ``` ### 레이아웃 패턴 #### 1. 리스트 뷰 ```html 제목 검색 + 버튼 ``` #### 2. Markdown 뷰 ```html 제목 ``` --- ## ? 데이터 흐름 ### Markdown 렌더링 ``` DB → rawurlencode(PHP) → textarea → decodeURIComponent(JS) → Toast UI Viewer ``` --- ## ? 반응형 구조 ### Breakpoints (Bootstrap 4) ```scss Small: 576px Medium: 768px Large: 992px XL: 1200px ``` --- **Architecture Version**: 2.0