본문으로 건너뛰기

AI 덕에 두 번 만든다? Shopify의 앱 대전환

한 번 만든 코드를 함께 쓰던 Shopify가 Swift와 Kotlin으로 돌아갑니다. AI가 낮춘 중복 개발 비용과 12주 만에 바뀐 Shop 앱을 살펴봐요.

AI피셜 편집부· 8분 읽기원문 보기 ↗
Shopify의 네이티브 앱 전환 공식 발표 이미지
사진: Shopify

TL;DR요약

  • Shopify는 9월 10일 모바일 앱을 Swift와 Kotlin으로 전환한다고 발표했어요. 2020년에는 코드를 공유하는 쪽이 유리했지만, 이제 AI가 두 운영체제용 개발의 중복 부담을 낮췄다는 판단이에요.
  • 쇼핑용 Shop 앱은 실험부터 정식 출시까지 12주가 걸렸어요. 개발자 한 명의 일주일 실험 뒤 핵심 6명과 기능별 팀이 참여했고, 로그인·알림·분석 기록의 연속성을 함께 확인했어요.
  • Shop 자체 측정에서 앱 아이콘을 누른 뒤 첫 화면이 보이기까지는 iOS 3,200→2,466밀리초, Android 4,433→2,233밀리초로 줄었어요. 이용자가 앱을 열고 기다리는 시간이 어떻게 바뀌었는지 보여줘요.
  • 화면 300개가 넘는 판매자용 Shopify 앱은 올해 안에 전환할 계획이에요. 회사는 작은 작업마다 테스트·화면 비교·코드 검토를 거쳐 사람이 확인하는 방식도 공개했어요.
Shopify의 비용 계산 변화, Shop 개발팀의 12주 전환, Helix 검증과 사람의 승인, 두 앱의 진행 상태를 설명하는 네 장면
Shop 개발자 한 명의 일주일 실험 이후 핵심 개발자 6명과 기능별 팀이 참여했어요. 화면이 300개 넘는 Shopify 앱은 별도로 전환 중이에요.· 그림: AI 생성 이미지 (ChatGPT Images)

핵심 사실

Shop 앱
12주개념 증명부터 네이티브 앱 출시까지
Shopify 앱
전환 진행 중300개 넘는 화면 · 2026년 내 출시 계획

한 번 만들어 같이 쓰는 편이 싸지 않았나요

아이폰용 앱과 안드로이드용 앱을 따로 만들면 같은 기능을 두 번 구현해야 해요. 한쪽에 넣은 기능을 다른 쪽에도 맞추고, 수정도 함께 반영해야 하죠. Shopify가 2020년 React Native를 선택한 데는 이 중복을 줄이려는 계산이 있었어요. 공식

9월 10일 Shopify는 Swift와 Kotlin으로 돌아간다고 발표했어요. AI 코딩 에이전트(coding agent)가 한쪽 구현을 참고해 다른 쪽의 기능을 만들고 검토하는 부담을 낮췄기 때문이라는 설명이에요. 예전 선택이 실패했다기보다, 그 선택을 유리하게 만들었던 비용의 전제가 바뀌었다는 이야기예요. 공식

네이티브(native) 개발은 각 운영체제의 언어와 도구로 앱을 만드는 방식이에요. 같은 설계도를 두 기기에 쓰던 자리에서 각각 맞춤옷을 만드는 쪽으로 옮겨 가는 셈이죠. Shopify는 기존 앱도 빠르다고 밝혔어요. 전환 이유를 단순히 React Native가 느리기 때문이라고 보기는 어려워요. 공식

Shop은 12주 만에 이용자에게 돌아갔어요

먼저 바뀐 것은 쇼핑용 Shop 앱이에요. 한 개발자가 일주일 동안 가능성을 시험했고, 전환 결정 뒤 핵심 개발자 6명이 기반과 주요 이용 흐름을 만들었어요. 중간부터 기능별 팀도 참여해 각 영역과 예외 상황을 확인했어요. 실험에서 정식 앱스토어 출시까지 걸린 기간이 12주예요. 공식

새 코드로 화면을 그리는 것만으로는 같은 앱이 되지 않아요. 기존 이용자가 로그아웃되지 않아야 하고 알림이 이어져야 하며, 뒤쪽 시스템이 사용하는 분석 이벤트도 유지돼야 해요. 개발팀이 이 연속성을 우선했다는 점이 12주라는 숫자만큼 중요한 작업 내용이에요. 공식

Shop 앱 이전의 12주 일정. 기반 개발과 기능별 작업, 검증과 출시가 시간 순서로 배치돼 있다
Shop 팀이 공개한 실제 일정이에요. 기반을 만든 뒤 기능별 팀이 합류하고 검증·출시로 이어져요. 한 사람이 12주 동안 앱 전체를 완성했다는 뜻과는 달라요.· 사진: Shopify Engineering

새 앱에서 무엇이 달라졌을까요

회사는 앱 아이콘을 누른 뒤 초기 홈 피드가 보일 때까지를 비교했어요. iOS는 3,200밀리초에서 2,466밀리초, Android는 4,433밀리초에서 2,233밀리초로 줄었어요. 각각 약 3.2초에서 2.5초, 4.4초에서 2.2초로 생각하면 돼요. 회사가 공개한 Shop의 측정 조건에서 나온 결과예요. 공식

Shop 첫 화면까지기존 React Native네이티브
iOS3,200밀리초2,466밀리초
Android4,433밀리초2,233밀리초
Shopify가 공개한 iOS Shop의 React Native와 네이티브 앱 실행 비교 영상
Shop 팀이 올린 실제 iOS 비교 데모예요. 양쪽 앱이 화면을 여는 과정을 나란히 보여줘요. 데모와 위 측정값은 이 앱의 결과이며, 프레임워크 전체의 성능 순위를 뜻하지는 않아요.· 사진: Shopify Engineering 공식 데모

AI에게 실제 앱을 볼 눈도 줬어요

팀은 에이전트에게 작업을 맡기는 것과 함께 실행 중인 앱의 상태를 읽을 도구도 만들었어요. Tardis는 앱의 이벤트·로그·상태를 보여주고 명령을 보낼 수 있는 디버깅 도구예요. 수정한 화면이 어떻게 보이는지와 어떤 기록을 남기는지를 함께 확인할 수 있어요. 공식

Tardis 실제 화면. 연결된 Shop Android·iPhone 기기, 네트워크 이벤트 목록, 선택한 응답 데이터가 표시돼 있다
Shop 팀의 Tardis 작업 화면이에요. 왼쪽에서 실행 기기를 고르고, 가운데에서 이벤트와 응답을 살펴봐요. 팀은 기존 앱과 새 앱의 화면·이벤트를 같은 지점에서 비교해 기능이 이어지는지 확인했어요.· 사진: Shopify Engineering

Shopify가 공개한 Helix 역시 작은 작업을 테스트·화면 비교·코드 검토에 통과시키고 사람이 확인하는 체계예요. 코드를 빨리 쓰는 것과 검증하기 쉬운 작업 구조를 함께 만든 것이죠. 화면이 300개 넘는 판매자용 Shopify 앱은 이 글의 Shop과 별개로 전환 중이며, 회사는 올해 안에 출시할 계획이에요. 공식

HN의 질문은 전환 뒤에도 남는 비용이었어요

HN의 gazarsgo는 이 과정의 토큰 비용을 물었고, giebisch는 반년 뒤의 후속 경험을 읽고 싶다고 썼어요. 발표에 관심이 몰린 이유와 그다음 궁금증이 함께 드러나요. 두 앱을 다시 만들 수 있다는 것과, 두 앱을 오래 맞춰 가며 유지하는 일은 같은 비용이 아니기 때문이에요. 보도

공식 이전 기록도 앞으로 iOS와 Android의 기능을 항상 맞추겠다고 밝혔어요. 예전에는 공유 코드가 강제하던 일치를 이제 개발·출시 과정으로 유지하겠다는 설명이에요. AI가 낮춘 구현 부담이 팀의 새로운 운영 방식으로 이어지는 대목이에요. 공식

자주 묻는 질문

React Native가 느려서 바꾸나요?
Shopify는 기존 앱도 빠르다고 설명했어요. AI가 중복 개발 부담을 낮추면서 운영체제의 기능을 직접 활용하는 이점이 더 커졌다는 판단이에요.
개발자 한 명이 12주 만에 모두 만들었나요?
아니에요. 한 명의 일주일 실험으로 출발한 뒤 핵심 개발자 6명이 기반을 만들었고, 중간에 기능별 팀들도 참여했어요.

출처 · 3

  1. 1Shopify의 전환 결정과 Helix 검토 방식공식 발표shopify.engineering/back-to-native
  2. 2Shop 앱의 12주 이전 과정과 측정 결과공식 발표shopify.engineering/shop-app-migration
  3. 3Shopify 네이티브 전환 HN 토론보도news.ycombinator.com/item?id=49643982

이 글의 마크다운 원문: /posts/shopify-native-ai/md/ · 인용 시 출처를 “AI피셜”으로 표기해 주세요.

이 글이 도움이 됐다면 추천해 주세요.

동료에게도 보내 주세요.

댓글

로그인 없이 닉네임과 비밀번호만으로도 남길 수 있어요.

로그인하면 비밀번호 없이 쓰고 지울 수 있어요.

댓글을 불러오는 중입니다…

댓글 남기기

나중에 이 댓글을 지울 때 씁니다.

1000자까지 쓸 수 있습니다. 서식 없이 평문으로 보입니다.

AI피셜 주간 하이라이트

한 주 동안 AI 소식에서 중요한 것만 골라 월요일 아침에 보내드릴게요

같은 태그·카테고리의 글을 골랐습니다.

Cognition의 SWE-2 공식 발표 이미지
모델 출시· 8

SWE-2, 첫 코드 수정까지 48단계에서 18단계로

Cognition의 새 코딩 모델은 필요한 파일을 골라 먼저 수정에 들어가요. 성공과 작업 비용을 함께 학습하는 방식이 행동을 어떻게 바꿨는지 살펴봐요.

  • #Cognition
  • #코딩 에이전트
  • #SWE-2
밤에 모니터 두 대에 테스트 출력과 소스 코드가 떠 있는 개발자 책상
활용·도구· 6

테스트 기법 26종 실험 — 지시 없는 쪽이 더 나았다

코딩 에이전트에게 TDD·퍼징·형식 검증을 시켜 Zstd를 구현시킨 실험입니다. 조건마다 160회씩 돌린 결과와, 에이전트가 실제로 무엇을 했는지 정리했습니다.

  • #코딩 에이전트
  • #평가
  • #형식 검증