안녕하세요,
프론트엔드 개발자 엄혜진입니다.

'팜뷰어' 관제 시스템 개발

NextJs를 기반으로 한 관제 시스템 개발

• 2022.11 - 2023.03
• TanStack Query 최초 도입
  • 서버 상태를 관리하고, 캐싱하며, 지속적으로 동기화하고 업데이트 하기 위해 도입
  • 복잡하고 장황한 코드가 줄어들어 개발 리소스가 줄어듦
• Suspense SSR Architecture로 사용자 경험 개선
  • 선택적 하이드레이션으로 다른 페이지 간의 상호작용을 막지 않게 됨
• 사용 기술: NextJs, styled-components, TypeScript, TanStack Query

'잘키움' 애플리케이션 개발

React-Native를 기반으로 한 농작업 처방 '잘키움' 애플리케이션 개발

• 2021.06 - 고도화 중
• Typescript 최초 도입
  • 도구의 지원을 통한 편리한 개발이 가능해짐
  • 컴파일 단계에서 오류를 포착하여 디버깅이 쉬워짐
• RTK(Redux-Toolkit)를 이용한 데이터 관리
  • 기존 Redux의 단점을 보완한 라이브러리 사용
  • redux thunk, immer가 내장되어 있어 보일러 플레이트 코드가 줄어듦
• React-Navigation 코드 개선
  • 하나의 Root Navigation에 Screen Stack이 몰려 있어 로딩이 느렸음
  • User Auth 유무에 따라 Screen을 분기하여 로그인 속도를 43.8ms에서 9.9ms로 줄임
• SMS 인증 코드의 원터치 자동 완성 API를 이용한 사용자 편의성 개선
  • 문자가 오면 하나하나 입력해주어야 하는 불편함이 있었음
  • 원터치 자동 완성 라이브러리를 이용해 사용자 경험 개선
• 협업을 원활하게 하기 위해 gitflow, issue-templetes 도입
  • 브랜치 충돌 최소화
  • 이슈 트래킹으로 효율적인 코드 관리
• 사용 기술: ReactNative, RTK, styled-components, TypeScript
• 링크: https://bit.ly/3ROxy2i

에이아이에스 홈페이지 리뉴얼

• 2021.07 - 2022.04
• php로 만들어진 사내 홈페이지를 React로 리뉴얼
  • 빠르고 사용자 인터페이스 구축에 더 적합한 React 사용
• 웹 접근성을 고려한 시맨틱 마크업 개발
  • Lighthouse 기준, Accessibility 72점 -> 98점으로 개선
• SEO 최적화를 통해 에이아이에스 홈페이지 상위 노출
  • 같은 이름의 회사가 많아서 회사 홈페이지가 제대로 노출되지 않았음
  • CSR의 단점인 SEO 최적화를 위해 react-helmet, react-snap을 사용
  • Lighthouse 기준, SEO 75점 -> 83점으로 개선
  • 회사 홈페이지 상위 노출 성공
• 다국어 지원
  • 언어나 지역과 관계없이 모든 방문자가 원활하고 직관적인 UX를 즐길 수 있도록 i18n 도입 및 적용
  • 한국어와 영어의 어순 차이를 고려한 스타일로 일관된 UX를 줌
• GA, GTM 도입
  • 방문자의 유입 출처, 분석하기 위해 도입
• 사용 기술: React, styled-components
• 링크: https://www.aiskorea.co.kr/ko/home

콩 생육 모니터링 애플리케이션 개발

에이아이에스 B2G(with 충북 괴산군 노지 스마트농업 실증단지) 콩 생육 모니터링 애플리케이션 개발

• 2021.06 - 2021.12
• 표준 웹 기술을 사용할 수 있는 Cordova 프레임워크로 개발 및 배포
• 사용자가 콩 생육 정보를 효율적으로 소비할 수 있도록 화면 및 기능 개발
  • 날씨 데이터를 시각적으로 표현할 수 있는 Chart.js 라이브러리를 이용한 차트 화면 개발
  • 시스템 폰트 크기에 따른 스타일 대응
• 사용 기술: Cordova