리액트 네이티브 리팩토링 #우아콘2022 #Day3_함께하고성장하는우리
우아콘 2022 우아한형제들 · YouTube
AI 핵심 요약
여러 해 동안 개발되며 오래된 라이브러리와 제각각인 코드 스타일, 중복 컴포넌트가 쌓인 배민 사장님용 React Native 앱을 정비하기 위해 리팩토링을 진행했다. React Native와 React Navigation을 안정적인 최신 버전으로 올리고, 클래스 컴포넌트를 함수형 컴포넌트로 전환하는 한편 공통 디자인 토큰과 재사용 컴포넌트를 마련했다. 코드 규칙을 통일하기 위해 ESLint와 Prettier를 설정하고 Husky로 커밋 전 검사를 자동화했다. 이를 통해 코드를 읽고 테스트하고 업데이트하기 쉬운 기반을 만들고, 기존 문제를 정리해 팀원과 신규 구성원이 함께 개발하기 좋은 구조를 지향했다.
- 업그레이드할 때는 최신 버전만 좇기보다 안정성과 기존 앱의 제약을 고려해 목표 버전을 정한다.
- ESLint는 코드 품질과 잠재적 오류를 점검하고, Prettier는 정해 둔 규칙에 따라 서식을 자동으로 맞춘다.
- Husky로 커밋 전에 린트 검사를 실행하면 문제가 있는 코드가 저장소에 들어가는 것을 줄일 수 있다.
- 반복되는 UI는 공통 디자인 토큰과 재사용 가능한 컴포넌트로 정리해 테스트와 유지보수를 쉽게 한다.
소개
수년간 여러 엔지니어들의 손을 거치면서, 배민 사장님용 앱의 소스코드는 일반적인 개발 트렌드에 비해 파편화되고 뒤쳐져 있었습니다. 이제는 소스코드를 업데이트하고 정리해서 최신 라이브러리 버전의 새로운 기능들을 사용해볼 때라고 생각하게 되었는데요, 장단점을 비교해본 끝에 리팩토링 프로젝트를 시작하게 되었습니다. 그 경험을 여러분께 공유드립니다. [발표자 소개] 안 윈(Huan Huynh, Jake) | Woowa Vietnam 후안 윈(제이크)는 2022년 우아한형제들에 입사하기 전까지 약 10년 가량 주로 안드로이드와 플러터를 다루는 모바일 소프트웨어 엔지니어이자 모바일 팀 리더로 경력을 쌓아왔습니다. 제이크는 모바일 클라이언트 엔지니어링 팀에서 리액트 네이티브(React Native) 엔지니어로 근무하고 있으며 입점 업주들에게 유용한 기능을 제공하는 동시에 입점 업주용 앱을 사용하는 사람들에게 최고의 유저 경험을 제공할 수 있도록 노력하고 있습니다. 트루옹 트란(Truong ...
비슷한 학습 자료
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 네! 배민도 React Native 해요! 라이더의 안전한 배달을 위해 쉼없이 달려온 배민커넥트앱의 과거와 현재, 그리고 더 나은 앱을 위한 고민까지. 전사 유일의 React Native 프로덕트를 가꾸어 나가는 웹개발자들의 이야기를 들려드립니다.ㅤ ㅤ 👉 발표자 소개 라이더서비스팀 박지성 배민커넥트앱과, 이를 지탱하는 백오피스들의 프론트엔드 개발을 담당하고 있습니다. 지금처럼, 앞으로도 나보다 더 나은 사람들과 지금보다 더 나은 프로덕트를 만들어나가고 싶습니다. 👍 추천 대상 React Native 개발에 관심이 있거나, 이제 막 React Native 개발을 시작한 웹프론트엔드 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.com 으로 문의주시기 바랍니다.
모바일 앱 개발
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 우아한공방으로 새롭게 단장한 디자인 시스템의 계층 구조와 이를 컴포넌트로 빚어낸 과정을 소개합니다. 그리고 컴포넌트 구현에 집중하기 위해 어떤 개발 환경을 갖췄는지, 운영 과정에서 정답이 없는 문제들을 어떻게 다뤄왔는지 공유드릴게요. 앞으로 더 확장해 나갈 디자인 시스템의 미래도 엿볼 수 있어요. ㅤ 👉 발표자 소개 배민커머스웹프론트개발팀 마광휘 배민커머스웹프론트개발팀에서 23명의 엔지니어가 조화롭게 좋은 프로덕트를 만들 수 있도록 팀 문화 고민과 시스템 아키텍처링을 진행하고 있는 챙김이 입니다. 최근에는 배민 전사의 웹 프론트 미래를 그리고 있어요. 배민커머스웹프론트개발팀 이상현 지속 가능한 디자인 시스템을 만들어나가는 프론트엔드 개발자입니다. 👍 추천 대상 - 사내 디자인 시스템을 운영하는 개발자 - 확장 가능하고 유연한 React UI 컴포넌트 구현에 관심 있는 분 🙋🏻♀️ 세션에 대해 궁금한 점이 ...
프론트엔드 UI/UX
컨퍼런스 우아콘 2022
우리는 하나다! 모노레포 with pnpm #우아콘2022 #Day2_음식그이상의것을문앞으로
컨퍼런스 우아콘 2022
바쁜 일정 속에서 여러 프로젝트를 모노레포로 구성해야 했던 커머스 프론트엔드! 방법을 찾던 그들은 마침내 pnpm을 만나게 되는데... [발표자 소개] 윤태원 | 배민스토어웹프론트개발팀 우아한형제들에서 프런트엔드 개발(과 이것저것...)을 하고 있습니다. 배우는 재미를 찾고 즐기며, 나름 즐겁게 지내고 있습니다 :) 이수형 | 배민스토어웹프론트개발팀 개발은 항상 비즈니스와 커뮤니케이션해야 한다는 생각으로 구성원들과 적극적으로 커뮤니케이션하며 프로젝트에 임하고 있습니다. 미니멀리즘 코드를 지향하며 범용성과 확장성, 재사용성이 높은 아키텍처나 디자인 패턴을 위해 고민하는 것을 좋아합니다. 홍영준 | 배민스토어웹프론트개발팀 우아한형제들에서 프런트엔드 개발을 하고 있는 신입 개발자입니다. 매일 새로운 것들을 배우고 있고 그 내용들을 기록으로 남기려고 노력하고 있습니다. 발표자 코멘트) 지난 8월 pnpm 7에서 아래와 같은 에러가 보고되었습니다. *https://github.c...
프론트엔드 개발 도구
컨퍼런스 우아콘 2022
[우아콘2022] Day3.함께하고 성장하는 우리 #라이브토크콘서트
컨퍼런스 우아콘 2022
우아콘2022 등록하기👉https://www.woowacon.com 우아콘 어떠셨나요? 설문조사 참여하고 우아콘 스페셜굿즈도!👉https://forms.gle/iB9h2xRAc13rcDVu9 함께라면 어려움도 국경도 뛰어넘을 수 있죠! 딜리버리히어로 CTO가 독일에서 전하는 키노트와 다 같이 만드는 개발조직 문화에 대한 패널토크까지! [키노트] 딜리버리 히어로의 어벤저스 전략(The Avenger Strategy) Christian Hardenberg | Delivery Hero [패널토크] 작고 아기자기하지만, 개발조직의 문화만들기 김민태 | 웹프론트개발그룹장 이찬호 | 물류플랫폼개발팀 이재원 | 배민스토어웹프론트개발팀 이주영 | 배민푸드서비스개발팀 [패널토크] 우아한 개발자의 성장을 위해, 개발조직의 제도만들기 박수현 | Developer Relations 유영경 | Technical Writing Coach 고은경 | 테크HR채용팀 우리나 | 테크HR채용팀 [훑어...
컨퍼런스 우아콘 2022
배달의 민족을 이용하시는 사장님들을 위한 통합 서비스, '배민사장님 앱'! 이 앱을 개발한 개발자들은 어떤 기능을 어떻게 개발할까요? 또 어떤 고민을 가지고 어떻게 풀어나갈까요? 배민사장님앱의 개발 이야기가 궁금하신 분들은 주목해 주세요! iOS 개발자가 들려주는 앱의 핵심 기능 개발부터, 프론트엔드 개발자가 들려주는 문제상황과 해결 방법을 거쳐, Android 개발자가 들려주는 새로운 아키텍처 도입까지! 무엇을 좋아하실지 몰라 종합세트로 준비했습니다. [발표자 소개] 김동연 | 배민푸드Android개발팀 우아한형제들에서 주문고객님, 사장님을 위한 Android앱을 개발하고 있습니다. 훌륭한 동료들과 유익한 앱을 만들기 위해 노력중입니다. 김양원 | 셀러웹프론트개발팀 우아한형제들에서 배민사장님앱 웹뷰를 개발하는 웹프론트엔드 개발자입니다. 편리하고 이질감 없는 사용성을 느낄 수 있는 서비스를 만들도록 최선을 다하고 있습니다. 박하영 | 배민푸드iOS개발팀 귀한 분과 사장님을 위한...
프론트엔드 모바일 앱 개발