플러스프로젝트 배경
DGIST의 창의경진대회인 B-SL(Bright-Smart Lab)의 공모 및 운영을 위한 전용 홈페이지 구축 요청을 받아, 행사 안내와 참가자 모집, 결과 홍보까지 통합 관리할 수 있는 반응형 웹사이트를 개발하게 되었습니다. 대회 성격상 매년 반복 운영이 가능하도록 유지보수 효율성을 고려한 설계가 핵심이었습니다.
프로젝트 성과
수년간 내용만 수정하며 안정 운영
개발 완료 이후 수년간 동일한 구조를 바탕으로 연례 대회 운영에 지속 활용됨
디자인-개발 일원화로 기획 반영도 극대화
클라이언트 요구사항을 직접 설계와 구현에 반영하여 만족도 높은 결과물 도출
핵심 기능
✅ 행사 소개 및 일정 안내 페이지
대회 개요, 일정, 주제 등 고정형 콘텐츠에 대한 반응형 소개 페이지 구현
✅ 참가 신청 및 결과 공지 모듈
참가 신청 접수 폼과 결과 발표 게시판, 이미지 갤러리 등을 통합 구성
진행 단계
요구사항 수집 및 콘텐츠 기획
2019.12.
DGIST 대외협력팀과 협업하여 행사 콘텐츠 구조 및 기능 요구사항 정리
디자인 및 반응형 UI 구현
2019.12.
모바일 최적화 UI 및 대회 성격에 맞는 시각적 콘셉트 설계 및 디자인
프론트엔드 및 서버 개발
2020.01.
React 및 TypeScript 기반 클라이언트 개발, Docker 기반 배포 환경 구성
프로젝트 상세
포트폴리오 소개
DGIST의 창의경진대회(B-SL)를 위한 공식 홈페이지로, 대회 소개부터 참가 신청, 심사 기준 설정, 공지사항 등록 기능을 통합한 경진대회 전용 운영 시스템입니다. 개발 납품 후 몇 년간 내용만 수정하여 계속 운영할 정도로 안정적인 홈페이지를 개발-납품 했습니다
작업 범위
• 기획: 대회 일정/심사 흐름 기반 기능 정의
• 디자인: 반응형 UI 설계 및 관리자 화면 UX 구성
• 개발: React 프런트, Node.js 백엔드, 심사 기능 커스터마이징
• 운영환경: Docker 기반 배포, 보안 인증 및 접속 이력 관리 기능 포함
주요 기능 및 업무
• 온라인 참가 신청 및 상태 관리
• 운영자 전용 공지 및 일정 관리 기능
• 점수 기준 설정 및 위원별 입력 화면
• 반응형 접근성과 브라우저 호환성 고려한 구현
주안점
• 반복 사용을 위한 콘텐츠 재사용 구조 설계
• 비전문가도 쉽게 운영 가능한 관리자 UI 구성
• 안정적 배포 및 관리 가능한 백엔드 구성 (Docker 활용)
• 이후 유지보수 부담을 최소화한 문서화 및 사용 가이드 제공
DGIST의 창의경진대회(B-SL)를 위한 공식 홈페이지로, 대회 소개부터 참가 신청, 심사 기준 설정, 공지사항 등록 기능을 통합한 경진대회 전용 운영 시스템입니다. 개발 납품 후 몇 년간 내용만 수정하여 계속 운영할 정도로 안정적인 홈페이지를 개발-납품 했습니다
작업 범위
• 기획: 대회 일정/심사 흐름 기반 기능 정의
• 디자인: 반응형 UI 설계 및 관리자 화면 UX 구성
• 개발: React 프런트, Node.js 백엔드, 심사 기능 커스터마이징
• 운영환경: Docker 기반 배포, 보안 인증 및 접속 이력 관리 기능 포함
주요 기능 및 업무
• 온라인 참가 신청 및 상태 관리
• 운영자 전용 공지 및 일정 관리 기능
• 점수 기준 설정 및 위원별 입력 화면
• 반응형 접근성과 브라우저 호환성 고려한 구현
주안점
• 반복 사용을 위한 콘텐츠 재사용 구조 설계
• 비전문가도 쉽게 운영 가능한 관리자 UI 구성
• 안정적 배포 및 관리 가능한 백엔드 구성 (Docker 활용)
• 이후 유지보수 부담을 최소화한 문서화 및 사용 가이드 제공
