프로젝트 배경
⚠️ 문제점
·OTA 시스템은 차량과 서버 간 민감한 데이터를 다루므로, 보안성과 신뢰성이 매우 중요함
·고성능 렌더링 품질과 다양한 디바이스 호환성을 동시에 확보해야 함
✅ 프로젝트 목표
·보안성과 성능을 모두 충족하는 OTA UI 시스템 구축
·직관적이고 일관된 사용자 경험 제공
·다양한 디바이스 환경에서도 안정적인 작동 보장
❗ 주안점
·테크 리드로서 프론트엔드 개발 파트를 맡음
·사내 보안 규정에 따른 UI 설계 및 안전한 코드 구조 확보
·렌더링 성능 향상을 위한 코드 경량화 및 디바이스별 최적화
·팀 내 협업 체계 강화 및 코드 품질 유지
·OTA 시스템은 차량과 서버 간 민감한 데이터를 다루므로, 보안성과 신뢰성이 매우 중요함
·고성능 렌더링 품질과 다양한 디바이스 호환성을 동시에 확보해야 함
✅ 프로젝트 목표
·보안성과 성능을 모두 충족하는 OTA UI 시스템 구축
·직관적이고 일관된 사용자 경험 제공
·다양한 디바이스 환경에서도 안정적인 작동 보장
❗ 주안점
·테크 리드로서 프론트엔드 개발 파트를 맡음
·사내 보안 규정에 따른 UI 설계 및 안전한 코드 구조 확보
·렌더링 성능 향상을 위한 코드 경량화 및 디바이스별 최적화
·팀 내 협업 체계 강화 및 코드 품질 유지
프로젝트 성과
보안 대응 UI 구축
사내 보안 가이드라인을 반영한 안전한 프론트엔드 구현 완료
고성능 렌더링 확보
다양한 디바이스 환경에서 품질 저하 없는 렌더링 구현
개발 표준화 기여
코드 리뷰 주도 및 협업 체계 강화로 팀 내 개발 역량 향상
핵심 기능
Vue.js 기반 UI 구현
SPA 구조로 구성된 차량 OTA 전용 UI 개발
보안 대응 코드 설계
민감 정보 보호를 위한 사내 보안 기준 철저히 반영
렌더링 최적화
다양한 차량 디스플레이에서도 안정적으로 작동하는 화면 구현
진행 단계
요구사항 분석 및 기술 스택 선정
2021.06.
OTA 시스템 구조 이해 및 보안 요건 정리, Vue.js 기반 설계
화면 설계 및 초기 구현
2021.08.
UI 와이어프레임 기반 화면 구성, 기초 보안 로직 적용
성능 최적화 및 디바이스 대응
2021.10.
렌더링 품질 개선, 테스트 기기 다변화 및 이슈 대응
리뷰 및 배포지원
2021.12.
코드 리뷰 리딩, 릴리즈 버전 대응, 사후 유지보수 협의
프로젝트 상세
1. 포트폴리오 소개
현대자동차의 OTA(Over-the-Air) 시스템 프론트엔드 개발에 참여하였습니다. 차량 소프트웨어의 무선 업데이트를 지원하는 시스템으로, 안정적이고 직관적인 사용자 인터페이스 구현에 중점을 두고 개발을 수행하였습니다.
2. 의뢰내용 및 주안점
OTA 시스템은 차량과 서버 간 민감한 데이터를 다루기 때문에, 보안 요구사항을 철저히 반영한 UI 설계 및 개발이 필수적이었습니다. 또한, 렌더링 품질과 성능에 대한 엄격한 기준을 충족해야 하며, 이를 위한 최적화와 정밀한 테스트가 주요 과제로 주어졌습니다.
3. 작업범위
해당 프로젝트에서 프론트엔드 리드 개발자로 참여하였으며, Vue.js를 기반으로 화면 개발 및 테스트 대응을 진행했습니다.
4. 주요기능
- 프론트엔드 프레임워크 : Vue.js
- 보안 규정 대응 : 사내 보안 가이드라인에 맞춘 코드 설계
- 렌더링 품질 테스트 통과 : 다양한 디바이스 환경에서 성능 최적화
- 협업 및 코드 리뷰 주도 : 팀 내 개발 표준 수립 및 코드 품질 유지
현대자동차의 OTA(Over-the-Air) 시스템 프론트엔드 개발에 참여하였습니다. 차량 소프트웨어의 무선 업데이트를 지원하는 시스템으로, 안정적이고 직관적인 사용자 인터페이스 구현에 중점을 두고 개발을 수행하였습니다.
2. 의뢰내용 및 주안점
OTA 시스템은 차량과 서버 간 민감한 데이터를 다루기 때문에, 보안 요구사항을 철저히 반영한 UI 설계 및 개발이 필수적이었습니다. 또한, 렌더링 품질과 성능에 대한 엄격한 기준을 충족해야 하며, 이를 위한 최적화와 정밀한 테스트가 주요 과제로 주어졌습니다.
3. 작업범위
해당 프로젝트에서 프론트엔드 리드 개발자로 참여하였으며, Vue.js를 기반으로 화면 개발 및 테스트 대응을 진행했습니다.
4. 주요기능
- 프론트엔드 프레임워크 : Vue.js
- 보안 규정 대응 : 사내 보안 가이드라인에 맞춘 코드 설계
- 렌더링 품질 테스트 통과 : 다양한 디바이스 환경에서 성능 최적화
- 협업 및 코드 리뷰 주도 : 팀 내 개발 표준 수립 및 코드 품질 유지
