현장 영업 지원 앱
자동차 딜러와 영업 직원, 캐피탈사 임직원이 재고금융 같은 사내 업무를 처리하는 전용 앱을 새 기능과 디자인으로 다시 만드는 프로젝트에 참여했습니다. 맡은 일은 공인인증서 로그인, 그리고 인쇄 · 신분증 인증 · 챗봇처럼 외부 업체가 만든 기능을 앱 안에 잇는 일이었습니다. 업체마다 연동 방식과 제약이 달라, 어느 하나가 어긋나면 그 업무는 앱 안에서 끝나지 않습니다. 맡은 부분을 일정보다 먼저 마친 뒤에는 메인 화면과 다른 영역 개발도 함께 했습니다.
인증서 선택부터 실패 응답까지 맡은 공인인증서 로그인
캐피탈사의 사내 업무 앱은 공인인증서로 로그인합니다. 인증서를 고르고, 비밀번호를 넣고, 인증 결과를 받아 처리하는 로그인 흐름 전체를 맡아 만들었습니다. 업무를 시작하는 첫 화면이라, 인증에 실패했을 때 돌려줄 응답까지 흐름 안에 넣었습니다.
촬영에서 결과 수신까지 앱 안에서 끝나는 신분증 인증
신분증 인증은 외부 업체가 만든 솔루션입니다. 이 솔루션을 업무 앱에 넣어, 신분증 촬영, 인증 요청, 결과 수신, 실패 처리가 앱 안에서 이어지게 했습니다. 직원이 업무를 보다가 신분증 인증이 필요할 때 다른 곳으로 나가지 않고 앱에서 마치도록 하는 것이 목적이었습니다.
업무 문서를 앱에서 바로 출력으로 넘기는 인쇄
업무 앱은 외부 인쇄 솔루션과 연동해, 앱에서 보던 업무 문서와 신청 정보를 실제 출력으로 보냅니다. 앱과 인쇄 솔루션은 서로 다른 업체가 만든 것이라, 앱이 넘겨주는 데이터의 형식을 인쇄 쪽이 받는 방식에 맞췄습니다. 인쇄도 공인인증 · 신분증 인증 · 챗봇과 함께 여러 외부 업체를 동시에 조율하며 진행한 연동 가운데 하나였습니다.
알림에서 업무 화면으로, 챗봇까지 앱 안에서 잇는 진입 흐름
업무 앱의 알림은 받는 데서 끝나지 않고, 누르면 앱이 열리면서 관련 화면으로 바로 이동합니다. 업무를 돕는 외부 챗봇도 앱 안에서 쓸 수 있도록 들어가는 경로와 화면 연결을 만들었습니다. 맡은 부분을 일정보다 일찍 마친 뒤에는 메인 화면과 다른 영역 개발을 이어서 도왔습니다.
이 작업의 포인트
인증서 선택부터 실패 응답까지 공인인증서 로그인 전담 개발
인쇄 · 신분증 인증 · 챗봇 외부 솔루션을 앱 안에 연동
업무 알림을 누르면 관련 화면으로 바로 이어지는 흐름
인사이트
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…