[공통] 학회 홈페이지 기능명세서
이 문서는 학회 홈페이지에 공통으로 들어가는 화면과 기능의 기준을 정리한 문서임
학회별 기능명세서는 이 문서의 Spec ID(HP-xx)를 기준으로, 학회마다 다른 메뉴·콘텐츠·요청 사항만 따로 작성함
개발팀은 이 문서를 검토한 뒤 Jira 작업, API, FE/BE 구현 작업으로 분리함
학회별 기능명세서는 이 문서의 Spec ID(HP-xx)를 기준으로, 학회마다 다른 메뉴·콘텐츠·요청 사항만 따로 작성함
개발팀은 이 문서를 검토한 뒤 Jira 작업, API, FE/BE 구현 작업으로 분리함
| 항목 | 내용 |
|---|---|
| 현재 버전 | v0.1 |
| 문서 상태 | 작성완료 |
| 담당 기획자 | @김서윤 |
| 플랫폼 | PC Web / Mobile Web (반응형) |
| 적용 대상 | KERD 부가제품 학회 홈페이지 전체 |
1. 기능 개요
설명
- 학회 홈페이지에 공통으로 들어가는 화면(헤더, 메인, 서브 페이지, 게시판, 회원, 푸터)의 구성과 동작 기준을 정의함
- 서브 페이지는 페이지 유형(콘텐츠형, 표형, 규정형, 이미지형, 게시판형, 갤러리형, 자료실형, 외부 링크형, 배너형)별로 동일한 화면 틀을 사용함
- 학회별 차이는 메뉴 구성, 콘텐츠, 메인 구역 배치, 디자인(템플릿)으로만 두고, 기능 동작은 이 문서를 따름
페이지 유형
| 유형 | 쓰는 곳 (예시) | 판단 기준 | 적용 화면 |
|---|---|---|---|
| 콘텐츠형 | 인사말, 연혁, 가입 안내 | 글+이미지로 된 한 장짜리 소개 페이지 | HP-06 |
| 이미지형 | 학회 로고, 조직도, 오시는 길 | 이미지 한 장이 곧 내용 | HP-06 |
| 표형 | 임원진, 편집위원 명단 | 표가 화면의 핵심 | HP-07 |
| 규정형 | 정관, 연구윤리 강령, 편집 규정 | 조문(제1조·제2조) 형태 | HP-07 |
| 게시판형 | 공지사항, 학술대회 안내 | 글이 계속 쌓이고 목록 → 상세로 들어감 | HP-08, HP-09 |
| 갤러리형 | 포토갤러리, 행사 사진 | 사진 썸네일 그리드 | HP-10 |
| 자료실형 | 학술지 자료실, 자료집 | 첨부파일 다운로드가 목적 | HP-11 |
| 외부 링크형 | 온라인 투고 시스템, 유관기관 | 클릭하면 외부 사이트로 이동 | HP-12 |
| 배너형 | 메인 슬라이드, 바로가기, 팝업 | 관리자가 등록·교체하는 노출 영역 | HP-02, HP-15 |
2. 작업 범위
2-1. 이번에 포함
[공통 레이아웃]
- 헤더 (로고, GNB, 유틸 메뉴) 및 모바일 전체 메뉴
- 푸터 (학회 정보, 약관·개인정보처리방침 링크, 저작권)
- 서브 페이지 공통 틀 (서브 비주얼, 페이지 제목, 서브 메뉴, 위치 표시)
[메인]
- 메인 비주얼 슬라이드, 퀵메뉴, 최근 게시물, 배너, 갤러리 구역
- 메인 팝업
[회원]
- 회원가입, 로그인, 아이디·비밀번호 찾기, 로그아웃
[서브 페이지]
- 페이지 유형별 화면 (콘텐츠형·이미지형·표형·규정형·게시판형·갤러리형·자료실형·외부 링크형)
- 통합 검색
[관리자]
- 게시판 글 등록·수정·삭제, 메인 비주얼·배너·팝업 등록·교체
2-2. 이번에 제외 / 후속 작업
- 학회별 추가 기능 (회비 결제, 학술대회 등록, 회원 등급 관리 등)은 학회별 기능명세서에서 정의함
3. 화면 매핑
| Spec ID | 화면 명 | 설명 | 상태 |
|---|---|---|---|
| HP-01 | HP-01. 헤더 / GNB | 모든 페이지 상단에 노출되는 로고·대메뉴·유틸 메뉴 영역 | 작성완료 |
| HP-02 | HP-02. 메인 페이지 | 비주얼·퀵메뉴·최근 게시물·배너 등 학회 대표 화면 | 작성완료 |
| HP-03 | HP-03. 푸터 | 모든 페이지 하단의 학회 정보 영역 | 작성완료 |
| HP-04 | HP-04. 회원가입 | 약관 동의 후 회원 정보를 입력해 가입하는 화면 | 작성완료 |
| HP-05 | HP-05. 로그인 / 계정 찾기 | 로그인, 아이디·비밀번호 찾기 화면 | 작성완료 |
| HP-06 | HP-06. 콘텐츠형 · 이미지형 페이지 | 글·이미지 위주의 한 장짜리 소개 페이지 | 작성완료 |
| HP-07 | HP-07. 표형 · 규정형 페이지 | 명단 표, 조문 형태의 한 장짜리 페이지 | 작성완료 |
| HP-08 | HP-08. 게시판 목록 | 게시글 목록, 검색, 페이지 이동 화면 | 작성완료 |
| HP-09 | HP-09. 게시판 상세 | 게시글 본문, 첨부파일, 이전·다음 글 화면 | 작성완료 |
| HP-10 | HP-10. 갤러리형 게시판 | 사진 썸네일 목록과 사진 상세 화면 | 작성완료 |
| HP-11 | HP-11. 자료실형 게시판 | 첨부파일 다운로드 중심의 게시판 화면 | 작성완료 |
| HP-12 | HP-12. 외부 링크 | 외부 사이트로 이동하는 메뉴·버튼 | 작성완료 |
| HP-13 | HP-13. 통합 검색 | 사이트 전체 게시글·페이지 검색 결과 화면 | 작성완료 |
| HP-14 | HP-14. 관리자 - 게시글 관리 | 관리자의 게시글 등록·수정·삭제 화면 | 작성완료 |
| HP-15 | HP-15. 관리자 - 메인 비주얼 · 배너 · 팝업 관리 | 메인 노출 영역을 등록·교체하는 화면 | 작성완료 |
4. 화면별 기능 설명
HP-01. 헤더 / GNB
| 항목 | 내용 |
|---|---|
| 진입 경로 | 모든 페이지 상단 공통 |
화면 설명
- 학회 로고, 대메뉴(GNB), 유틸 메뉴(홈·로그인·회원가입 등)로 구성된 상단 영역
- 모바일에서는 전체 메뉴 버튼(☰)으로 메뉴를 엶
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 로고 | 클릭 시 메인 페이지로 이동 | |
| 2 | 대메뉴 (GNB) | PC: 마우스를 올리면 하위 메뉴(중메뉴) 펼침 대메뉴 클릭 시 첫 번째 중메뉴 페이지로 이동 | |
| 3 | 유틸 메뉴 | 비로그인: 로그인 · 회원가입 로그인: 로그아웃 · 회원정보 수정 메인으로 이동은 로고 클릭 | 학회별로 언어 전환 링크 등 추가 가능 |
| 4 | 전체 메뉴 버튼 (모바일) | 클릭 시 전체 메뉴 패널 열림 대메뉴 클릭 시 하위 메뉴 펼침·접힘 닫기 버튼 또는 바깥 영역 클릭 시 닫힘 | |
| 5 | 현재 위치 표시 | 현재 보고 있는 페이지의 대메뉴를 강조 표시 |
HP-02. 메인 페이지
| 항목 | 내용 |
|---|---|
| 진입 경로 | 홈페이지 주소 접속 로고 클릭 |
화면 설명
- 학회를 대표하는 비주얼과 주요 메뉴 바로가기, 최근 소식을 한 화면에 보여주는 첫 화면
- 구역의 종류와 순서는 학회별 기능명세서에서 정함
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 메인 비주얼 | 이미지 슬라이드 + 문구 일정 시간마다 자동 전환 이전·다음 또는 페이지 표시(점) 버튼으로 이동 | 관리자에서 교체 (HP-15) |
| 2 | 검색창 | 검색어 입력 후 엔터 또는 검색 버튼 클릭 시 통합 검색(HP-13)으로 이동 | 학회별 선택 |
| 3 | 퀵메뉴 / 바로가기 | 아이콘 + 메뉴명 클릭 시 해당 서브 페이지 또는 외부 링크로 이동 | |
| 4 | 최근 게시물 | 게시판별 탭 탭마다 최근 글 N건 (제목, 작성일) 글 클릭 시 상세(HP-09)로 이동 [더보기] 클릭 시 목록(HP-08)으로 이동 | 노출 건수는 학회별로 정함 |
| 5 | 배너 | 이미지 배너 클릭 시 지정된 페이지 또는 외부 링크로 이동 | 관리자에서 교체 (HP-15) |
| 6 | 갤러리 | 최근 사진 썸네일 클릭 시 갤러리 상세(HP-10)로 이동 | 학회별 선택 |
| 7 | 메인 팝업 | 관리자가 등록한 팝업을 게시 기간 동안 노출 [오늘 하루 보지 않기] [닫기] | 관리자에서 등록 (HP-15) |
HP-03. 푸터
| 항목 | 내용 |
|---|---|
| 진입 경로 | 모든 페이지 하단 공통 |
화면 설명
- 학회명과 연락처, 정책 링크, 저작권 문구를 보여주는 하단 영역
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 학회 정보 | 학회명, 주소, 이메일, 전화번호 등 | 표시 항목은 학회가 준 정보만 |
| 2 | 정책 링크 | 이용약관 · 개인정보처리방침 | |
| 3 | 저작권 문구 | Copyright © {학회명}. All rights reserved. | |
| 4 | 관리자 링크 | 클릭 시 관리자 로그인 화면으로 이동 | 학회별 선택 |
HP-04. 회원가입
| 항목 | 내용 |
|---|---|
| 진입 경로 | 유틸 메뉴 [회원가입] 클릭 로그인 화면 [회원가입] 클릭 |
화면 설명
- 약관 동의 → 회원 정보 입력 → 가입 결과 순서로 진행하는 회원가입 화면
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 약관 동의 | 이용약관 · 개인정보 수집·이용 동의 (필수) [전체 동의] 체크박스 | 필수 항목 미동의 시 다음 단계 진행 불가 |
| 2 | 회원 정보 입력 | 아이디, 비밀번호, 비밀번호 확인, 이름, 이메일, 연락처, 소속 등 | 입력 항목은 학회별로 정함 (5-3 참고) |
| 3 | 아이디 중복 확인 | 클릭 시 사용 가능 여부 안내 | |
| 4 | [가입하기] 버튼 | 필수 항목 검증 후 가입 처리 가입 결과 안내 화면으로 이동 |
HP-05. 로그인 / 계정 찾기
| 항목 | 내용 |
|---|---|
| 진입 경로 | 유틸 메뉴 [로그인] 클릭 회원 전용 메뉴 접근 시 |
화면 설명
- 아이디·비밀번호로 로그인하고, 아이디·비밀번호를 찾는 화면
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 아이디 · 비밀번호 입력 | 엔터 또는 [로그인] 클릭 시 로그인 처리 | |
| 2 | [로그인] 버튼 | 성공 시 직전 페이지 또는 메인으로 이동 실패 시 안내 문구 노출 | |
| 3 | 아이디 찾기 | 이름 + 이메일로 확인 | |
| 4 | 비밀번호 찾기 | 아이디 + 이메일 확인 후 재설정 안내 | |
| 5 | [회원가입] 링크 | 회원가입(HP-04)으로 이동 |
HP-06. 콘텐츠형 · 이미지형 페이지
| 항목 | 내용 |
|---|---|
| 진입 경로 | GNB > 대메뉴 > 중메뉴 클릭 |
화면 설명
- 인사말, 연혁, 로고 소개처럼 글과 이미지로 이루어진 한 장짜리 페이지
- 모든 서브 페이지는 서브 비주얼, 페이지 제목, 서브 메뉴, 위치 표시를 공통으로 가짐
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 서브 비주얼 | 대메뉴명 + 배경 이미지 | 서브 페이지 공통 |
| 2 | 위치 표시 | 홈 > 대메뉴 > 중메뉴 | 서브 페이지 공통 |
| 3 | 서브 메뉴 (LNB) | 같은 대메뉴의 중메뉴 목록 현재 페이지 강조 | 서브 페이지 공통 |
| 4 | 페이지 제목 | 중메뉴명 | 서브 페이지 공통 |
| 5 | 본문 | 글, 이미지 관리자가 에디터로 수정 |
HP-07. 표형 · 규정형 페이지
| 항목 | 내용 |
|---|---|
| 진입 경로 | GNB > 대메뉴 > 중메뉴 클릭 |
화면 설명
- 임원진·편집위원 명단처럼 표가 핵심인 페이지, 정관·강령처럼 조문으로 된 페이지
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 서브 페이지 공통 요소 | HP-06의 1~4번과 동일 | |
| 2 | 표 | 표 머리글 고정 모바일에서 표가 화면보다 넓으면 가로 스크롤 | 표형 |
| 3 | 조문 | 장·조 제목 강조 조문 번호 순서대로 표시 | 규정형 |
| 4 | 첨부파일 | 원문 파일이 있으면 다운로드 버튼 노출 | 선택 |
HP-08. 게시판 목록
| 항목 | 내용 |
|---|---|
| 진입 경로 | GNB > 대메뉴 > 게시판형 중메뉴 클릭 메인 최근 게시물 [더보기] 클릭 |
화면 설명
- 게시글을 최신순으로 보여주고, 검색과 페이지 이동을 할 수 있는 목록 화면
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 전체 건수 | 전체 {N}건 | |
| 2 | 검색 | 검색 조건(제목 / 내용 / 제목+내용) + 검색어 입력 + [검색] 버튼 | |
| 3 | 목록 | 번호, 제목, 작성자, 작성일, 조회수 공지 글은 상단 고정 첨부파일이 있으면 파일 아이콘 새 글 표시 | 표시 컬럼은 게시판별로 조정 가능 |
| 4 | 페이지 이동 | 처음 · 이전 · 페이지 번호 · 다음 · 마지막 | |
| 5 | [글쓰기] 버튼 | 글쓰기 권한이 있는 사용자에게만 노출 (5-1 참고) |
HP-09. 게시판 상세
| 항목 | 내용 |
|---|---|
| 진입 경로 | 게시판 목록 > 글 제목 클릭 메인 최근 게시물 클릭 |
화면 설명
- 게시글 제목, 본문, 첨부파일을 보여주는 화면
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 글 정보 | 제목, 작성자, 작성일, 조회수 | |
| 2 | 본문 | 에디터로 작성한 글·이미지·표 | |
| 3 | 첨부파일 | 파일명(용량) 클릭 시 다운로드 | |
| 4 | 이전 글 · 다음 글 | 제목 클릭 시 해당 글로 이동 없으면 "이전 글이 없습니다." | |
| 5 | [목록] 버튼 | 보던 목록 페이지(검색 조건 유지)로 이동 | |
| 6 | [수정] · [삭제] 버튼 | 권한이 있는 사용자에게만 노출 삭제 시 재확인 모달 |
HP-10. 갤러리형 게시판
| 항목 | 내용 |
|---|---|
| 진입 경로 | GNB > 대메뉴 > 갤러리형 중메뉴 클릭 메인 갤러리 클릭 |
화면 설명
- 행사 사진을 썸네일 그리드로 보여주고, 클릭하면 사진 상세를 보여주는 게시판
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 썸네일 목록 | 대표 이미지 + 제목 + 작성일 PC 한 줄 3~4개, 모바일 1~2개 | |
| 2 | 상세 | 사진 여러 장을 차례로 표시 사진 클릭 시 크게 보기 | |
| 3 | 검색 · 페이지 이동 | HP-08과 동일 |
HP-11. 자료실형 게시판
| 항목 | 내용 |
|---|---|
| 진입 경로 | GNB > 대메뉴 > 자료실형 중메뉴 클릭 |
화면 설명
- 학술지·자료집 등 첨부파일 다운로드가 목적인 게시판
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 목록 | HP-08과 동일 + 첨부파일 바로 받기 아이콘 | |
| 2 | 상세 | HP-09와 동일 | |
| 3 | 다운로드 권한 | 게시판별로 전체 공개 / 회원 전용 설정 | 5-1 참고 |
HP-12. 외부 링크
| 항목 | 내용 |
|---|---|
| 진입 경로 | 외부 링크형 메뉴 · 배너 · 버튼 클릭 |
화면 설명
- 온라인 투고 시스템, 유관기관 등 외부 사이트로 이동하는 메뉴
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 외부 링크 메뉴 | 클릭 시 새 창(새 탭)으로 열림 | |
| 2 | 외부 링크 표시 | 메뉴명 옆에 새 창 아이콘 표시 |
HP-13. 통합 검색
| 항목 | 내용 |
|---|---|
| 진입 경로 | 헤더 또는 메인 검색창에 검색어 입력 후 검색 |
화면 설명
- 사이트 전체 게시판의 글을 검색해 게시판별로 결과를 보여주는 화면
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 검색창 | 입력한 검색어 유지 재검색 가능 | |
| 2 | 결과 요약 | "{검색어}" 검색 결과 총 {N}건 | |
| 3 | 게시판별 결과 | 게시판명 + 건수 글 제목·본문 일부·작성일 검색어 강조 클릭 시 상세로 이동 | |
| 4 | 결과 없음 | "검색 결과가 없습니다." |
HP-14. 관리자 - 게시글 관리
| 항목 | 내용 |
|---|---|
| 진입 경로 | 관리자 로그인 > 게시판 관리 사이트 게시판에서 [글쓰기] · [수정] |
화면 설명
- 관리자가 게시판 글을 등록·수정·삭제하는 화면
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 제목 | 필수 입력 | |
| 2 | 공지 설정 | 체크 시 목록 상단 고정 | |
| 3 | 본문 에디터 | 글, 이미지, 표, 링크 입력 | |
| 4 | 첨부파일 | 여러 개 첨부 가능 개별 삭제 가능 | 5-4 참고 |
| 5 | 대표 이미지 | 갤러리형 게시판에서 썸네일로 사용 | 갤러리형 |
| 6 | [등록] · [취소] 버튼 | 필수값 검증 후 저장 취소 시 작성 내용 사라짐 안내 |
HP-15. 관리자 - 메인 비주얼 · 배너 · 팝업 관리
| 항목 | 내용 |
|---|---|
| 진입 경로 | 관리자 로그인 > 메인 관리 |
화면 설명
- 메인 비주얼 슬라이드, 배너, 팝업을 등록하고 순서·노출 여부를 관리하는 화면
주요 요소
| 번호 | 요소 | 설명 | 비고 |
|---|---|---|---|
| 1 | 메인 비주얼 | 이미지(PC / 모바일), 문구, 링크, 노출 순서, 노출 여부 | |
| 2 | 배너 | 이미지, 링크, 새 창 여부, 노출 순서, 노출 여부 | |
| 3 | 팝업 | 제목, 이미지 또는 내용, 링크, 게시 기간(시작~종료), 노출 여부 |
5. 세부 정책
5-1. 권한
| 사용자 | 조회 | 등록 | 수정 | 삭제 | 비고 |
|---|---|---|---|---|---|
| 비회원 | O | X | X | X | 회원 전용 게시판·첨부파일은 조회 불가 |
| 회원 | O | △ | △ | △ | 회원 글쓰기를 허용한 게시판에서 본인 글만 |
| 관리자 | O | O | O | O | 모든 게시판·메인 영역 |
5-2. 게시판 정책
| No | 분류 | 정책 | 비고 |
|---|---|---|---|
| 1 | 정렬 | 공지 글 상단 고정 → 나머지는 작성일 최신순 | |
| 2 | 목록 수 | 한 페이지 10건 | 갤러리형은 게시판별로 정함 |
| 3 | 새 글 표시 | 작성일로부터 일정 기간 동안 N 표시 | 기간은 학회별로 정함 |
| 4 | 검색 | 제목 / 내용 / 제목+내용 대소문자 구분 없음 | |
| 5 | 조회수 | 상세 화면 열람 시 1 증가 |
5-3. 입력값 / 검증
| 항목 | 필수 여부 | 제한 조건 | 예시 |
|---|---|---|---|
| 아이디 | 필수 | 영문·숫자 조합 중복 불가 | member01 |
| 비밀번호 | 필수 | 영문·숫자·특수문자 조합 | |
| 이름 | 필수 | 홍길동 | |
| 이메일 | 필수 | 이메일 형식 | name@example.com |
| 연락처 | 선택 | 숫자만 | 01012345678 |
| 소속 | 선택 | ○○대학교 | |
| 게시글 제목 | 필수 |
5-4. 첨부파일
| No | 분류 | 정책 | 비고 |
|---|---|---|---|
| 1 | 허용 형식 | 문서(pdf, hwp, hwpx, doc, docx, xls, xlsx, ppt, pptx), 이미지(jpg, png, gif), 압축(zip) | |
| 2 | 용량 | 파일당 · 글당 용량 제한 적용 | 제한 값은 개발팀 확인 |
| 3 | 파일명 | 올린 파일명 그대로 다운로드 (한글 파일명 깨짐 없음) |
5-5. 반응형
| No | 분류 | 정책 | 비고 |
|---|---|---|---|
| 1 | 화면 구분 | PC / 태블릿 / 모바일 | |
| 2 | 메뉴 | 모바일에서는 GNB 대신 전체 메뉴 버튼(☰) | HP-01 |
| 3 | 표 | 화면보다 넓은 표는 가로 스크롤 | HP-07 |
| 4 | 메인 비주얼 | 모바일용 이미지가 있으면 모바일용 이미지 사용 | HP-15 |
5-6. 예외 케이스
| 상황 | 처리 방식 | 사용자 메시지 |
|---|---|---|
| 필수값 누락 | 저장 불가 | 필수 항목을 입력해주세요. |
| 로그인 실패 | 로그인 불가 | 아이디 또는 비밀번호가 일치하지 않습니다. |
| 권한 없음 | 접근 또는 동작 차단 | 권한이 없습니다. |
| 비회원이 회원 전용 메뉴 접근 | 로그인 화면으로 이동 | 로그인이 필요합니다. |
| 데이터 없음 | 빈 상태 화면 노출 | 등록된 게시물이 없습니다. |
| 검색 결과 없음 | 빈 상태 화면 노출 | 검색 결과가 없습니다. |
| 없는 페이지 | 404 화면 노출 | 요청하신 페이지를 찾을 수 없습니다. |
| 처리 실패 | 에러 메시지 노출 | 처리 중 오류가 발생했습니다. |
6. 변경 이력
| 날짜 | 버전 | 내용 | 작업자 |
|---|---|---|---|
| 2026-10-28 | v0.1 | 초안 작성 | @김서윤 |
