AIVLE SCHOOL 빅프로젝트 5주차 후기

이번 주는 휴가로 인해 화·수요일은 쉬었고 휴가 이후 집중적으로 개발을 진행했다.

특히 공지사항 기능을 고도화하고, 활주로 노면 손상 탐지 기능을 프론트와 연동하며 서비스의 완성도를 높인 주차였다.

 

이미지 탐지 모델 같은 경우에는

학습을 계속 진행중이고,

활주로 노면 손상 수리기간, 수리비용 예측 모델과

장비 유지보수 비용 예측 모델을 학습하기 시작했다.

두 모델 모두 구축되어있는 데이터셋이 없어서

가상의 데이터셋을 만들기 위해

실제로 실무에 사용할 수 있게끔 변수들을 구성하고

가중치를 설정할 수 있도록 했다.

 

실제 매뉴얼들을 참고했고, 가상 데이터셋을 구축한 것이기 때문에

정확도가 많이 높지 않도록 노이즈도 적합하게 설정했다.

그리고 분석 보고서 생성 LLM 같은 경우도 기본 구조를 완성시켰다.

 

그리고 회원가입/로그인 시 보안, 시큐어 코딩도 적용하였다.

- 회원가입할 때 비밀번호 규칙 안내/적용
- 개인정보 표시 제한 보호조치(마스킹 처리)
- 회원가입 시 개인정보 수집 및 이용 동의 적용
- 개인정보 처리방침 등록 
- 캡챠 적용
- 비밀번호 유효기간 설정 구현

---

그리고 공지사항 기능 구현에 집중했다.

파일 업로드/다운로드 기능을 추가하고

상세, 생성, 수정 페이지를 구현하여 실제 연동까지 완료했다.

삭제 기능까지 구현하여 공지사항의 기본 CRUD 흐름이 모두 갖춰졌다.

동시에 페이지 전반의 디자인도 수정해 사용자 경험을 보완하였다.

--

파일 업로드/다운로드 기능 추가 (백엔드 API + 프론트 연동)

상세 페이지 / 생성 페이지 / 수정 페이지 구현 및 연동

삭제 기능 구현 (RESTful API 적용)

Material-UI 기반 UI 디자인 개선

---

계속해서 공지사항 기능을 고도화했다.

파일 업로드·다운로드 시 확장자, 파일 크기, 파일 개수 제한 로직을 반영하여 안정성을 높였다.

공지사항 목록에 검색 기능을 추가하여 사용성이 한층 강화되었다.

또한 활주로 노면 손상 탐지 기능을 프론트와 연동하였다.

이미지 탐지 모델을 실제 화면에 연결해 결과를 확인할 수 있었고,

동일 객체를 중복 감지하지 않도록 동일 객체 판단 로직을 추가하여 기능의 정확도를 높였다.

처음에는 동일한 균열이 따로 저장이 되었다가,

이를 보완해

아래를 보면 동일한 균열로 저장되도록 했다.

--

공지사항 서비스 개선

- 파일 업로드/다운로드 시 검증 로직 강화

- 허용 확장자 제한

- 파일 크기 제한

- 파일 개수 제한

- 검색 기능 구현: 제목·내용 기반 검색

 

활주로 노면 손상 탐지 (YOLOv8 + React 연동)

- 프론트엔드에서 이미지 업로드 후 모델 추론 결과를 시각화

- 동일 객체 중복 탐지를 방지하기 위한 객체 ID 기반 동일 객체 판단 로직 추가

---

진행 내용

• 공지사항 기능 확장
  • 파일 업로드/다운로드 기능 추가 및 검증(확장자·크기·개수 제한)
  • 상세, 생성, 수정, 삭제 페이지 구현 및 연동
  • 검색 기능 구현
  • UI 디자인 보완
• 활주로 노면 손상 탐지 모델 연동
  • YOLO 기반 이미지 탐지 결과를 프론트에 표시
  • 동일 객체 중복 방지 로직 추가

기술 성과

• 공지사항 서비스가 CRUD + 파일 업로드 + 검색까지 확장 → 완성형 기능 확보
• YOLO 모델 연동으로 실제 화면에 탐지 결과 시각화
• 데이터 안정성·보안성을 고려한 파일 처리 검증 로직 구현

 

 

5주차는 짧은 일정이었지만, 공지사항 서비스가 사용자 친화적으로 완성되었고,

활주로 손상 탐지 기능도 실질적으로 서비스 화면과 연결되었다.
다음 주부터는 탐지 모델과 백엔드 간 데이터 흐름을 안정화하고,

사용자에게 직관적으로 보여줄 수 있는 시각화 개선에 집중할 예정이다.