Hyemin Lee 5ab1e9f938 feat(ui): 디자인 시스템 전면 개편 — 헤더·CSS·아이콘 헬퍼·클라이언트 JS
- style.css: CSS 변수(라이트/다크) 단일 스타일시트로 재작성
- _header.ejs: 스티키 다크 헤더, 실제 role 배지, FOUC 방지 테마 초기화
- helpers.js: icon(Octicon)·identicon(SVG 아바타)·langColor·langFromTags
- app.js: 테마·메뉴·모달·검색/정렬/필터·반응 fetch·댓글 답글·이스터에그

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-29 17:12:31 +09:00
2026-06-22 16:16:40 +09:00
2026-06-22 16:16:40 +09:00
2026-06-22 16:16:40 +09:00
2026-06-22 16:16:40 +09:00
2026-06-22 16:16:40 +09:00
2026-06-22 16:16:40 +09:00

AI DEV — 사내 개발 포털

직원이 한 곳에서 사내 개발 사이트로 이동하고, 만든 프로젝트를 공유·코멘트하는 포털. GitHub 감성 UI. Keycloak SSO(사번 로그인). Node(Express+EJS) + Postgres.

브랜드명 AI DEVPORTAL_BRAND 환경변수로 바꿀 수 있습니다.

기능

  • Keycloak OIDC 로그인 (realm bokdev, client portal, 사번 = preferred_username)
  • 개발 사이트 모음 — 개발 핵심(Coder/Gitea/Kubero/Harbor) + AI·데이터(LiteLLM/Chat/OpenEverest/MinIO). 목록은 src/sites.js.
  • 프로젝트 공유 — repo/앱 URL·설명·태그
  • 코멘트 / 스타

로컬 실행

cp .project-env.example .project-env   # 값 채우기 (OIDC_CLIENT_SECRET 등)
set -a; . ./.project-env; set +a
npm install
npm run db:init        # schema.sql 적용 (최초 1회)
npm run dev            # http://localhost:3000
  • 로컬에서 OIDC 콜백을 받으려면 Keycloak portal client redirect 에 http://localhost:3000/auth/callback 이 등록돼 있어야 합니다(이미 등록됨).

배포 (Kubero)

  • NodeJS buildpack (npm installnode index.js). Dockerfile 불필요.
  • Kubero Env: BASE_URL=https://portal.bokdev.in, DATABASE_URL, OIDC_*, SESSION_SECRET, PORTAL_BRAND.
  • 도메인: portal.bokdev.in (게이트웨이/라우트 별도 구성 필요) 또는 <app>.apps.bokdev.in.
  • 배포 도메인이 정해지면 Keycloak portal client redirect 에 https://<도메인>/auth/callback 추가.

연결 정보

  • DB: OpenEverest postgresql-6oxappdb, schema portal, role portal_app.
  • Issuer: https://keycloak.bokdev.in/realms/bokdev

자세한 작업 규약은 CLAUDE.md.

Description
AI DEV portal (Express+EJS+Postgres, Keycloak SSO)
Readme 698 KiB
Languages
JavaScript 43.7%
HTML 27.9%
CSS 15.4%
EJS 12.8%
Dockerfile 0.2%