미리보기

[Frontend]

• Angular에서 Next.js로 프레임워크 마이그레이션 진행 (2만 라인 규모)

  • 페이지 초기 로딩 시간 2.8초 → 0.9초로 68% 개선

  • 번들 사이즈 4.2MB → 1.8MB로 57% 감소

  • 레거시 코드 3천 라인 제거 및 신규 아키텍처 설계

• Storybook 기반 디자인 시스템 구축

  • 25개 이상의 재사용 가능한 컴포넌트 설계 및 문서화

  • 신규 기능 개발 소요시간 평균 5일 → 2.5일로 단축

  • 코드 재사용률 40%에서 75%로 향상

[App]

• MVVM에서 BLOC 패턴으로 아키텍처 전환 (3만 라인 규모)

  • 테스트 커버리지 45% → 80%로 개선

  • 신규 기능 추가 시 코드 변경 범위 60% 감소

• Flutter Web 도입으로 동적 콘텐츠 배포 시스템 구축

  • 앱 업데이트 없이 콘텐츠 배포 가능 (기존 대비 배포 시간 90% 단축)

  • 앱 설치 용량 48MB → 22MB로 54% 감소

[Frontend] | 서비스 페이지 (현재 서비스중)

• 1만명+ 실사용자 대상 프론트엔드 시스템 설계 및 개발

  • 사용자 뷰 30개, 관리자 뷰 25개, API 90개 연동

  • 전체 개발 기간 6개월 → 4개월로 33% 단축 (QA 포함)

• 동적 N-Depth 옵션 시스템 설계 및 구현

  • 관리자 설정에 따른 동적 UI 렌더링 로직 구현

  • 복잡한 상품 옵션 구조를 최대 5-Depth까지 확장 가능하도록 개선

  • 재귀적 컴포넌트 구조를 활용한 동적 옵션 렌더링 시스템 개발

  • React 최적화 훅을 활용한 불필요한 리렌더링 방지

[Frontend] | 발표영상

• NASA EOSDIS API 연동하여 12개 기상 위성의 실시간 데이터를 시각화

• OpenLayers 라이브러리 활용해 태풍 진행 경로 애니메이션 구현 (최대 72시간 예측)

• HTML5 Canvas로 실시간 풍속/기압 변화 그래프 구현, 렌더링 성능 40% 향상

• 졸업작품 평가 대상 30개 작품 중 최고점수로 대상 수상

[Blockchain] | 블록체인 저장소

• HyperLedger Fabric 원리를 참고하여 NginX Unit 을 활용해서 동적 노드 생성

• Docker-compose 를 활용해서 채널노드, 합의노드 연결 유지

• Kafka - Zookeeper 로 합의 이후 타 노드로 동시전파 기능 구현

[Frontend]

• 블록체인 트랜잭션 조회 웹 페이지 구현

• 테스트 코인 개발 후 MetaMask 를 참고하여 확장프로그램 기반 송금 시스템 구현

• Flutter 기반 체력측정 결과 확인 및 자격인증 확인 어플리케이션

총 50개팀중 3등으로 육군참모총장상 수상

React, NextJS 를 활용한 40건 이상의 아웃소싱