Frontend — 엔트리 - xxriny/KNU-PROJECT GitHub Wiki
| 라인 | 코드 | 설명 |
|---|---|---|
| 1–4 | import |
React, ReactDOM, App, index.css
|
| 6–10 | createRoot() |
#root에 <React.StrictMode><App /></React.StrictMode> 마운트 |
| 라인 | 코드 | 설명 |
|---|---|---|
| 1–3 | Tailwind 디렉티브 | @tailwind base/components/utilities |
| 4–30 | CSS 변수 + 글로벌 | 다크 테마 컬러, app-drag/app-no-drag 영역(Electron frameless), 스크롤바 커스텀 |
| 31–145 | 컴포넌트 스타일 |
doc-font-up 스케일링, 마크다운 렌더링, 애니메이션 등 |
| 라인 | 코드 | 설명 |
|---|---|---|
| 1–10 | 주석 + docblock | 3단 분할 레이아웃 설명 |
| 12–19 | import |
Panel/PanelGroup/PanelResizeHandle, useAppStore, Sidebar, Workspace, ChatPanel, SessionPanel, StatusBar |
| 21–53 |
App() 컴포넌트 |
useEffect에서 Electron IPC or 기본 포트(8765) → connectWebSocket() + fetchConfig()
|
| 55–79 | 3패널 레이아웃 | 상단: 타이틀 바, Sidebar(20%) + Workspace(60%) + ChatPanel+SessionPanel(24%), 하단: StatusBar |