EXPO 썸네일형 리스트형 React Native와 웹 React 코드 재사용 전략 모바일과 웹을 동시에 개발할 때 핵심은 공통 코드를 최대화하고, 플랫폼 차이를 얇은 경계로 격리하는 것입니다. 이 글은 실무에서 바로 적용할 수 있는 구조, 설정, 컴포넌트/로직 분리, 빌드/테스트 전략을 정리합니다.1. 원칙과 목표- UI는 플랫폼 차이를 흡수하는 공통 프리미티브 위에 올립니다.- 비즈니스 로직, 상태, 데이터 접근은 100% 공유를 목표로 합니다.- 플랫폼별 차이는 파일 분기(.native/.web)나 얇은 어댑터로 처리합니다.- 모노레포로 단일 소스 오브 트루스와 일관된 버전 관리를 유지합니다.2. 모노레포와 폴더 구조Yarn Workspaces 또는 PNPM으로 앱과 공통 패키지를 한 저장소에 둡니다.// repo 구조 예시.├─ apps/│ ├─ mobile/ //.. 더보기 이전 1 다음