일주일 사이 앱스토어에 두 칸이 채워졌습니다

먼저 7월 30일, 이메일 마케팅 서비스 스티비가 아임웹과 실시간 데이터 연동을 마쳤다고 밝혔습니다. 아임웹 앱스토어에서 스티비 앱을 설치하면 아임웹에 쌓인 회원 정보가 스티비 주소록으로 실시간 동기화됩니다. 그전에는 회원 데이터를 내려받아 주소록에 다시 올리는 작업을 발송할 때마다 반복해야 했습니다. 이어 8월 3일에는 이커머스 솔루션 기업 채티스가 구매 전환형 이벤트 앱 '팝업딜'을 내놓았습니다. 참여형 팝업을 띄우고, 고객이 상품을 고르면 결과에 따라 쿠폰을 차등 발급하고, 그 쿠폰이 실제 주문에 쓰였는지까지 확인하는 흐름을 개발 작업 없이 설정할 수 있다는 설명입니다. 기능은 서로 다르지만 통로는 같습니다. 둘 다 앱스토어에서 설치하는 방식이고, 제작자가 코드로 만들던 자리를 하나씩 대신하고 있습니다.

데이터가 밖으로 나가는 기능은 앱 쪽입니다

회원 정보를 이메일 발송 도구로 넘기거나, 주문 데이터를 광고 매체로 넘기는 일에는 인증과 토큰 관리가 따라붙습니다. 이걸 코드 위젯 안에서 흉내 내려 하면 외부 서비스의 키를 화면 쪽 코드에 적어 두게 되는데, 화면 코드는 방문자 누구나 열어 볼 수 있으므로 키가 그대로 노출됩니다. 스티비 연동이 정확히 이 범주입니다. 회원 데이터를 다루는 통로는 플랫폼이 공식으로 열어 준 앱을 쓰는 편이 안전하고, 무엇보다 연동이 끊겼을 때 책임 소재가 분명합니다. 제작자가 직접 짠 연동은 아임웹이 내부 사양을 바꾸는 순간 조용히 멈추고, 그 사실을 알아채는 것은 대체로 클라이언트가 "메일이 안 나가요"라고 연락해 온 뒤입니다.

브랜드가 드러나는 화면은 코드 쪽입니다

팝업이 좋은 예입니다. 앱이 제공하는 팝업은 기능은 완결돼 있지만 생김새는 그 앱이 허용하는 범위 안에서만 바뀝니다. 브랜드 톤을 강하게 요구하는 프로젝트라면 앱 팝업을 그대로 쓰기보다 커스텀 위젯으로 만드는 편이 결과가 낫습니다. 반대로 한 달 돌리고 내릴 이벤트 팝업이라면 앱이 압도적으로 빠릅니다. 판단 기준을 하나 더 붙이면 운영 주체입니다. 코드로 만들어 두면 문구 한 줄 바꿀 때마다 제작자를 불러야 하지만, 앱은 관리자 화면이 딸려 오기 때문에 클라이언트가 직접 켜고 끄고 바꿉니다. 납품 후 손이 덜 가는 쪽을 고르는 것도 설계의 일부입니다.

앱이 늘어나면 첫 화면이 무거워집니다

외부 서비스와 연결되는 앱은 대개 자기 서버와 통신해야 합니다. 두세 개까지는 티가 나지 않지만 채팅 상담, 팝업, 리뷰, 광고 픽셀, 이메일까지 쌓이면 방문자의 브라우저가 처리할 일이 그만큼 늘어납니다. 특히 모바일에서, 접속 환경이 좋지 않을수록 차이가 벌어집니다. 그래서 앱을 새로 설치하기 전에 이미 깔려 있는 앱 목록을 먼저 열어 보는 습관이 필요합니다. 지난 이벤트 때 깔고 그대로 둔 앱, 테스트만 하고 안 쓰는 앱은 연동을 해제해 두시기 바랍니다. 기능을 늘리는 일보다 안 쓰는 기능을 걷어내는 일이 체감 속도에는 더 크게 작용합니다.

연동이 안 될 때는 '연동중'에서 멈췄는지 봅니다

앱을 설치했는데 데이터가 넘어오지 않는다는 문의가 종종 들어옵니다. 아임웹 개발자 문서를 보면 앱 연동은 신청, 연동중, 연동완료 세 단계로 진행됩니다. 앱스토어에서 신청하고 권한에 동의하면 '연동중' 상태가 되고, 이때 해당 앱의 서비스 주소로 사이트 코드가 넘어갑니다. 그다음 앱을 만든 회사가 연동완료 처리를 해야 비로소 '연동완료'가 됩니다. 중요한 점은 '연동중' 상태에서는 연동완료 처리를 위한 통신을 빼면 다른 기능이 동작하지 않는다는 것입니다. 앱 쪽 가입이나 결제 같은 절차가 남아 있으면 그 단계에서 멈춰 있게 됩니다. 그러니 데이터가 안 넘어올 때는 아임웹 설정부터 뒤지지 말고, 앱 서비스 쪽 가입 절차를 끝까지 마쳤는지부터 확인하는 편이 빠릅니다.

앱스토어가 채워 주는 칸이 늘어날수록 코드로 만들어야 할 칸은 줄어듭니다. 다만 줄어드는 것은 기능을 만드는 일이지, 무엇을 어디에 둘지 정하는 일이 아닙니다. 데이터가 밖으로 나가는 기능은 앱, 브랜드가 드러나는 화면은 코드, 클라이언트가 직접 만질 기능은 앱. 이 세 줄을 프로젝트 시작 전에 정해 두면 중간에 갈아엎을 일이 없습니다.

누끼토끼는 아임웹·식스샵·카페24로 홈페이지와 쇼핑몰을 직접 만들면서 정리한 실무 판단 기준을 칼럼과 강의로 나누고 있습니다. 아임웹 커스텀 위젯의 설정 패널을 설계하는 방법, 코드 위젯을 AI와 함께 다루는 방법을 다룬 칼럼도 이 게시판에 함께 올려 두었으니 같이 보시기 바랍니다.