왜 아이폰과 안드로이드에서 다르게 보일까요 | 크로스디바이스 사례 3가지

핵심 요약 — 업종이 전혀 다른 프로젝트 3건(제조업 유틸리티·하드웨어 연동 앱·커머스 플랫폼)에서 저희가 똑같이 마주친 어려움은 “같은 화면이 기기마다 다르게 나온다”는 문제였어요. 캐논코리아는 펌웨어 버전과 기기 조합의 테스트, 코닥은 아이폰·안드로이드 수많은 기기와의 연결 오류, 지구조각가는 아이폰·안드로이드의 픽셀 차이로 어긋나는 서명 처리로 각각 발목을 잡혔어요. 세 사례를 모아 크로스디바이스 개발에서 실제로 무엇이 어려운지 정리했어요.

“저희 앱, 아이폰에서는 잘 되는데 특정 안드로이드 기기에서만 이상해요.” 발주자에게 자주 듣는 말이에요. 개발이 끝난 게 아니라, 사실 여기서부터 진짜 일이 시작되는 경우가 많아요.

---

1. 문제 — 같은 화면인데 왜 다르게 보일까요

발주자는 보통 “화면 하나를 만드는 비용”을 기준으로 견적을 상상해요. 그런데 실제 개발에서 시간을 가장 많이 잡아먹는 건 화면을 만드는 일이 아니라, 그 화면이 여러 기기에서 똑같이 작동하는지 확인하는 일이에요. 업종이 완전히 다른 프로젝트 세 건에서 이 문제가 매번 가장 어려운 지점으로 꼽혔어요.

2. 캐논코리아 — 펌웨어 버전과 기기 조합, 테스트가 가장 큰 부담이었어요

[제조 · 크로스플랫폼 유틸리티] 2022년 12월 출시한 캐논코리아 카메라 펌웨어 업데이트 유틸리티는 Windows·Mac에서 동시에 동작해야 했어요(개발 기간 2개월, 투입 기획 1·디자인 1·개발 2). 문제는 카메라 기종과 펌웨어 버전의 조합이 워낙 많았다는 점이에요. 펌웨어 버전과 장치 조합을 일일이 테스트하는 일이 개발 자체보다 훨씬 큰 부담이었고, 화면과 로직은 한 번만 만들면 됐지만 “이 조합에서도 되는가”를 확인하는 시간은 조합 수만큼 계속 늘어났어요.

3. 코닥 — 아이폰·안드로이드 수많은 기기, 연결과 오류 처리가 핵심 난제였어요

[제조 · 하드웨어 연동 App] 2020년 2월 출시한 코닥(Kodak) 인스턴트 프린터 블루투스 연동 앱은 iOS를 중심으로 만들었지만, 연결 검증은 Android 기기까지 포함해야 했어요(개발 기간 2개월, 투입 기획 1·디자인 1·개발 2). 여기서도 핵심 난제는 화면 디자인이 아니라 아이폰·안드로이드의 수많은 기기와 사진 인화 장치 간의 연결 및 오류 처리였어요. 블루투스 연결은 기기 제조사·OS 버전마다 미묘하게 다르게 반응해서, “연결이 됐다가 끊긴다”는 증상 하나도 여러 기기를 돌아가며 재현해봐야 잡혔어요.

4. 지구조각가 — 아이폰과 안드로이드의 픽셀 차이로 서명이 어긋났어요

[유통 · 커머스 + 현장 업무] 건설장비 쇼핑 플랫폼 ‘지구조각가’는 2025년에 웹과 모바일 앱을 함께 리뉴얼했어요(개발 기간 5개월, 투입 기획 1·디자인 1·개발 2). 카페24 수준의 쇼핑몰 기능과 관리자 기능을 갖췄고, 지금은 회원 5,549명과 작업일보 10,973건이 현장 인력과 공사 업체 사이에서 실제로 쌓이고 있어요. 여기서도 가장 까다로웠던 지점은 기기 차이였어요. 작업일보의 서명(사인) 처리에서 아이폰과 안드로이드의 픽셀 차이로 서명 영역이 어긋나는 문제가 있었고, 현장 책임자 확인 → 기사 확인으로 이어지는 날인·서명 요청 단계까지 시스템 안에 담아야 해서 단순한 화면 호환성 문제보다 훨씬 복잡했어요. 이미 여러 기기의 사용자가 쓰고 있는 서비스를 리뉴얼하는 과정이라, 기존 데이터와 사용자를 지키면서 이 차이를 손봐야 했다는 점도 난이도를 더했어요.

5. 왜 기기가 하나 늘 때마다 비용이 배가 아니라 곱으로 늘까요

세 사례를 나란히 놓고 보면 공통점이 보여요. 화면이나 기능을 하나 추가하는 비용은 대체로 더하기로 늘어나지만, 지원해야 할 기기·OS 버전 조합은 곱하기로 늘어난다는 점이에요. 아이폰 모델 3종 × iOS 버전 2종 × 안드로이드 제조사 3곳 × 버전 2종만 돼도 검증할 조합은 금세 수십 가지가 돼요. 캐논코리아는 펌웨어 버전으로, 코닥은 블루투스 연결 방식으로, 지구조각가는 화면 픽셀 기준으로 각각 다르게 나타났을 뿐 구조는 같았어요.

6. 발주 전에 크로스디바이스 요구사항을 이렇게 정리해두세요

여러 기기를 지원해야 한다면, 발주 전에 아래를 먼저 정리해두세요.

• 실사용 기기 목록: 지금 사용자가 실제로 쓰는 기기·OS 버전을 최소한으로라도 조사해두세요. “최신 기종만”이라는 가정은 실제 사용자층과 다를 때가 많아요.
• 필수 지원 범위와 참고 범위를 구분: 모든 기기 조합을 빠짐없이 검증하려 하기보다, 사용자 비중이 높은 조합을 우선순위로 정하세요.
• 하드웨어 연동이 있다면 연동 방식부터 확인: 블루투스·카메라·서명 입력처럼 기기 하드웨어에 직접 닿는 기능은 화면보다 검증에 더 많은 시간이 든다는 걸 일정에 반영하세요.

7. 운영해본 개발사가 다른 이유

저희는 자체 SaaS 4종을 직접 운영하면서, 기기 하나에서만 벌어지는 오류를 사용자 문의로 먼저 받아본 경험이 여러 번 있어요. “개발이 끝났다”와 “여러 기기에서 안정적으로 쓰인다”는 서로 다른 기준이라는 걸 실감하는 지점이에요. 세 프로젝트 모두 이 차이를 검증 단계에 미리 반영해둔 덕분에 출시 이후 큰 혼선 없이 넘어갈 수 있었어요.

여러 기기·플랫폼을 함께 지원해야 하는 프로젝트를 계획 중이시라면 운영까지 해본 저희와 검증 범위부터 정리해보세요 →

저희는 10년 넘게 50개 이상의 프로젝트를 진행하고 자체 SaaS 4종을 직접 운영해온 개발사예요. 롯데·캐논·코닥 같은 곳과도 함께해 왔고요.

8. 자주 묻는 질문

여러 기기를 지원하면 개발 비용이 얼마나 늘어나나요?

기기 하나가 느는 것보다 기기와 OS 버전의 ‘조합’이 느는 게 더 크게 작용해요. 화면 하나를 만드는 비용은 크게 안 늘어도, 그 화면을 검증하는 조합의 수는 곱으로 늘어나거든요. 실제로 저희 프로젝트에서도 개발보다 테스트·검증 단계에서 시간이 더 들었어요.

크로스플랫폼 프레임워크를 쓰면 이 문제가 해결되나요?

코드를 한 번만 짜도 된다는 점에서는 도움이 되지만, 기기별 화면 렌더링 차이나 하드웨어 연동 오류까지 없애주지는 않아요. 저희가 겪은 서명 영역 어긋남이나 블루투스 연결 오류도 크로스플랫폼 프레임워크 위에서 발생한 문제였어요.

리뉴얼 프로젝트에서는 크로스디바이스 검증을 어떻게 준비해야 하나요?

기존에 이미 여러 기기의 사용자가 쓰고 있다는 전제부터 시작해야 해요. 신규 개발과 달리 ‘지금 쓰는 사람이 불편해지지 않는지’를 기준으로 검증 범위를 잡고, 실사용 기기 조합을 발주 전에 목록으로 만들어두는 걸 권해요.

9. 마무리

세 프로젝트는 업종도, 사용자도, 만든 것도 전혀 달랐지만 가장 어려웠던 지점은 똑같았어요. 기기가 늘어날수록 화면을 만드는 일보다 그 화면이 모든 조합에서 똑같이 작동하는지 확인하는 일이 커진다는 것이었어요. 이 사실을 발주 전에 알고 있는 것만으로도 견적과 일정을 훨씬 현실적으로 잡을 수 있어요.

관련해서 함께 보면 좋은 글이에요.

• 건설장비 쇼핑 플랫폼, 앱까지 리뉴얼하며 달라진 것 | 지구조각가 사례
• 카메라 펌웨어 업데이트, 왜 이렇게 불편할까 — 캐논코리아 유틸리티 사례
• 하드웨어 연동 앱 외주, 왜 까다로울까요 — 코닥 프린터 앱 체크포인트 6가지