배민은 개발자 없이 웹앱을 만듭니다 #우아콘2021 #셋째날_꿈꾸는우아한형제들
우아콘 2021 우아한형제들 · YouTube
AI 핵심 요약
이벤트 웹사이트를 만들 때마다 개발자가 HTML을 수정하고 이미지·쿠폰 코드를 입력해 베타와 운영 환경에 각각 배포해야 했으며, 반복 작업과 입력 오류가 문제였다. 이를 해결하기 위해 우아한형제들은 디자이너와 마케터가 코딩 없이 웹앱을 제작하는 사내 플랫폼 ‘만다오’를 만들었다. WYSIWYG 에디터에서 블록을 배치하고, JSON 메타데이터를 런타임에서 실행하도록 했으며 쿠폰·앱 이동 액션, 변수·조건·커스텀 API 기능을 제공했다. 그 결과 다양한 이벤트 페이지를 개발자 없이 제작할 수 있었고, 기능을 쉽게 쓰게 하려면 블록의 순서와 범위를 통해 동작을 예측할 수 있도록 설계해야 한다는 점을 공유했다.
- 편집 화면과 결과물이 일치하는 WYSIWYG 에디터를 제공하고, 블록을 위에서 아래·왼쪽에서 오른쪽으로 쌓는 규칙으로 사용법을 단순화한다.
- 편집 가능한 구조를 유지하려면 HTML·CSS·JavaScript 대신 별도의 JSON 메타데이터를 저장하고 런타임에서 렌더링하는 방식을 고려할 수 있다.
- 쿠폰 발급이나 앱 이동 같은 동작은 정해진 액션으로 제공하면 입력 오류를 줄이고 동작을 예측하기 쉬워진다.
- 변수와 API의 호출·초기화 순서를 화면의 블록 순서와 연결하면 복잡한 흐름을 사용자가 이해하기 쉬워진다.
- 베타와 운영 환경의 설정을 구분하고 필수 값이 빠진 환경에는 배포할 수 없게 하면 운영 실수를 예방할 수 있다.
소개
코딩 없이 누구나 쉽게 웹앱을 만들 수는 없을까? 그런 고민에서 시작한 사내 프로젝트 '만다오'. 배민은 어떻게 개발자 없이 웹앱을 만들 수 있게 되었는지 그 기능을 중심으로 소개합니다. [발표자 소개] 장해민, 웹프론트개발그룹 더 아름답고 유용한 소프트웨어를 만들기 위해 끊임없이 고민하고 시도합니다.
비슷한 학습 자료
컨퍼런스 우아콘 2023
낯선 서드파티와의 동행: 믿을 만한 배민커넥트 서버 구축하기 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 배민커넥트앱은 라이더의 안전한 운행을 위해 시간제보험, 정산, 본인인증, 실명확인, 계좌검증, 운전면허검증 등 다양한 서드파티와 함께 서비스를 만들어나가고 있어요. 잘 만든 서비스도 에러가 발생하기 마련인데, 낯선 서비스를 100% 믿는 것이란 어려운 일이죠. 그래서 우리는 서드파티 서비스를 더 꼼꼼하게 살펴보기로 했어요. 다양한 파트너와 함께 믿을 수 있는 서비스를 만드는 과정을 함께 알아가 볼까요?ㅤ ㅤ 👉 발표자 소개 라이더플랫폼팀 김형준 배민커넥트앱의 서버를 개발하고 있는 백엔드 개발자입니다. 시간제 보험, 정산, 본인 인증, 실명 확인, 운전면허 등 다양한 서드 파티와 함께 안정적인 서비스를 만들고 있습니다. 라이더플랫폼팀 김도원 서버 개발 일꾼입니다. 항상 즐겁게 개발하고 있습니다. 👍 추천 대상 - 3rd Party를 사용해봤거나 개념에 대해 아는 개발자 - 시스템 안정성에 고민이 많은 개발자 🙋...
백엔드
컨퍼런스 우아콘 2023
노 코드 웹앱 빌더 만다오, 3년의 여정 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 ‘개발자 없이 웹앱을 만들자’라는 목표 아래 만들어진 노 코드 웹앱 빌더 만다오! 초기 만다오는 정적 웹앱만을 제작할 수 있었습니다. 하지만 이후 동적 웹앱도 지원하게 되면서, 현재는 매월 수백 개의 배달의민족 광고 지면이 만다오로 제작되고 있어요. 또한 세계적으로 한국을 제외한 6개 국가에서도 만다오가 서비스되고 있습니다. 만다오 팀은 어떤 개발과 고민을 하는지 궁금하지 않으신가요? 만다오와 함께한 3년의 여정, 지금 시작합니다.ㅤ ㅤ 👉 발표자 소개 마케팅도구개발팀 권세진 만다오팀에서 프론트엔드 개발을 맡고 있는 권세진입니다. 플래시로 개발에 입문해, 임베디드 관련 학부를 거쳐 현재 분야에서 일하고 있습니다. 프론트 외에도 인프라 구성이나 서버 개발과 같은 웹 전반의 기술에 관심이 많습니다. 👍 추천 대상 노코드 웹앱 빌더의 가능성을 확인하고 싶은 분 누구나 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 d...
웹 개발 프론트엔드 풀스택
컨퍼런스 우아콘 2023
웹프론트 개발자들을 위한 '우아한스펙트럼' 서비스 제작기 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 배달의민족 웹프론트엔드 개발자들의 기술 공유 플랫폼 '우아한스펙트럼'을 소개합니다. 기획부터 서버, DB, 프론트 모두 프론트엔드 개발자 6명이서 만든, 눈물 없이 들을 수 없는 스토리ㅤ 👉 발표자 소개 셀러웹프론트개발팀 송지은 사회생활 3개월 차 리더가 된 프론트엔드 개발자 사실 본업은 사장님을 위해서라면 어디든 달려가는 배민셀프서비스 개발자 👍 추천 대상 - 우아한형제들 웹프론트개발자들의 기술 공유 방식이 궁금한 개발자 - 사내 사이드 프로젝트를 잘 운영하고 싶은 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.com 으로 문의주시기 바랍니다.
프론트엔드 백엔드 풀스택
컨퍼런스 우아콘 2022
프론트엔드 개발자와 디자이너의 도움 없이도! 배민다운 백오피스 사용 경험을 만들 수 있는, 우아한형제들의 백오피스 디자인시스템을 소개합니다. 프론트엔드 개발 공수를 많이 들이지 않으면서도 일관된 UX/UI를 제공하기 위해 고민하고 만들어낸 것들을 소개하고 일련의 과정에서 느낀 점들을 공유합니다. [발표자 소개] 신성환 | 웹프론트개발그룹 물리학을 전공했지만 무언가를 만드는 즐거움에 빠져 개발자의 길을 걷고 있습니다. 개발로 무언가를 만드는 일이 잘 맞아서 항상 즐거운 마음으로 출근하고 있습니다. 프런트엔드 개발자이지만, 요즘 슬금슬금 백엔드에도 관심이 가기 시작했습니다.
프론트엔드 UI/UX
컨퍼런스 우아콘 2022
배달의 민족을 이용하시는 사장님들을 위한 통합 서비스, '배민사장님 앱'! 이 앱을 개발한 개발자들은 어떤 기능을 어떻게 개발할까요? 또 어떤 고민을 가지고 어떻게 풀어나갈까요? 배민사장님앱의 개발 이야기가 궁금하신 분들은 주목해 주세요! iOS 개발자가 들려주는 앱의 핵심 기능 개발부터, 프론트엔드 개발자가 들려주는 문제상황과 해결 방법을 거쳐, Android 개발자가 들려주는 새로운 아키텍처 도입까지! 무엇을 좋아하실지 몰라 종합세트로 준비했습니다. [발표자 소개] 김동연 | 배민푸드Android개발팀 우아한형제들에서 주문고객님, 사장님을 위한 Android앱을 개발하고 있습니다. 훌륭한 동료들과 유익한 앱을 만들기 위해 노력중입니다. 김양원 | 셀러웹프론트개발팀 우아한형제들에서 배민사장님앱 웹뷰를 개발하는 웹프론트엔드 개발자입니다. 편리하고 이질감 없는 사용성을 느낄 수 있는 서비스를 만들도록 최선을 다하고 있습니다. 박하영 | 배민푸드iOS개발팀 귀한 분과 사장님을 위한...
프론트엔드 모바일 앱 개발
컨퍼런스 우아콘 2021
개발자 없이 웹앱을 만드는 만다오, 베트남 도입기 #우아콘2021 #셋째날_꿈꾸는우아한형제들
컨퍼런스 우아콘 2021
코딩 없이 누구나 쉽게 웹앱을 만들 수 있는 프로그램, 만다오. 베트남에서도 만다오를 실제 캠페인에 적용해보았습니다. 베트남 배민이 만다오를 활용한 경험과 어떻게 만다오의 잠재력을 더 발전시킬 수 있었는지에 대해 들려드립니다. [발표자 소개] Hanh Ha(Skye), 우아한형제들 베트남 Product Manager 2019년 9월에 베트남 우아한형제들에 합류했습니다. 캠페인&인게이지먼트 스쿼드의 PM으로서 다양한 캠페인, 서비스, 기능을 통해 유저를 호가보하고 참여를 이끌어내기 위한 이니셔티브를 주도하고 있습니다. "Applying Mandao for real-world campaign: BAEMIN Vietnam's experiences and how we can further its potentials." Hanh Ha(Skye) took the current position in Sep 2019. As PM of Campaign & Engagement squad, Sk...
웹 개발 프로덕트 매니지먼트