내비게이션 앱 고도화
내비게이션 전문 기업이 직접 운영하던 내비게이션 앱의 메이저 업데이트를 개발했습니다. 같은 앱의 첫 버전과 태블릿 버전을 만든 경험을 바탕으로, 기존 구조는 유지하면서 기능과 화면 완성도를 전반적으로 끌어올렸습니다. 운전 중에 보는 화면이라 작은 오류나 읽기 어려운 표시가 곧바로 사용 경험을 해칩니다. 지도 · 안내 · 버튼 · 상태 표시 같은 화면 요소를 직접 설계하고, 스마트폰과 태블릿을 함께 지원했습니다.
구조는 그대로 두고 완성도를 끌어올린 메이저 업데이트
내비게이션 앱의 메이저 업데이트는 이미 쓰이고 있는 앱의 기능과 화면을 전면 개선하는 작업이었습니다. 같은 앱의 첫 버전과 태블릿 버전을 만든 경험을 바탕으로, 기존 구조를 유지한 채 사용자 경험과 화면 품질을 높이는 데 집중했습니다. 새로 만드는 대신 고쳐 쓰는 방식이라, 화면이 바뀔 때마다 기존 기능이 그대로 동작하는지 함께 확인했습니다.
운전 중에도 한눈에 읽히는 지도 · 안내 · 버튼
지도, 경로 안내, 버튼, 상태 표시처럼 내비게이션 앱에 필요한 화면 요소를 직접 설계하고 구현했습니다. 운전자는 화면을 오래 볼 수 없기 때문에, 화면은 읽기 쉬움과 조작하기 쉬움을 중심으로 구성했습니다. 기본 화면 부품만으로 표현하기 어려운 요소는 새로 만들었습니다.
스마트폰과 태블릿에서 같은 순서로 이어지는 길 찾기
내비게이션 앱 업데이트는 스마트폰과 태블릿을 함께 지원했습니다. 두 기기는 해상도와 형태가 달라, 화면 배치도 기기마다 다르게 잡아야 했습니다. 배치는 달라도 목적지를 찾고 안내를 받는 기능의 흐름은 어느 기기에서나 같게 유지했습니다.
작은 오류가 크게 번지는 서비스를 위한 예외 점검
내비게이션은 작은 오류가 사용 경험에 크게 번지는 서비스입니다. 같은 앱의 앞선 버전들을 만들며 쌓은 경험을 반영해, 기능 안정성과 예외 상황을 하나씩 점검했습니다. 새 기능을 더하는 것만큼 검증과 안정화에 시간을 들였습니다.
이 작업의 포인트
기존 구조를 유지하며 기능과 화면을 전면 개선한 메이저 업데이트
운전 중에도 읽히고 눌리는 지도 · 안내 · 버튼 화면 요소
스마트폰과 태블릿에서 같은 흐름, 예외 상황 점검과 안정화
인사이트
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…