한움
2022.05 - 2023.03
NextJS
Jenkins
Docker
Cloudflare
FastAPI
Parsing
Oracle Cloud

hanum.png

서비스 소개


서비스 목적

한성대학교 학생이 성적을 그래프 형태로 시각화하여 볼 수 있도록 해주는 웹 사이트

제작 동기

기존의 학교 종합정보시스템에서는 성적을 숫자로만 확인이 가능하고 전공 평균 학점 등을 확인할 수 없었는데, 이 부분이 불편하다고 생각하여 개발했습니다.

주요 기능

로그인 시 학교 종합정보시스템을 파싱하여 성적 정보를 불러옵니다.

불러온 성적 정보를 이용하여 각 학기별 평균 학점, 전공 평균 학점으로 나누어 그래프로 시각화합니다.

그래프의 꼭짓점에 마우스를 올리면 해당 학기에 수강한 과목과 성적을 확인할 수 있습니다.

플로우차트


hanum-flowchart.png

담당한 역할


개인적으로 진행한 토이 프로젝트로 모든 기능 개발을 혼자 진행하였습니다.

파싱

성적 데이터를 불러오기 위해 학교 종합정보시스템을 파싱했습니다.

FastAPI를 이용한 백엔드 기능 개발

가벼운 API서비스를 제공하기 위해 FastAPI를 사용했습니다.

NextJS를 이용한 프론트엔드 개발

NextJS 학습을 위해 NextJS를 사용했습니다.

CD Continuous delivery

배포에 걸리는 시간을 최소화하기 위해서 Jenkins를 이용하여 main브랜치에 push시 Docker 컨테이너를 교체하여 자동으로 배포되도록 구현했습니다.

배포

Oracle Cloud에 Docker를 사용하여 배포를 진행했습니다.

SSL을 적용하여 보안을 강화했습니다.

디자인

깔끔한 디자인을 위해 흰색 바탕에 주요 항목에 그림자를 씌워 강조했습니다.


프레소
Copyright © PRESSO. All Rights Reserved.