React Native와 함께 인프런 앱 새로 만들기│인프콘2024
INFCON 2024 인프런 · YouTube
AI 핵심 요약
인프런은 제한된 인력으로 강의 앱을 다시 만들며, React 개발자 중심의 팀 상황에 맞춰 React Native를 선택하고 커스터마이징을 위해 Expo 대신 CLI를 사용했다. 새 아키텍처는 라이브러리 호환성과 팀의 경험을 고려해 보류하고, 강의 플레이어와 컨트롤러는 기능 요구와 기존 라이브러리의 한계 때문에 iOS·Android 네이티브로 직접 구현했다. 발표에서는 웹뷰의 메타 태그·이터레이터 문제를 인스펙터와 패치로 추적한 사례, 리스트 가상화와 제스처 처리, Android 네이티브 UI 갱신 문제도 다뤘다. 플랫폼별 차이와 생태계의 미성숙함을 미리 확인하고, 문제가 생기면 실제 런타임과 네이티브 동작을 관찰하는 것이 중요하다는 점을 공유했다.
- React Native CLI와 Expo는 커스터마이징 요구, 팀의 경험, 필요한 빌드·배포 기능을 기준으로 비교한다.
- 새 아키텍처 전환 전에는 의존 라이브러리의 호환성과 마이그레이션 계층의 안정성을 확인한다.
- 네이티브 플레이어는 플랫폼별 구현 비용이 들지만, 상태를 JS로 계속 전달하지 않고 필요한 시점에 콜백을 보내 통신을 줄일 수 있다.
- 웹뷰 문제는 브라우저와 웹뷰의 실제 DOM·런타임 차이를 인스펙터로 확인하고, 서드파티 라이브러리의 개입 여부도 살핀다.
- 리스트는 기본적으로 가상화된 리스트를 쓰고, 중첩 스크롤이나 제스처 충돌을 점검한 뒤 필요하면 FlashList를 검토한다.
소개
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 React Native와 함께 인프런 앱 새로 만들기 - 권건우, 이문기 왜 React Native를 사용했는지, 플레이어는 어떻게 만들었는지 등 인프런 앱을 만들면서 했던 선택들을 공유합니다. 그리고 React Native와 Native를 함께 다루면서 미리 알았다면 좋았을 문제들을 나눕니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
비슷한 학습 자료
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 네! 배민도 React Native 해요! 라이더의 안전한 배달을 위해 쉼없이 달려온 배민커넥트앱의 과거와 현재, 그리고 더 나은 앱을 위한 고민까지. 전사 유일의 React Native 프로덕트를 가꾸어 나가는 웹개발자들의 이야기를 들려드립니다.ㅤ ㅤ 👉 발표자 소개 라이더서비스팀 박지성 배민커넥트앱과, 이를 지탱하는 백오피스들의 프론트엔드 개발을 담당하고 있습니다. 지금처럼, 앞으로도 나보다 더 나은 사람들과 지금보다 더 나은 프로덕트를 만들어나가고 싶습니다. 👍 추천 대상 React Native 개발에 관심이 있거나, 이제 막 React Native 개발을 시작한 웹프론트엔드 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.com 으로 문의주시기 바랍니다.
모바일 앱 개발
컨퍼런스 INFCON 2024
오프닝 키노트 | 인프콘2024
컨퍼런스 INFCON 2024
달리는 기차의 바퀴 갈아끼우기: 인프런 프론트엔드 마이그레이션 여정│인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 달리는 기차의 바퀴 갈아끼우기: 인프런 프론트엔드 마이그레이션 여정 - 조성륜 실제 운영되고 있는 서비스의 레거시 코드(Express.js 기반 Vanilla.js)를 모던 리액트 환경으로 마이그레이션을 하기위한 인프런 프론트파트의 여정을 공유합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
웹 개발 프론트엔드
컨퍼런스 INFCON 2024
개발자 손 꼭 붙잡고 기획하기 | 인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 개발자 손 꼭 붙잡고 기획하기 - 송은택 개발자들의 의견을 더 많이 듣고 싶지만 어떻게 그들의 의견을 끌어내야할 지 모르겠는 PM, 디자이너 그리고 비즈니스와 제품 기획에 더 많이 관여하고 싶은 개발자들을 위해 준비한 내용입니다. 최근에 인프랩 ucc셀에서는 프로젝트 초기 기획 과정에서부터 엔지니어들도 함께 참여했습니다. 진행하는 프로젝트의 전체적인 맥락을 초기부터 공감하고, 디테일한 정책 설계까지 함께했는데요. 높은 몰입도를 보여주었습니다. 프로젝트를 진행할수록 엔지니어들은 초기 기획보다 더 참신한 방안을 계속해서 제시하고, 실행했습니다. 프로젝트를 진행하며 어느 순간 각자의 생각이 모두 일치하는 경험을 했습니다. 불필요한 커뮤니케이션은 자연스럽게 감소했고요. 어떤 ...
프로덕트 매니지먼트 애자일 · 협업
컨퍼런스 INFCON 2024