ModakBul
  • 모닥불 프로젝트 보고서
  • 프로젝트 요약
  • 프로젝트 개요
    • 추진 배경 및 필요성
    • 프로젝트 내용
    • 구현 요구사항
    • 팀 구성 및 개발환경
    • 프로젝트 관리 체계
    • 프로젝트 일정 관리
  • 기능 명세
    • 요구사항 목록
    • DB 요구사항
    • 기능 요구사항
    • 기타 요구사항
  • 데이터베이스
    • 구조 설계
    • 테이블 명세
      • 태그 관련 테이블
      • 게시물 관련 테이블
      • 투표 관련 테이블
      • 기타 테이블
  • 백엔드 API
    • API 개요
    • API 명세
      • Template API
      • Board API
      • Auth API
      • Vote API
      • Search API
      • Admin API
      • Analysis API
  • 프론트엔드 & UI
    • 전체 인터페이스 구조
    • 인터페이스 명세
      • Main Page
      • Header & Side Bar
      • Intro Page
      • Post Page
      • Vote Page
      • Analysis Page
      • Admin Page
      • Login Page
  • 프로그램 배포
    • 프로그램 개요
    • 주요 기능
    • 구현 결과물 배포
  • 마무리
    • References
Powered by GitBook
On this page
  • 헤더 - PC
  • 1. 사이드 바 버튼
  • 2. 검색
  • 3. 로고
  • 4. 사용자 및 테마 관리
  • Mobile
  • 사이드 바 - PC
  • 1. 공지사항
  • 2. 학생회소개
  • 4. 학생회비내역
  • 5. 민원
  • 6. 갤러리
  • 7. 투표/설문조사
  • 8. 통계자료
  • 2, 9. testtest, 안녕이에요
  • Mobile

Was this helpful?

  1. 프론트엔드 & UI
  2. 인터페이스 명세

Header & Side Bar

PreviousMain PageNextIntro Page

Last updated 5 years ago

Was this helpful?

헤더 및 사이드 바는 모닥불 내의 모든 페이지에서 해당 영역을 확인할 수 있다. 각 템플릿의 구조는 아래와 같다.

헤더 - PC

1. 사이드 바 버튼

해당 버튼을 클릭할 경우, 좌측단에 사이드 바 메뉴를 띄운다.

2. 검색

해당 버튼을 클릭할 경우, 상단에 검색 모달을 띄운다.

3. 로고

해당 버튼을 클릭할 경우, 메인 페이지로 리다이렉션을 수행한다.

4. 사용자 및 테마 관리

아래의 버튼을 클릭했을 때 비 로그인 일 경우, 로그인 버튼이 나타나며 이미 로그인이 되어 있을 경우 아래와 같이 사용자의 정보를 반환한다.

비 로그인 상태

로그인 상태

Mobile

모든 인터페이스 상기의 내용과 일치한다.

사이드 바 - PC

2, 9번을 제외한 모든 게시판 탭은 기본적으로 생성되는 게시판 셋이다.

1. 공지사항

소융대 관련 중요 정보를 게시판 공지사항 게시판으로 이동한다.

2. 학생회소개

소융대 학생회에 대한 소개글을 확인할 수 있는 페이지로 이동한다.

4. 학생회비내역

소융대 내의 각 학과의 학생회비 사용 내역을 게시하는 페이지로 이동한다.

5. 민원

소융대 구성원들의 민원 사항을 게시할 수 있는 페이지로 이동한다.

6. 갤러리

소융대가 자체적으로 관리하는 갤러리 페이지로 이동한다.

7. 투표/설문조사

소융대가 자체적으로 게시하는 설문조사 및 투표 게시판으로 이동한다.

8. 통계자료

현재 모닥불 페이지에 대한 사용자 통계 자료를 확인할 수 있는 페이지로 이동한다.

2, 9. testtest, 안녕이에요

관리자가 자체적으로 생성한 커스텀 게시판이다.

Mobile