# 게시판 설계 문서

## 1. 개요

이 문서는 SESAC 서울 메인 페이지 및 공지사항 게시판 설계를 설명합니다.
메인은 카드형 UI로 구성하며, 공지사항은 게시판 목록/보기/쓰기 기능을 제공합니다.

## 2. 메인 페이지 구성

- 헤더
  - 서비스 이름: SESAC 서울
  - 서브텍스트: 통합 서비스 포털
  - 설명: 공지, 민원, 행사, 자료를 한 곳에서 확인
  - 주요 액션: 공지사항 바로가기, 새 공지 등록
- 핵심 통계
  - 등록된 사이트 수
  - 등록된 테마 수
  - 프리뷰 지원 테마 수
- 서비스 바로가기 카드
  - 공지사항
  - 민원접수
  - 행사안내
  - 자료실
- 최근 공지 미리보기
  - DB에서 최신 5개 공지 조회
  - 공지 목록/작성 바로가기

## 3. 게시판 설계

### 3.1 데이터베이스 테이블

- 테이블명: `board_B000000016`
- 컬럼
  - `id` BIGINT PRIMARY KEY AUTOINCREMENT
  - `title` TEXT NOT NULL
  - `content` TEXT
  - `created_at` INTEGER NOT NULL (타임스탬프)

### 3.2 운영 방식

- DB 우선 저장 방식
  - `db.php`에서 PDO를 통해 DB 연결
  - MySQL 설정이 있으면 MySQL 사용
  - 설정이 없으면 SQLite(fallback) 사용
- JSON 폴백
  - DB가 없는 경우 기존 `data/board_B000000016.json`에서 읽기/쓰기
  - 운영 초기 또는 테스트 환경에서 안정적으로 동작

### 3.3 페이지 구성

- `postList.php`
  - 최신 공지 목록
  - 공지 제목과 작성일 표시
  - 글쓰기 버튼
- `postView.php`
  - 선택한 공지 상세 보기
  - 제목, 작성일, 본문 표시
  - 목록/글쓰기 버튼 제공
- `postWrite.php`
  - 공지 작성 폼
  - 제목, 내용 입력
  - 등록시 DB 삽입 또는 JSON append

## 4. 디자인 지침

- SESAC 스타일 컬러
  - 메인 브랜드: #0d4a95
  - 서브 컬러: #00b8d4
  - 배경: #eef2ff / #f8fafc
  - 카드 배경: #ffffff
- UI 요소
  - 둥근 카드, 부드러운 섀도우
  - 세련된 카드형 링크
  - 가독성 높은 타이포그래피
  - 모바일 반응형 설계

## 5. 확장 계획

- 게시판 페이징 및 검색 기능 추가
- 로그인 기반 관리자 권한 관리
- 공지 분류(카테고리) 및 필터링
- 공지 첨부 파일 업로드
- 민원/행사/자료 페이지 연동