스크립트
00:00:00안녕하세요 여러분. 오늘 오후에 함께해 주시고 시간을 내주셔서 정말 감사합니다. 모두
00:00:17SHIP에서 즐거운 시간을 보내고 계시길 바랍니다. Shopify의 Vanessa님과 함께하게 되어 정말 기쁩니다. 공식적으로
00:00:24SHIP 무대에 오신 것을 환영합니다. 여기에 오게 되다니 정말 놀랍네요. 그리고 이렇게 조직력이 뛰어난
00:00:29팀은 처음 봅니다. 들어올 때 다들 검은 옷을 입고 있길래 와, 대단하다고 생각했어요. 제가 물어봤죠
00:00:35컨퍼런스가 지금까지 어땠냐고 물어봤더니 괜찮다고 하더군요. 제겐 좀 딱딱하다고
00:00:39하더라고요. 그래서 제가 원피스를 입고 계시잖아요 라고 했죠. 잘 모르겠네요. 저희는 좀 더 캐주얼하거든요. 그래서
00:00:45여러분들이 저희보다 좀 더 편안한 분위기네요. 훨씬 더 여유로운 편이죠. 좋습니다. Shopify와
00:00:51Vercel은 아주 오랜 파트너였습니다. 러거블(Ruggable),
00:00:56페이지, AG1 같은 공유 고객들도 있죠. 이들은 모두 수년 동안 Vercel 위에서 헤드리스 Shopify를 운영해 왔습니다. 제가 가장 좋아하는
00:01:03예시 중 하나는 바로 Topps, 즉 툽스 콜렉티블스입니다. 새로운 수집품을 출시하면 트래픽이 40배 폭증하지만
00:01:09양 플랫폼 모두 아무런 문제가 없습니다.
00:01:12최근에 산 톱스 카드가 뭐예요? 최근에 산 톱스 컬렉터블 박스요? 마지막으로 산
00:01:16최근에 구매한 가장 최신 Topps 제품은 무엇인가요? 마지막으로 구하신 수집품은 무엇인가요? 음, 당신이
00:01:22그건 가장 좋아하는 이야기라고 했잖아요. 아직 안 끝났어요. 알았어요. 우리 팀들이
00:01:30열심히 준비해 왔죠. 저를 아주 추궁하실 것 같네요. 네. 방금 그 발언 때문에
00:01:34정말 흥미진진한 플랫폼 개선 사항들을 열심히 준비해 왔습니다. 네. 오늘 어떤 걸
00:01:40서로를 지켜봐 왔죠. 거의... 반세기, 아니 반 십년 정도 전부터는 방관자 수준도 아니었어요? 적어도요.
00:01:45음, 그리고 저희 고객 중 상당수가 Vercel을 사용하고 있었고 Next로 큰 성공을 거두었으며
00:01:51Vercel과 함께하는 것을 좋아했습니다. 하지만 Shopify와 통합할 때가 되면, 여러분도 아실지 모르겠지만
00:01:58커머스를 위한 개발은 생각만큼 단순하지 않습니다. 음, 상품이 품절되었을 때부터
00:02:03대규모 품절 상황까지 말이죠. 하지만 그 위에 있는 색상 선택기가
00:02:10다음으로 구매 가능한 옵션으로 어떻게 조정되어야 하는지 어떻게 아시겠어요? 이런 것들은 모두 저희가 최적화하는
00:02:16내밀한 전문 지식 같은 것입니다. 우리는 너무 쉽게 만들어 놓았기 때문에 소비자의 입장에서 이 모든 것을 당연하게 여깁니다. 그렇죠?
00:02:23저희 체크아웃처럼 말이죠! 매번 문제없이 작동하니까요. 마치
00:02:27우리의 삶과 구매 방식에 있어 인프라처럼 자리 잡았죠. 하지만 처음부터 이 모든 것을 제대로 구현하기란
00:02:32그렇게 쉽지 않습니다. 그래서 저희가 하이드로젠(Hydrogen)을 살펴보게 되었습니다. 저희의 목표는 항상 개발자들이 원하는 것을 만들도록 지원하는 것이었습니다.
00:02:38맞습니다. 하이드로젠은 처음에는 좀 더 풀스택적인 접근 방식으로 시작했습니다.
00:02:43프레임워크의 백엔드와 프론트엔드 전체를 직접 구현했죠. 이커머스에서는 성능이 극도로 중요하기 때문에
00:02:48전반에 걸쳐 꽤 확고한 주장을 가졌습니다. PDP(상품 상세 페이지)에 접속했을 때
00:02:53밀리초 단위로 첫 바이트 수신 시간(TTFB)을 얻는 것이 전환율에 엄청나게 중요하다는 건 우리 모두 잘 알고 있으니까요.
00:02:58그래서 저희는 결심했습니다. 5년이 지난 지금 하이드로젠을 다시 검토하여 하이드로젠을
00:03:03실제로 정말 구현하기 까다로운 핵심 구성 요소들로만 압축하자고 말이죠. 맞습니다. 저희에게는 스토어프론트 API가 있고 많은
00:03:11상인들이 분석(Analytics) 같은 문제로 고생하고 있었습니다. 이걸 제대로 구현하려면 어떻게 해야 할까요? 장바구니를 어떻게 구현하고
00:03:17그 장바구니가 실제로 낙관적 장바구니(optimistic cart)로 작동하게 하려면 어떻게 해야 할까요? 이런 세부 사항들을
00:03:20고마워하시거나 깊이 파고들고 싶어 하실지 모르겠지만, 상품을 장바구니에 담을 때 저희는 실제로
00:03:26재고가 있는지 확인하고, 적용할 수 있는 할인 코드가 있는지 확인하기 위해 백엔드에 여러 번의 호출을 날려야 합니다.
00:03:30그런 다음 응답이 오지만, 사용자에게는 낙관적인 반응을 보여주어야 하죠.
00:03:34즉, '장바구니에 담겼습니다'라고 바로 보여주는 식입니다. 그렇기 때문에
00:03:39낙관적 업데이트(optimistic updates)와 낙관적 UI가 그곳에서 중요해집니다. 그래서 저희는 이 모든 것을 기본적으로 정제하여
00:03:45어떤 백엔드든 가져다 쓸 수 있어야 한다고 결론지었습니다. 즉, 어떤 프레임워크든 가져다 쓸 수 있어야 한다는 거죠. 따라서 Next를 사용하는 많은 분들에게 이것은 매우 훌륭하게 작동할 것입니다.
00:03:50그리고 저희는 기본적으로 하이드로젠을 어려운 핵심 구성 요소들로만 압축할 것입니다. 그리하여 이제 하이드로젠 혹은
00:03:57Next가 아니라, 하이드로젠과 Next가 함께하게 되는 것이죠. 이는 정말 환상적인 일입니다.
00:04:04드디어 말이죠. 네, 알고 있습니다. 오랜 시간이 걸렸네요. 그래서 여러분은 실제로 이번 주에 이 소식을 공식적으로 발표하셨죠.
00:04:10네, 그렇습니다. 음, Dodds님, 블로그 포스트로 연결되는 트윗을 이제 발행해도 됩니다.
00:04:15자, 보시죠. 네, 바로 저겁니다. 드디어 공개되었습니다. 음, 하이드로젠과 Next 말입니다. 제 말은,
00:04:23언제나 가능하긴 했지만 꽤 엉성한 꼼수 같았죠. 자, 무엇이 달라졌을까요? 네, GDPR 같은 문제까지도요.
00:04:28분석(Analytics) 기능은 말할 것도 없고, Next와 Vercel을 억지로 꿰맞추려 애쓰던
00:04:34불쌍한 우리 친구들이 과거에 Shopify와 결합하려고 했을 때를 보세요. 심지어 스토어의 분석 기능조차 제대로 사용할 수 없었죠.
00:04:39제대로 작동하지 않았으니까요. 하지만 이제 이 모든 과정이 매끄럽게 이루어집니다. 또한 어떤 CLI를 사용하든
00:04:45Vercel로 배포하는 것도 매우 쉬워졌습니다. 혹시 관객 중에 Shopify 상인분이 계시나요? 좋아요, 오!
00:04:53안녕하세요? 이거 정말 좋네요. 음, 여러분이 Vanessa를 보러 오신 건지, 아니면
00:04:58Shopify 상인이셔서 오신 건지 몰랐지만, 이렇게 상인분들이 오셔서 정말 기쁩니다. 음,
00:05:03Shopify Plus와 Next.js를 함께 사용해 보신 분 계신가요? 좋습니다. 맨 앞에 계신 분을 바라보게 되네요. 당신이 바로 그 주인공이군요.
00:05:11음, 지금까지 Shopify 앱에 Next.js 프론트엔드를 배포하는 경험은 역사적으로 어땠나요?
00:05:21그렇군요. 즉, 과거에는 하이드로젠 사용을 피하고 그런 식으로 작동하게 만드셨군요. 대단히 감사합니다. 바로 저희가 하고 싶었던 말씀이었습니다. 그리고 이제
00:05:28그 과정이 극적으로, 정말 극적으로 쉬워졌습니다. 저희 팀이 함께 이 작업에 매진해 왔고, 음,
00:05:32제가 이 일에서 가장 좋아하는 점 중 하나는 이것이 프레임워크와 플랫폼 그 이상을 넘어선다는 것입니다. 음,
00:05:37이 기술들이 너무나 잘 연동되기 때문에 이제 우리가 사용할 수 있는 더 멋진 도구들이 많아졌다는 거죠.
00:05:43유도신문이긴 한데, 다음은 어디로 향하게 될까요? 음, 아마도 v0인가요? 네. 맞습니다. v0죠. 음,
00:05:51그렇습니다, 저희는 최근 Vercel 마켓플레이스용 Shopify 통합 기능을 출시했습니다.
00:05:55이제 프롬프트 입력만으로 스토어를 만들 수 있습니다. 훨씬 더 쉬워졌죠. 음,
00:05:58그 스토어는 헤드리스 Shopify 위에 Next.js를 사용하게 되며 모든 것이 매끄럽게 작동합니다.
00:06:04이런 기술이 여러분의 마음속에 어떤 가능성을 열어준다고 생각하시나요?
00:06:08음, 저희에게 있어서는 항상 개발자에 관한 것이었습니다. 음,
00:06:13Toby는 엄청난 개발자입니다. 우리 중 많은 이들이 과거에 스토어를 시작했고 스토어를 구축했죠.
00:06:18Liquid를 사용했든, 호스팅 플랫폼이든, 헤드리스든 상관없이 저희는 언제나
00:06:24개발자들이 브랜드를 위해 무언가를 구축할 수 있도록 지원하는 데 집중해 왔습니다. 음, 하지만 제가 이 일에서 가장 좋아하는 점은,
00:06:29즉 우리가 함께하게 된 이유는 이제 사람들이 꼭 하나의 길만 선택해야 하는 것이 아니라는 점입니다. 마치
00:06:35Liquid를 쓸지 말지 고민하는 게 아니라, 원하는 도구를 쓰면 된다는 식이죠. 결국 우리의 핵심 신념은 다음과 같기 때문입니다. 이커머스 브랜드와
00:06:38자신을 표현하는 방식에 있어서, 인터넷이란 결국 자신을 표현하는 것이니까요.
00:06:44수집품을 팔든, 비타민을 팔든 상관없이 사람들이 궁극적으로
00:06:48구매하고 싶어 하는 곳은 신뢰할 수 있는 브랜드라는 점입니다. 그리고 그것은 모든 세부 사항으로 이어지죠.
00:06:55따라서 저희는 세상의 모든 개발자들이 자신의 브랜드를 표현하기 위해 원하는
00:07:01절대적인 모든 것에 대해 통제력을 가질 수 있도록 지원하고 싶습니다.
00:07:05Shopify에 대해 제가 정말 좋아하는 점 중 하나는 여러분이 상인들에게 신뢰를 위임한다는 것입니다.
00:07:08그래서 저 역시 Shopify 브랜드를 신뢰할 수 있죠. 굳이 셀 수 없을 만큼 여러 번 ShopPay로 물건을 구매해 보았는데
00:07:14ShopPay 버튼을 클릭하기만 하면 모든 것이 정말 매끄럽게 작동합니다.
00:07:20음, 그리고 최근에 있었던 엔지니어 온보딩 세션이 떠오르네요.
00:07:24Vercel의 신입 엔지니어 중 한 명이 저에게 이렇게 물었습니다. 저희 CTO인 Malta가 방금 코드가 이제 공짜가 되었다고 말했다고요.
00:07:29그렇다면 코드가 공짜인 시대에 새로운 해자(moat)는 무엇인가요? 그래서 저는 즉석에서 이런 답변을 내놓았습니다.
00:07:36몇 가지가 있다고 생각합니다. 첫째는 실제로 절제력입니다. 즉 판단력이며, 무엇을 만들고 무엇을 만들지 않는지를 아는 것이죠. 아니, '취향'은 아닙니다.
00:07:41오, 취향은 아니고요.
00:07:46'취향이 새로운 해자다'라는 말은 이제 진절머리가 납니다.
00:07:49다들 취향이 새로운 해자라고 말하고 싶어 하죠.
00:07:49맞아요. 누군가를 트렌드세터라고 부르고 싶다면, 그건 너무 형체 없는 개념 같아요.
00:07:52욕을 하는 건 아니지만, 좀 꼴불견입니다.
00:07:54네, 확실히 좀 그렇죠.
00:07:58음, 저는 이렇게 말했습니다. 판단력, 즉 무엇을 만들지 결정하는 것, 실행력, 그리고 그 주변의 모든 것들이요.
00:08:00하지만 그중 가장 중요한 것 중 하나는 바로 신뢰입니다.
00:08:01음, 그래서 아직 당신에게 없는 완전히 새로운 무언가가 필요할 때, 그것을 어디서 얻나요? 보통은 우리가 신뢰할 수 있는 이들로부터 얻습니다.
00:08:06따라서 Shopify가 정말 마음에 드는 이유는, 제가 그렇지 않았다면 경험하지 못했을 이 모든 상인들에게 자신의 신뢰를 위임했기 때문입니다.
00:08:11아직 갖고 있지 않은 새로운 무언가가 필요할 때, 어디서 얻을까요? 보통 우리는 신뢰할 수 있는 이들로부터 얻습니다.
00:08:17제가 Shopify를 좋아하는 이유는, 그렇지 않았다면 경험하지 못했을 이 모든 상인들에게 자신의 신뢰를 나눠주었기 때문입니다.
00:08:23이 얘기를 꼭 하고 싶네요. 링크드인에서 이 영상을 봤는데, 좀 이상하지만
00:08:26링크드인에서 Toby를 인터뷰한 영상을 봤습니다.
00:08:26그리고 Toby가 이야기하길, 음, 초기, 초기 뭔가에 대해 말했었죠.
00:08:29Shopify의 초기 TAM(전체 시장 규모)이 너무 작았다고요.
00:08:34네.
00:08:38그래서 투자자들이 투자를 하지 않으려고 했다고요.
00:08:44네.
00:08:45IPO 당시예요. 맞습니다. 저희의 IPO 여정 초기였죠.
00:08:46그리고 Toby는 기관 투자자들을 설득해 투자를 받으려고 노력하고 있었습니다.
00:08:47대략 2014년쯤 되겠네요.
00:08:47음, 정말 힘든 시기였습니다. 제가 Shopify에 합류했을 때도 그랬죠. 저는 이제 Shopify에 근속한 지 10년이 되었습니다.
00:08:53풍선을 불며 20만 번째 상인을 축하하던 기억이 생생한데, 그때는 정말 신났었죠.
00:08:58그리고 10년이 지난 지금은 수백만 명에 달합니다.
00:09:01하지만 그가 투자자들에게 강조했던 핵심은 결국 도구가
00:09:03시장을 극적으로 형성한다는 점이었습니다.
00:09:06과거에는 상인이 그리 많지 않았거나 TAM이 그리 크지 않았던 이유가, 기회가 도구의 마찰력에 의해 제한되었기 때문입니다.
00:09:13시작하기가 정말 어려웠죠.
00:09:15이커머스 사이트를 여는 것은 정말 힘든 일정이었습니다.
00:09:21따라서 우리가 그 과정을 더 쉽게 만들 수만 있다면, 더 많은 사람들이 그 도구를 찾게 될 것이고
00:09:23더 많은 기업가들이 탄생할 것이라는 거였습니다.
00:09:29이것은 아마도 가장… 그는 정말 굳게 믿었겠지만
00:09:30그 방에 있던 사람들은 그것을 쉽게 이해하기 어려웠던 것 같습니다.
00:09:32하지만 Shopify에서는 그 믿음이 언제나 진실로 증명되었습니다. 일반 대중 속에는
00:09:34아직 발굴되지 않은 엄청난 자원 활용 능력이 존재합니다.
00:09:39무언가를 창조하기 더 쉽게 만들어 준다면, 인간의 본성적 성향은 무언가를 창조하는 쪽으로 향하게 되어 있습니다.
00:09:40이것이 바로 Vercel과 Shopify가 그토록 완벽하게 어울리는 이유 중 하나입니다.
00:09:46우리 두 기업은 마찰력을 줄여온 역사를 공유하고 있으니까요.
00:09:49git push를 날렸더니 그것이 곧바로 프로덕션 환경으로 배포되던 그 첫 순간을 기억합니다.
00:09:54Vercel 위에서 곧바로 라이브가 되었죠.
00:09:56정말 감탄했습니다. 완전히 매료되었죠.
00:09:58사람들이 쉽게 무언가를 만들 수 있게 해주면, 인간은 본능적으로 무언가를 창조해내기 마련입니다.
00:10:05이것이 바로 Vercel과 Shopify가 그토록 잘 어울리는 이유 중 하나입니다.
00:10:09우리는 장벽을 줄여온 역사를 진심으로 공유하고 있습니다.
00:10:12처음으로 깃 푸시(git push)를 했을 때가 기억나요. 바로 프로덕션으로 이어지더군요.
00:10:17Vercel 상에서 바로 라이브가 되는 거죠.
00:10:18정말 완전히 압도당했습니다. 정말 충격이었어요.
00:10:22저는 좀 뒤늦게 합류한 편이었죠.
00:10:24다들 수년 전부터 이걸 쓰고 있었고
00:10:25저는 '내가 대체 뭘 하느라 시간을 낭비했지?' 싶었습니다.
00:10:27전용 VPS도 갖고 있었고
00:10:28SFTP도 직접 관리했거든요.
00:10:30로컬에서 빌드한 다음에 배포를 하곤 했는데
00:10:32가끔은 제대로 작동하지도 않았죠.
00:10:34이러한 장벽의 축소는, 마치 스토어 구축의 장벽을 낮춰서 수많은 상인들을 온라인으로 끌어들인 것처럼
00:10:39실제로 훨씬 더 많은 빌더들을 온라인 세상으로 불러모았다고 생각합니다.
00:10:44맞습니다.
00:10:45그러니 우리는 앞으로도 계속 해나갈 겁니다.
00:10:47계속해서 장벽을 낮출 거예요.
00:10:48이제는 Next.js와 Vercel을 이용해 Shopify를 더욱 훌륭하게 활용할 수 있는 방법들이 생겼죠.
00:10:53네.
00:10:54그게 어떤 가능성을 열어준다고 보십니까?
00:10:56자, 우리의 다음 단계는 뭘까요?
00:10:57다음 TAM(전체 시장 규모) 확장은 무엇이 될까요?
00:10:58네.
00:10:59음, 이건 제가 내부적으로도 꽤 많이 했던 이야기인데요.
00:11:04제가 만약 내기를 하는 사람이었다면... 이건 제가 내놓는 일종의 가설 같은 겁니다.
00:11:071년 뒤에 다시 만나서 이게 실제로 어떻게 되었는지 확인해 보면 되겠죠.
00:11:11음, 제 생각에는 코드가 반드시 소위 말하는 '개발자'가 아닌 사람들에게도 더 가까워짐에 따라
00:11:18우리가 그런 시기의 문턱에 와 있다고 생각합니다.
00:11:21맞습니다.
00:11:21맞아요.
00:11:22그리고 React 개발자이자 로보틱스 엔지니어로서, 사실 이건 마음이 좀 아프기도 합니다.
00:11:26우리가 코딩을 배우려고 그토록 많은 고생을 했으니까요. 예를 들어 C++라든가
00:11:29자바스크립트 같은 것 말이죠.
00:11:31그런데 이제는 그냥 말 한마디면 되잖아요.
00:11:32음, 하지만 결국에 정말 놀라운 점은, 제가 우리 팀에게도 이 이야기를 했거든요.
00:11:38왜냐하면 우리도 최근에 무언가를 만들었거든요. 바로 '카탈로그'라는 것입니다.
00:11:42맞죠?
00:11:44카탈로그는 본질적으로 상품 검색 API입니다.
00:11:47인터넷상에서 무언가를 만들어 보신 분들이라면 아시겠지만, 사실 현재 세상에는
00:11:50마음 놓고 쓸 수 있는 제대로 된 상품 검색 API가 세상에 그리 많지 않습니다.
00:11:54그래서 우리가 직접 만들기로 결심했죠. 우리에게는 상품이 충분히 있으니까요.
00:11:58이제 수십억 개의 상품이 있습니다.
00:11:59수백만 명의 상인들이 있죠.
00:12:01그래서 좋습니다, 그냥 해봅시다 라고 한 겁니다.
00:12:03그렇게 해서 최초의 쇼핑... 최초는 아니지만, 현재로서는 유일하게 널리 쓰이는
00:12:08커머스 최적화 쇼핑 API를 만들게 되었습니다.
00:12:11이건 이런 식이죠. 예를 들어 이 셔츠가 있고, 서로 다른 가격에 이 셔츠를 파는 4개의 소매점이 있다면
00:12:16그렇게 그룹화하는 작업은 사실 그리 쉽게 해낼 수 있는 게 아닙니다.
00:12:20그리고 다양한 옵션도 제공되죠.
00:12:22색상도 있고, 사이즈도 있으며, 수십억 개의 파생 상품에 걸쳐 모두 적절하게 포맷되어 있습니다.
00:12:27이것을 구축하는 데는 실제로 수년 간의 투자가 소요되었습니다.
00:12:30음, 그리고 이제 우리는 인터넷상의 누구에게나 이걸 제공하고 있죠.
00:12:33심지어 Bearer 토큰 같은 것으로 막혀 있지도 않습니다.
00:12:37그러니 그냥 가져다 쓰시면 됩니다.
00:12:38거기서의 목표는 다음 세대의 크리에이터들에게 힘을 실어주는 것이었습니다.
00:12:43그러니 무엇이... 아, 우리 지금 테드(TED) 강연이라도 하러 온 것 같네요.
00:12:47좋습니다, 다들 진심으로 즐기고 있잖아요.
00:12:50손 들었던 것 못 보셨어요?
00:12:51다들 당신을 보러 온 거라니까요.
00:12:51글쎄요, 소매와 커머스에 대해 생각해보면, 그리고 아주 먼 옛날로 거슬러 올라가 보면
00:12:56거래라는 건 항상 이런 식이었죠. “야, 토모, 나 이런 게 있는데 이거 살래?”
00:13:00그러면 상대는 “응, 사고 싶어” 하고.
00:13:01그러면 “좋아” 하는 식이죠.
00:13:03알았어.
00:13:03하지만 내가 너를 믿을 때만, 네가 나를 믿을 때만 가능한 일입니다.
00:13:05그리고 또 다른 점은 인간은 본질적으로 매우 게으르다는 겁니다.
00:13:09맞아요.
00:13:09그래서 최고의 상품을 찾고 싶으면서도, 그걸 찾는 과정조차 좀 귀찮아하죠.
00:13:14굳이 밖에 나가서 온 동네를 돌아다니며 모든 상점을 직접 찾아보려 하지 않아요.
00:13:18그냥 이렇게 생각하죠. '토모 저 친구 괜찮은데,
00:13:19걔는 뭘 좋아하지?'
00:13:20'토드의 수집품들을 좋아하네.'
00:13:21대부분의 경우 우리는 내가 신뢰하는 친구의 말을 듣습니다.
00:13:24맞습니다.
00:13:25무엇을 살지 말이죠.
00:13:26네.
00:13:26그래서 우리의 게으름과, 본질적으로 우리가 원하는 바가 합쳐져서,
00:13:31우린 여러 가지 이유로 물건을 사게 되잖아요.
00:13:34하지만 많은 이들이 '이걸 가진 사람 중에 누구를 믿어야 할까?'라고 생각하죠.
00:13:37마치 신뢰의 릴레이 같아요.
00:13:38맞아요.
00:13:38그렇죠.
00:13:40돌이켜보면 기술이 바뀔 때마다 커머스 시장에도 큰 물결이 일어났어요.
00:13:45그렇죠.
00:13:46소셜 미디어가 판도를 바꿨듯이요.
00:13:47맞아요.
00:13:48이제 누구나 주머니에 카메라를 갖고 다니고,
00:13:50영상 편집도 훨씬 쉬워졌어요.
00:13:53콘텐츠가 달라지는 거죠.
00:13:53그래서 좋아요.
00:13:54이제 여러 소셜 플랫폼에서 토모를 팔로우하고 그가 좋아하는 제품을 볼 수 있죠.
00:13:58맞아요.
00:13:59아주 멋진 일이에요.
00:13:59새로운 탐색 방식인 셈이죠.
00:14:01저는 이 미래가 정말 기대되고 흥미로워요.
00:14:03앞으로는 개발자들이나 개발자처럼 행동하는 사람들이 바로 그런 역할을 하게 될 거라고 생각해요.
00:14:08그래요.
00:14:08예를 들어 저는 러너이고 토론토의 리사이드라는 동네에 살고 있어요.
00:14:14토론토의 리사이드요.
00:14:16그래서 리사이드 러닝 그룹에 소속되어 있죠.
00:14:18러닝 모임 중 한 분이 Cloud Code를 사용해 웹사이트를 만들었죠.
00:14:23리더보드도 있고,
00:14:24앞으로의 날씨 정보도 확인할 수 있죠.
00:14:26카탈로그를 활용해서 원하는 상점의 반경과 상점의 범위를 직접 설정할 수도 있어요.
00:14:31카탈로그를 활용해서 원하는 상점의 반경과 상점의 범위를 직접 설정할 수도 있어요.
00:14:36그래서 50킬로미터 반경 내에 있는 리사이드 주변의 토론토 상점들이 다 나오는 식이죠, 맞죠?
00:14:42전 세계 범위로도 이런 작업을 할 수 있어요.
00:14:43그리고 다가오는 날씨 예보에 맞춰 동네 상점들의 구매 가능한 상품을 웹앱에 추천 기능으로 넣고 싶다고 말할 수 있죠.
00:14:48동네 상점들의 구매 가능한 상품을 웹앱에 추천 기능으로 넣고 싶다고 말할 수 있죠.
00:14:53그렇죠?
00:14:54이런 모든 것들이 카탈로그 API 덕분에 가능해집니다.
00:14:56소프트웨어가 나아가는 방향을 생각해보면, 훨씬 더 집중된 방향으로 나아가고 있어요.
00:15:00맞춤형으로 제작된 더 틈새 시장 공략형 애플리케이션을 만들 수 있느냐 하는 거죠.
00:15:04그래서 내부적으로도 이 얘길 많이 해왔는데, 저희에게는 '퀵'이라는 도구가 있어요.
00:15:08내부적으로 접근이 통제된 웹사이트를 간편하게 띄울 수 있는 방법이죠.
00:15:12사람들이 이런 일회성 애플리케이션을 어마어마하게 만들어내고 있어요.
00:15:18비록 일회성이라도 소통하고, 서로를 이해하며,
00:15:22프로젝트에 사람들을 모으는 데 엄청나게 유용하죠.
00:15:23기업용 앱 및 에이전트 플랫폼을 만든 이유도 말 그대로 정확히 그 때문이에요.
00:15:25시장에서 우리에게 이런 걸 원한다고 말하고 있고, 여러분들이 늘 해오던 일이기도 하죠.
00:15:30세상의 모든 기업이 그런 걸 필요로 해요.
00:15:31맞아요.
00:15:32맞습니다.
00:15:32소비자의 구매 방식을 바꾸는 새로운 골드러시 시대로 접어들고 있다고 생각해요.
00:15:38그리고 이커머스가 뜻하는 바 자체도 변화하고 있죠.
00:15:40단순한 이커머스 웹사이트나 웹 애플리케이션 그 이상인 거예요.
00:15:43맞습니다.
00:15:44적절한 도구가 있다면 일상 속에 자연스럽게 녹아들게 될 거예요.
00:15:47다시 말해, 카탈로그 API를 통해 사람들은 전통적인 웹앱으로 알려졌던 곳에 쇼핑 기능을 내장하기 시작할 겁니다.
00:15:53전통적인 웹앱으로 알려졌던 곳에 쇼핑 기능을 내장하기 시작할 겁니다.
00:15:54맞습니다.
00:15:55맞아요.
00:15:55커머스가 독립된 목적지가 아니라 온라인에서 하는 모든 활동의 구조 속에 자연스럽게 녹아드는 이 아이디어가 정말 마음에 들어요.
00:16:00온라인에서 하는 모든 활동의 구조 속에 자연스럽게 녹아드는 이 아이디어가 정말 마음에 들어요.
00:16:02네.
00:16:02에이전트의 도움을 받고, 오늘 저희가 공유해 드린 도구들과 카탈로그 API의 지원을 받아서 말이죠.
00:16:08그리고 사실 저도 내부적으로 이런 실습을 해봤어요.
00:16:12제 기억엔 당신 팀에도 보냈던 것 같은데, 디자이너들에게 직접 해보라고 지시했죠.
00:16:16쇼파이 디자이너들은 꽤 기술적이니까요.
00:16:18그래서 그들에게 '정말 끝내주는 멋진 걸 만들어봐'라고 했어요.
00:16:22제한선이 있었냐고요? 아니요, 제한선은 전혀 없었어요.
00:16:24그냥 저도 잘 몰랐거든요.
00:16:25여러분은 디자이너들이니까요.
00:16:26저보다 트렌드에 훨씬 더 밝잖아요, 그렇죠?
00:16:28요즘 젊은 친구들 사이에서 뭐가 유행인지 파악해서 그에 맞는 웹앱을 만들어 보라고 했어요.
00:16:32그리고 젊은 층을 대상으로 카탈로그를 활용해 보라고 했죠.
00:16:34네.
00:16:35저는 아무것도 몰라요.
00:16:36자, 영상 시작해 볼까요?
00:16:37보여드릴까요?
00:16:38영상이 준비되어 있어요.
00:16:40그들이 만든 몇 가지 결과물의 데모 영상을 한번 띄워 보죠.
00:16:43틀림없이 Vercel 에이전트 스택과 카탈로그 API 중 일부를 사용했을 거예요.
00:16:46맞아요.
00:16:47그중 일부는 Next.js나 Hydrogen 기반의 헤드리스로 배포되기도 했고요.
00:16:50제 생각엔 일부는 Hydrogen을 사용했고 Vercel에 배포했을 수도 있어요.
00:16:55하지만 AI SDK가 사용된 라이브러리 중 하나였고,
00:16:59정말 놀라운 경험들을 만들어낼 수 있었죠.
00:17:02제가 가장 좋아했던 건 운세 앱이었어요.
00:17:05운세는 꽤 재밌잖아요.
00:17:06운세 앱 같은 거였는데, 당신의 운세를 기반으로,
00:17:12'토모, 당신은 염소자리군요' 하는 식이었죠.
00:17:14당신은 별자리가 뭐죠?
00:17:15알고 있나요?
00:17:16저는 게자리예요.
00:17:17게자리요.
00:17:17그렇군요.
00:17:17네.
00:17:17생일이 사실 다음 주예요.
00:17:19세상에.
00:17:20미리 생일 축하해요.
00:17:21좋겠네요.
00:17:21아무튼 게자리시네요.
00:17:23어쩌면 조금 우울한 시기에 접어들고 있을 수도 있어요.
00:17:26그래서 그 시기를 극복하는 데 도움을 줄 수 있는 양초 같은 걸 원할지도 모르죠.
00:17:32그런 기능도 있었어요.
00:17:33거기에 나온 것처럼요.
00:17:33자신이 가장 좋아하는 옛날 TV 쇼 같은 걸 업로드하고 거기서 쇼핑을 할 수도 있는 걸 보셨을 거예요.
00:17:40입력할 수 있죠.
00:17:40입력할 수 있죠.
00:17:41이런 기능들은 사람들이 전통적으로 이커머스 사이트라고 생각하는 것과는 거리가 멀어요.
00:17:45이커머스 사이트라고 생각하는 것과는 거리가 멀어요.
00:17:47어제 데모 화면에 나왔던 '피핀' 시연을 봤는데요.
00:17:50주사위요.
00:17:50영상을 다시 보여드릴 수 있으면 좋겠네요.
00:17:52당신 팀의 벤이 피핀에게 말을 걸며 자신이 찾던 걸 설명하고 있었어요.
00:17:57물론 음성과 실시간 API를 활용해서요.
00:18:01그는 게임을 원한다고 했죠.
00:18:04공룡 게임 같은 걸 찾아주더라고요.
00:18:06그런데 당신이 성급하게 굴었어요.
00:18:07계속 질문을 던졌죠.
00:18:08'더 구체적으로 말해줘, 제대로 찾고 싶어'라는 식이었어요.
00:18:09'더 구체적으로 말해줘, 제대로 찾고 싶어'라는 식이었어요.
00:18:10그래서 그냥 아무거나 하나 고르라고 말하라고 했죠.
00:18:12벤이 '피핀, 그냥 하나 골라줘' 하더라고요.
00:18:14그러자 '알겠어요, 이 게임이네요' 하더군요.
00:18:15다섯 살 아이와 함께 2~4명이 하기에 딱 좋은 약간 무서운 공룡 게임 같은 거였어요.
00:18:20정말 딱 원하던 그대로였고, 이 모든 게 이 기술 스택 위에 구축된 거죠.
00:18:23맞아요.
00:18:24맞습니다.
00:18:24나중에 저를 귀찮게 하시면 보여드릴게요.
00:18:26네.
00:18:26라이브 데모를 보여드릴게요.
00:18:27네.
00:18:28영상이 대기 중이라면 정말 꼭 한 번 더 보여드리고 싶네요.
00:18:31데모 중 일부가 정말 인상적이었거든요.
00:18:33이건 대략 이런 느낌이었어요.
00:18:34아주 빠른 영상이죠.
00:18:35아, 아주 빠르게 지나가는 영상이에요.
00:18:37맞아요.
00:18:37그렇게 해야겠네요.
00:18:38나중에 저를 찾아오시면 실물로 좀 보여드리겠습니다.
00:18:42미래는 밝습니다.
00:18:43상점을 온라인에 입점시키는 장벽을 계속해서 낮추고 있다는 사실이 정말 기쁩니다.
00:18:48그 의미는 이제 상점들이 단순히 하나의 목적지만으로는 남지 않게 될 거라는 뜻이니까요.
00:18:52남지 않게 될 거라는 뜻이니까요.
00:18:52다시 말해, 커머스는 우리가 웹에서 하는 모든 활동의 일부분으로 자리 잡게 될 겁니다.
00:18:56카탈로그 API의 지원을 받아서 말이죠.
00:18:58새롭고 향상된 Hydrogen이 뒷받침하는 헤드리스 쇼파이 위에서 실행되는 Next.js처럼요.
00:19:03맞습니다.
00:19:04그리고 무엇보다도 우리 팀들이 함께 협력하고 긴밀하게 파트너십을 맺어왔다는 점이 정말 신나고 기쁩니다.
00:19:07긴밀하게 파트너십을 맺어왔다는 점이 정말 신나고 기쁩니다.
00:19:09오늘 함께해 주신 바네사님 정말 감사드립니다.
00:19:11초대해 주셔서 감사합니다.
00:19:12이 방송은 대본 없이 아주 진솔하게 진행되었고, 저희도 정말 즐겁게 임했습니다.
00:19:16보시는 분들도 느끼셨을 거예요.
00:19:17함께해 주신 모든 분들께 진심으로 감사드립니다.
00:19:20감사합니다 여러분.
00:19:22감사합니다.