한 화면에서 익히는
SIREN 통합 플랫폼
후원 · 회원 · 신고 · 협업 · 운영까지 — (사)교사유가족협의회 SIREN의 모든 기능을 실제 화면과 함께 안내합니다.
한눈에 보기
SIREN은 (사)교사유가족협의회의 통합 NPO 플랫폼입니다. 일반 방문자가 보는 홈페이지부터 로그인 회원의 마이페이지, 익명 보호되는 신고 3종, 내부 협업용 워크스페이스, 운영자가 쓰는 통합 CMS 어드민까지 한 시스템 안에 있습니다.
5개 영역, 한 시스템
권한 표시
본 문서에서 사용하는 권한 칩 — 어떤 사람이 어떤 화면에 들어갈 수 있는지 색상으로 구분합니다.
비회원 회원 간사·운영자 최고관리자
이 메뉴얼 보는 법
영역별 탐색
좌측 목차에서 5개 영역(A~E)으로 들어가세요. 각 영역은 화면 구성·사용 흐름·자주 묻는 질문 순서입니다.
그림으로 이해
단계가 있는 작업은 플로우 다이어그램으로, 화면 위치는 실제 사이트 분위기의 mock UI로 표현했습니다.
색상 뱃지
기능 권한 주의 위험
A홈페이지(공개)
비회원 회원 · 라이브 https://tbfa.co.kr · 약 20개 페이지로 구성
페이지 한눈에
| 페이지 | 경로 | 무엇을 |
|---|---|---|
| 메인 | / · /index.html | 협의회 첫 화면, 캠페인·소식·후원 진입 |
| 소개 | /about.html | 협의회 미션·연혁·임원 |
| 주요 활동 | /activities.html · /activity.html | 활동 카테고리 / 활동 상세 |
| 캠페인 | /campaigns.html · /campaign.html | 목록 / 참여·서명·모금 |
| 자유게시판 | /board.html · /board-view.html · /board-write.html | 글 목록 / 상세 / 작성(로그인) |
| 소식 | /news.html | 협의회 발신 소식 |
| 자료실 | /resources.html | 자료 다운로드 |
| 사건 제보 | /incidents.html · /incident.html | 공개 사건 목록 / 상세 |
| 법률 지원 안내 | /legal-support.html | 법률 상담 안내 + 신청 진입 |
| 후원 | /donate.html | 일시·정기 후원 결제 |
| 윤리경영 | /ethics.html | 윤리헌장 |
| 약관 | /terms.html · /privacy.html · /email-reject.html | 이용약관 / 개인정보 / 이메일 무단수집 거부 |
A-1. 메인 화면
홈페이지에 처음 들어왔을 때 보이는 화면. 운영자는 어드민의 사이트 빌더에서 섹션 순서·노출을 코드 없이 바꿀 수 있습니다.
방문자가 메인에서 자주 가는 길
A-2. 회원가입 · 로그인
회원가입 4단계
?src=캠페인A)은 어드민에서 채널별 KPI로 자동 분리 집계됩니다. 마케팅 성과 측정용입니다.
로그인 정책
- 이메일 / 비밀번호 → 7일 유효 JWT 발급(httpOnly 쿠키, 안전)
- 로그인 5회 연속 실패 → 일시 잠금
- 비밀번호 재설정: 모달 안 "비밀번호를 잊으셨나요?" → 이메일로 재설정 링크
회원 탈퇴
/mypage.html하단 [회원 탈퇴]- 진행 중 정기후원이 있으면 먼저 해지 필요
- 탈퇴 후 30일 보관 → 영구 삭제
A-3. 후원하기
/donate.html — 일시·정기 모두 한 페이지에서 진행합니다.
결제 수단 3종 비교
| 수단 | 일시 | 정기 | 특징 |
|---|---|---|---|
| KICC (이지페이) 카드 결제 |
즉시 결제·즉시 영수증. 정기 카드는 KICC 빌링키로 매월 자동 청구. | ||
| 효성 CMS+ 계좌 자동이체 |
계좌 등록 + 본인인증 후 매월 출금. 카드 안 쓰는 회원에게 적합. | ||
| 계좌이체 무통장 입금 |
회원이 직접 입금 → 운영자가 입금 확인 후 영수증 발급. |
일시 후원 흐름
정기 후원 등록 화면
영수증 · 기부금 영수증
결제 직후 영수증
- 입력한 이메일로 PDF 자동 발송
- NotoSansKR 폰트 임베드 (한글 깨짐 없음)
- 회원은 마이페이지에서 상시 다운로드
연말 기부금 영수증
- 매년 1~2월 일괄 발급
- 가입 시 입력한 주민번호 기준
- 미입력 회원은 마이페이지에서 사전 등록 필요
카드 유효기간 등록 (정기·빌키 카드 후원)
카드로 정기 후원(빌키 등록)을 마치면, 결제 완료 화면에서 카드 유효기간(MM / YY)을 한 번 입력하는 칸이 나옵니다. 선택 입력이지만 등록해 두시면 좋습니다.
- 입력 위치: 후원 결제가 끝난 완료 화면의 "카드 유효기간 등록" 칸 (예:
12 / 27) - 등록하면 카드 만료 30일·14일 전에 갱신 안내를 미리 보내드려 정기 후원이 끊기지 않습니다.
- 카드번호·CVC가 아닌 만료 월/년만 입력합니다. 일시 후원·계좌이체에는 해당 없습니다.
- 나중에 카드를 바꾸면 마이페이지에서 카드를 재등록할 때 새 유효기간으로 갱신됩니다.
A-4. 캠페인
/campaigns.html 목록 → /campaign.html 상세. 캠페인마다 참여 방식이 다릅니다 — 단순 서명, 모금 후원, 댓글 응원, 응답폼 제출 등.
A-5. 게시판 · 자료실
자유게시판 /board.html
- 열람
- 비회원 가능
- 작성·댓글
- 회원 만
- 수정·삭제
- 본인 글만
- 에디터
- Toast UI (이미지 붙여넣기 OK)
- 신고
- 부적절 글·댓글 → 운영자 검토
자료실 /resources.html
- 등록
- 어드민의 자료실 관리
- 카테고리
- 운영자가 사전 정의
- 검색
- 제목·태그
- 다운로드
- 안전 URL(만료 시간 있음)
A-6. 신고 진입 (사건 · 괴롭힘 · 법률)
홈페이지에서는 신고의 진입점만 안내합니다. 실제 작성 흐름은 C. SIREN 신고에서 자세히 다룹니다.
사건 신고
학교·교실 내 사건, 학대, 사망 사건 등
/incidents.html
괴롭힘
학부모·관리자 등으로부터의 악성민원
/report-harassment.html
법률 상담
법적 분쟁·소송·자문이 필요한 사안
/legal-support.html
A 영역 · 자주 묻는 질문
| 질문 | 답변 |
|---|---|
| 비회원도 후원할 수 있나요? | 가능합니다. 영수증은 입력한 이메일로 발송됩니다. |
| 후원 영수증을 다시 받으려면? | 회원이면 마이페이지에서 다운로드. 비회원은 협의회 문의. |
| 정기 후원 중단은 어떻게? | 마이페이지 → 내 구독 관리 → [해지]. 즉시 다음 회차부터 미청구. |
| 게시판 글이 삭제됐어요. | 본인 또는 운영자 삭제. 운영자 삭제는 신고 접수 결과로 발생합니다. |
| 신고하면 신원이 노출되나요? | 익명 보호. 운영자도 별도 권한 + 감사 로그 없이는 못 봅니다. |
B회원 마이페이지
회원 · 로그인한 일반 회원이 본인 데이터를 관리하는 영역. 진입 /mypage.html
페이지 한눈에
| 페이지 | 경로 | 무엇을 |
|---|---|---|
| 마이페이지 메인 | /mypage.html | 후원·신고·포인트 요약 + 6개 탭 |
| 포인트·뱃지 | /mypage-points.html | 적립 / 사용 / 만료 + 획득 배지 |
| 포인트 랭킹 | /ranking.html | 회원 전체 랭킹 |
| 내 구독 관리 | /my-subscriptions.html | 정기 후원 · 뉴스레터 구독 |
| 받은 메시지 | /my-send-history.html | 운영자가 보낸 이메일·SMS 이력 |
| 알림 수신 설정 | /settings-notifications.html | 카테고리별 ON/OFF |
| 정기후원 카드 등록 | /billing-register.html | KICC 빌링키 카드 등록 |
| 결제 결과 | /payment-success.html 외 3개 | 결제·정기등록 결과 안내 |
B-1. 마이페이지 메인
로그인하면 가장 먼저 보이는 화면. 상단 카드에 등급·누적 후원금·포인트가 한눈에 표시되고, 아래로 6개 탭이 이어집니다.
6개 탭 안내
| 탭 | 내용 |
|---|---|
| 내 후원 | 일시·정기 후원 전체 이력, 영수증 다운로드 |
| 내 신고 | 사건·괴롭힘·법률 상담 본인 신고 상태(접수/검토/확정/종결/반려) |
| 내 게시글 | 작성한 글·댓글 |
| 내 구독 | 정기 후원·뉴스레터 구독 관리 |
| 내 캠페인 | 서명·참여한 캠페인 이력 |
| 본인 명세서 운영자·간사 한정 | 급여 명세서 본인 탭 (어드민이 발급한 분량만) |
B-2. 후원 내역 관리
일시 후원
- 결제일·금액·결제 수단·영수증(PDF) 다운로드
- 환불 요청은 협의회에 문의 (시스템 자동 환불 없음)
정기 후원 상태
/billing-register.html에서 새 카드를 등록하세요.
기부금 영수증
- 연 1회(1~2월) 일괄 발급 + 마이페이지 상시 다운로드
- 발급 기준: 가입 시 입력한 주민번호
- 미입력 회원은 마이페이지 > 개인정보 수정에서 추가
B-3. 정기 후원 · 구독
/my-subscriptions.html — 정기 후원과 뉴스레터를 한 화면에서 관리합니다.
정기 후원 액션
- 금액 변경 → 다음 결제부터 반영
- 결제일 변경 → 다음 달부터 적용
- 일시정지 → 다음 회차 1회 건너뜀
- 해지 → 즉시 중단, 다음 회차 미청구
- 결제수단 변경 → KICC: 카드 재등록 / 효성: 신규 신청
뉴스레터 카테고리
- 협의회 소식
- 캠페인 시작·종료
- 법률 이슈 · 정책 동향
- 활동 보고서
- 기념일·기일 안내
B-4. 포인트 · 등급 · 뱃지
포인트는 어떻게 쌓이나
웰컴 포인트
가입 즉시 자동 적립
후원 적립
금액 × 규칙 (어드민 정의)
활동 적립
캠페인 참여 · 게시글 추천 · 출석
/mypage-points.html 하단의 만료 이력에서 어느 적립분이 만료되었는지 확인할 수 있습니다.
등급 시스템 (자동 재계산)
BRONZE
신규·소액 후원
SILVER
꾸준한 정기 후원
GOLD
누적 다회 후원자
PLATINUM
최상위 기여자
매일 새벽 시스템이 누적 후원금을 기준으로 자동 재계산합니다. 등급별 혜택은 어드민이 정의합니다.
뱃지 (자동 발급)
"첫 후원", "10회 후원", "3년 연속 후원", "10명 추천" 등의 조건을 충족하면 시스템이 자동으로 뱃지를 발급합니다. 프로필 노출 여부는 회원이 직접 선택할 수 있습니다.
B-5. 알림 · 받은 메시지
받은 메시지 /my-send-history.html
운영자가 발송한 이메일·SMS·푸시 알림 이력을 시간순으로 확인합니다. 채널·열람 여부도 표시됩니다.
알림 수신 설정 /settings-notifications.html
카테고리별로 이메일·웹·앱푸시를 각각 ON/OFF. 기본값은 어드민이 정의합니다.
알림 카테고리 (각각 채널별 ON/OFF)
| 카테고리 | 내용 | 필수 |
|---|---|---|
| 후원 처리 결과 | 일시 후원 결제 성공·실패 | 필수 |
| 정기 후원 일정 | 결제 예정·완료 알림 | 필수 |
| 내 신고 상태 변경 | 접수·보완·확정·반려 통지 | 선택 |
| 캠페인 시작·종료 | 새 캠페인 안내 | 선택 |
| 뉴스레터 | 협의회 소식·법률 이슈 | 선택 |
| 댓글·답글 | 내 게시글에 달린 반응 | 선택 |
| 시스템 공지 | 약관 변경·점검 안내 | 필수 |
B-6. 개인정보 · 결제 결과 페이지
개인정보 보호
- 휴대폰·주소: 본인만 수정. 운영자 발송 외 조회 안 함
- 주민번호: 영수증 발급 목적으로만 저장(암호화)
- 이메일 변경: 새 이메일 재인증 필요
- 비밀번호 변경: 기존 비밀번호 확인 필수
결제 결과 페이지 4종
/payment-success.html· 일시 후원 성공/payment-fail.html· 결제 실패 + 사유/billing-success.html· 정기 카드 등록 성공/billing-fail.html· 카드 등록 실패 + 재시도
B 영역 · 자주 묻는 질문
| 질문 | 답변 |
|---|---|
| 후원 금액을 바꾸려면? | /my-subscriptions.html → 해당 정기 후원 → [금액 변경]. 다음 결제부터 반영. |
| 카드가 만료됐어요. | /billing-register.html에서 새 카드 등록. 자동으로 기존 정기 후원에 연결. |
| 포인트가 사라졌어요. | 적립일 12개월 경과 시 자동 만료. /mypage-points.html 하단에서 확인. |
| 운영자가 내 글을 삭제했어요. | 신고 처리 결과. 알림으로 사유 전달. |
| 신고 답변이 안 와요. | [내 신고] 탭에서 상태 확인. 운영자 검토 중일 수 있음. |
| 받는 메일이 너무 많아요. | /settings-notifications.html에서 카테고리별 끄기. 법정 통지는 끌 수 없음. |
| 본인 명세서 탭이 안 보여요. | 운영자·간사 자격이 있어야 표시됩니다. 일반 회원에게는 노출되지 않음. |
CSIREN 신고
비회원 회원 운영자 · 사건·괴롭힘·법률 상담 — 익명 보호가 기본 원칙
신고 3종 — 어느 걸 선택해야 할까?
사건 신고
학교·교실 내 사건, 학대, 사망 사건, 안전사고처럼 구체적 사실관계가 있는 사안.
/incidents.html
악성민원 · 괴롭힘
학부모·관리자·동료로부터의 반복적 괴롭힘·악성 민원. 심리·법률·행정 지원 연결.
/report-harassment.html
법률 상담
법적 분쟁·소송·자문이 필요한 사안. AI 추천 + 변호사 풀 매칭, 협의회 지원금 범위 내 무료.
/legal-support.html
익명 보호는 어떻게 동작하나
신고자가 익명을 선택하면 시스템은 3겹의 보호 장치로 신원을 차단합니다. 운영자도 마음대로 못 봅니다.
모두 저장 안 함
분류 · AI 분석 결과
접근 권한 필수
필요한지 명시
영구 기록
C-1. 사건 신고
학교·교실 내 사건, 학대, 사망 사건처럼 구체적 사실관계가 있는 사안을 신고합니다.
신고 작성 7단계
제출 직후 — AI가 즉시 분석
C-2. 악성민원 · 괴롭힘 신고
/report-harassment.html — 반복적 괴롭힘에 특화된 구조화 폼.
입력 항목 5가지
| 항목 | 선택지 (복수 선택 지원) |
|---|---|
| 가해자 유형 | 학부모 · 관리자 · 동료 · 학생 · 기타 |
| 반복 여부 | 단발 · 반복(횟수 입력) |
| 피해 유형 | 언어폭력 · 문자/통화 · SNS · 대면 · 서면 · 기타 |
| 피해 기간 | 시작일 ~ 현재 또는 종료일 |
| 희망 지원 | 심리 상담 · 법률 자문 · 학교 행정 개입 · 단순 기록 |
/legal-support.html 트랙으로 자동 연결 제안. 회원이 동의하면 법률 상담으로 함께 진행됩니다.
운영자가 보는 유사 사건 매칭
운영자는 신고 검토 시 과거 유사 사건을 AI로 찾아 일관성 있게 대응합니다. 같은 가해자 유형·같은 피해 유형의 처리 사례를 참고해 회신을 작성합니다.
C-3. 법률 상담
/legal-support.html — 지원 범위 확인 후 [법률 상담 신청].
매칭 흐름
C-4. 신고 진행 상태
회원은 /my-reports.html 또는 마이페이지 [내 신고] 탭에서 사건·괴롭힘·법률 상담을 통합 확인합니다.
C-5. 운영자가 어떻게 처리하나 (회원이 알아야 할 부분)
신고가 접수되면 운영자는 AI 분류·시급도 점수를 참고해 검토하고, 다음 4가지 액션 중 하나로 회신합니다. 처리 결과는 마이페이지 [내 신고] 탭의 상태값으로 전달됩니다.
AI 회신 초안 발송
사안 맥락에 맞춘 답변을 AI가 자동 생성 → 운영자 편집 후 발송.
보완 요청
추가 정보 요청 메시지가 회원에게 도착. 답변하면 검토 재개.
확정 (공식 접수)
정식 사건으로 등록. 회원 동의 시 익명화해 공개 목록 게시 가능.
반려
사유 명시. 회원이 보완 후 재제출 가능.
유족 지원 (별도 트랙)
/support.html에서 지원금·심리상담·장학금 신청. 서류 업로드·보충 서류 요청·심사 결과 통지. 신고와 구분되지만 익명 보호 정책은 동일하게 적용.
C-6. 운영자도 마음대로 못 보는 익명 신원
운영자가 익명 신원을 보려면 전용 페이지(/admin-anon-reveal.html) + 식별 사유 입력 + 감사 로그(/admin-anon-audit.html) 영구 기록을 모두 거쳐야 합니다. 즉, 운영자 본인이 "왜 봤는지"의 기록이 영구 남기 때문에 함부로 보지 못합니다.
C-7. 신고 공개 정책
| 분류 | 기본 | 예외 |
|---|---|---|
| 신고 본문 | 비공개 | 회원 동의 + 익명화 후 /incidents.html 공개 사건 목록에 게시 가능 |
| 신고자 신원 | 비공개 (익명이면 저장 안 됨) | 법적 의무 보고(아동학대 등) — 사전 안내 |
| 첨부 파일 | 비공개 (만료 URL) | 운영자만, 권한 내에서 |
| 운영자 메모 | 운영자 간만 공유 | 회원 조회 안 됨 |
C 영역 · 자주 묻는 질문
| 질문 | 답변 |
|---|---|
| 신고하면 학교/회사에 알려지나요? | 회원 동의 없이 외부 전달하지 않음. 법적 의무 보고는 예외 (사전 안내). |
| 익명으로 했는데 답변을 받을 수 있나요? | 익명은 회신 채널이 없어 불가. 답변 원하면 이메일·휴대폰 입력 필요 (신원과 분리 보호). |
| 증빙 파일이 너무 큰데? | 단일 100MB까지. 분할 또는 압축 권장. |
| 신고 내용을 수정할 수 있나요? | 운영자 검토 전까지 본인 수정 가능. 검토 시작 후엔 보완 요청에 답변하는 방식. |
| AI가 외부 서비스로 분석한다는데? | Google Gemini로 전송되지만 개인 식별 정보는 사전 제거. 회원이 동의해야 분석. |
| 법률 상담 비용은? | 협의회 지원금 범위 내 무료. 초과 가능성 시 사전 안내. |
| 운영자가 내 신원을 마음대로 볼 수 있나요? | 아니요. 별도 권한 + 사유 입력 + 감사 로그 영구 기록 필수. 부적절한 식별은 사후 추궁됩니다. |
| 신고를 취소하고 싶어요 | /my-reports.html에서 [취소]. 운영자 검토 시작 후엔 제한될 수 있음. |
온라인 추모관
협회가 추모하는 선생님들을 함께 기억하는 공간입니다. 상단 메뉴 추모관 > 온라인 추모관 또는 홈의 온라인 추모관 카드로 들어갑니다. (경로: /memorial.html)
| 기능 | 누가 | 설명 |
|---|---|---|
| 헌화 (촛불·국화) | 누구나 (비회원 닉네임) | 촛불 또는 국화를 선택해 헌화. 화면에 더해지며 카운터가 올라갑니다. |
| 추모 메시지 | 회원 | 짧은 추모글 (공감·신고 가능). 열람은 누구나. |
| 기억의 편지 | 회원 | 개별 선생님 페이지의 긴 편지 (별도 섹션, 펼침/접힘). |
| 개별 선생님 페이지 | 누구나 | 카드를 누르면 프로필·약력·타임라인·개별 헌화·메시지·편지. |
유가족 이야기
유가족·협회의 영상을 모은 공간입니다 (상단 추모관 > 유가족 이야기, /family-stories.html). 영상 카드를 누르면 소개 글과 후원하기 연결이 있는 상세 페이지로 이동합니다.
운영자 영역은 별도 메뉴얼에
아래 영역은 운영자·간사·슈퍼어드민이 보는 화면이라 본 메뉴얼에서 분리되었습니다. 해당 권한이 있으시면 manual-admin.html로 이동하세요.