프로젝트 개요
건국대학교 글로컬캠퍼스 제37대 총학생회 '이룸'은 '함께 이루는 우리의 건국'이라는 슬로건 아래 학생 자치와 소통을 핵심 가치로 내세운 학생회입니다.
기존에는 별도의 공식 웹사이트 없이 SNS 중심으로 운영되고 있었고 청원·공지·소통창구 등 학생 참여 채널이 분산되어 있었습니다. 게시판 관리와 회원 관리를 저비용으로 운영할 수 있도록 아임웹을 플랫폼으로 선택하고 전체 사이트를 새로 만들었습니다.
진행 단계
-
01
요구사항 분석
총학생회 운영에 필요한
기능과 페이지 구조 정리 -
02
디자인 & 구축
건대 그린 컬러 시스템 기반
13페이지 아임웹 구축 -
03
기능 개발
실시간 인기 청원 연동
비속어 필터링 모듈 개발 -
04
테스트 & 오픈
게시판·회원 기능 점검
모바일 대응 후 오픈
이 프로젝트에서 가장 중요했던 부분은 비속어 필터링 모듈 개발이었습니다. 대학 공식 사이트 특성상 익명 게시판에서의 부적절한 표현을 사전에 걸러내야 했고 이를 아임웹 환경에서 직접 구현했습니다.
메인 페이지에는 실시간 인기 청원 게시물이 자동으로 노출되도록 게시판 위젯을 연동했고 청원·Q&A·소통창구·공지사항· 분실물 게시판·자료실·공모전 등 학생 자치에 필요한 모든 소통 채널을 하나의 사이트에 담았습니다.
과제 & 해결책
기존 과제
- 공식 웹사이트 없이 SNS 중심 운영으로 정보 분산
- 청원·공지·소통 채널이 각각 흩어져 있어 접근성 낮음
- 익명 게시판 운영 시 비속어·부적절 표현 관리 수단 부재
- 총학생회 예산 특성상 고비용 솔루션 도입 어려움
- 학생 참여를 끌어낼 수 있는 시각적 요소 부족
해결 결과
- 아임웹 기반 공식 웹사이트로 모든 정보를 한곳에 통합
- 청원·Q&A·소통창구·공지 등 9개 소통 채널 단일 사이트에 구성
- 비속어 필터링 모듈을 직접 개발해 게시판 건전성 유지
- 아임웹 플랫폼으로 저비용 운영 및 직접 관리 가능한 구조
- 실시간 인기 청원 연동으로 메인 페이지 참여 유도
수행 작업
13페이지 웹사이트 신규 제작
건대 공식 컬러(#036B3F) 기반의 디자인 시스템을 잡고
총학생회 운영에 필요한 전체 페이지를 새로 만들었습니다.
- 메인 페이지 (총학생회 소개 + 인기 청원 연동)
- 학생회 소개 · 학사일정 페이지
- 청원 게시판 · 인권침해 신문고 · 학우 의견 반응 제도
- Q&A · 소통창구 · 공지사항 · 분실물 게시판
- 자료실 · 공모전 페이지
비속어 필터링 모듈 개발
대학 공식 사이트에서 익명 게시판을 운영하려면
부적절한 표현을 사전에 걸러내는 장치가 반드시 필요했습니다.
- 아임웹 환경에서 동작하는 비속어 필터링 스크립트 직접 개발
- 게시글 작성 시 실시간 검증 및 등록 차단
- 필터링 사전 관리 가능한 구조로 설계
실시간 인기 청원 연동
메인 페이지에 접속하면 가장 먼저 인기 청원이 눈에 들어오도록
게시판 위젯을 연동하고 전용 UI를 설계했습니다.
- 아임웹 게시판 위젯 기반 실시간 인기 청원 노출
- TOP 1 카드 + 리스트형 UI로 시선 유도
- MutationObserver 적용으로 아임웹 렌더링 지연 대응
- 건대 그린 컬러 톤에 맞춘 절제된 디자인
작업 하이라이트
'함께 이루는 우리의 건국'이라는 슬로건 아래
학생 소통의 모든 접점을 하나의 사이트로 모은 핵심 포인트입니다.
비속어 필터링
익명 게시판 건전성 유지를 위해
아임웹 환경에서 필터링 모듈 직접 개발
실시간 청원 연동
메인 페이지에서 인기 청원이
자동으로 노출되는 위젯 연동
9개 소통 채널
청원·Q&A·소통창구·공지 등
흩어진 채널을 단일 사이트에 통합
저비용 자율 운영
아임웹 플랫폼으로
총학생회가 직접 관리 가능한 구조
소통이 살아있는
조직 웹사이트가 필요하신가요?
로그에이전시가 게시판 연동부터 맞춤 기능 개발까지
조직에 꼭 맞는 웹사이트를 만들어드립니다.