미리보기

<사내 자산 관리 시스템 개발> 프로젝트에서 하이브리드 앱 프론트엔드 업무 담당 (Vue.js)
사내 자산(HW/SW) 수기 관리 대장을 디지털 서비스로 이전하려는 목표의 하이브리드 앱.
바닐라 js와 Vue.js 중 자유롭게 선택하여 개발하는 과제. 새로운 프레임워크를 공부해보고자 하는 마음에 Vue.js를 선택함. Vuetify, Vuex, Vue router 등의 프레임워크 지식을 팀원들과 공유함.

담당한 화면: 앱 프론트엔드 전체. HW/SW 자산 목록 조회, 자산 세부사항 조회, 새 자산 등록 및 삭제 화면

• Figma로 웹, 앱 화면 디자인부터 직접 하면서 사용자의 입장에서 좋은 UI/UX에 대해 고민함

• api 문서를 엑셀로 전달하는 것에 불편함을 느껴 swagger를 도입해 생산성을 높임

• chart.js 라이브러리로 자산 현황 시각화

"매일 다니는 길의 교통 이슈를 확인해 보세요"
사용자가 저장한 지하철 경로에 시위, 지연 등 교통 이슈가 발생하기 전에 알림을 보내는 리액트 네이티브 앱
현재 앱스토어와 구글 플레이 스토어에 mvp가 배포되어 있음
9월 중으로 알림 기능을 포함한 버전 업데이트 예정
졸업작품에 이어 리액트 네이티브를 더 깊게 공부하고자 프론트엔드로 참여

담당한 화면: 홈 탭(경로 검색 컴포넌트 제외), NOW 탭, 마이페이지 탭 (하위 전체), 내 경로 저장 스텝, fcm 푸시알림, 소셜로그인, 워크스루

• 깃허브 PR 코드 리뷰를 통해 팀원과 적극적으로 의견을 주고 받으며 작업

• 타입스크립트 적용하여 안정된 환경에서 개발

• css 라이브러리로 emotion을 채택했었으나, 코드의 길이와 클래스 이름을 고민하는 시간을 줄이기 위해 테일윈드로 마이그레이션

• 실시간 이슈 목록 탭(NOW탭)의 로딩 속도를 최적화하기 위해 ScrollView를 FlatList로 변경, 로딩 속도를 약 1~2초 개선

• 앱스토어 배포 담당, 첫 배포 당시 빌드 오류를 약 3일간 구글링 끝에 해결

• fcm 푸시알림 구현 시 안드로이드 백그라운드에서 알림 헤드업이 표시되지 않는 현상 해결

도착지를 검색하면 도착지 주변의 주차장 정보를 지도상에 마커로 표시하고, 주차장 출입구에 초음파 센서를 부착하여 주차장의 잔여 좌석 수를 제공하는 리액트 네이티브 앱.

• 일정 거리 내에 물체가 1초 이상 탐지될 시 카운트를 올리거나 내리는 RaspberryPi 초음파 센서 개발, Firebase에 실시간으로 업로드

• Firebase Realtime Database에서 앱 내부로 잔여 좌석 수 데이터를 받아오는 시간이 3초 정도 지연되는 이슈로 Cloud Firestore에 업로드하기로 변경하고, 시간차 없이 잔여 좌석 수를 표시하기에 성공

• 앱 화면 디자인, 퍼블리싱, 탭바 네비게이션과 좌석 수 표시 등을 담당

• 캡스톤 디자인 발표회에서 프로젝트 설명을 담당

지인의 이름과 사진을 등록한 후, 지인 목록에 등록되지 않은 사람의 얼굴이 5초 이상 감지될 시 사용자에게 알림을 보내는 안드로이드 네이티브 앱.
얼굴 인지 - OpenCV 라이브러리 사용

• FCM 푸시 세팅, 안드로이드 화면 퍼블리싱, OpenCV 세팅, 지인 목록 화면 등을 담당

• 팀장을 맡아 매주 진행상황 발표와 최종 발표를 담당

• 팀원간 FCM 지식과 라이브러리 적용 방법 등을 활발하게 공유하며 프로젝트에 약 10개월간 매진한 결과, 교내 공학경진대회에서 장려상 수상