meepin 아래 문서는 그동안 논의·개선한 내용을 처음부터 끝까지 정리한 최종 보고서입니다. React Native + Unistyles v3 환경을 전제로 하며, 하이픈( )은 사용하지 않고 언더바( )만 사용 , BEM 개념을 간결하게 차용 한 스타일 네이밍 규칙을 확정합니다.
tagged react-native
1. 목표와 철학 2. 규칙 TL;DR (바로 쓰는 요약) 3. 문법(Syntax) — 스코프/슬러그/블록/엘리먼트/모디파이어 4. 세그먼트 표기법 — camelCase 원칙 5. 어휘 세트 — Block / Element / Modifier 6. Modifier 정책 — “기본 1,
🎯 전제 스타일은 직접 제어 해야 함 → Headless / 커스터마이징 친화도 중요 DOM 기반 라이브러리는 배제 Expo 호환성 고려
| 기능 | 권장 라이브러리 / API (Expo 우선) | iOS/Android 권한 & 설정 | 주요 주의사항 / 한계 | 난이도 | 오프라인/백그라운드 | | | | | | :| | | 카메라 촬영 | expo camera | iOS: NSCameraUsageDescription
| 패키지 | RN/Expo 사용 | 이유/이슈 | 대체(Expo 호환) | 메모/이관 팁 | | | | | | | | @ebay/nice modal react | ❌ | React DOM 의존(웹 모달) | react native modal / react native paper(Dia
1. 기본 인프라 expo : RN 앱 런타임/빌드 환경 react / react native : Expo SDK에 맞춘 버전 typescript : 언어 지원 zustand : 상태 관리 (웹에서 사용하던 것 유지) @tanstack/react query : 서버 상태 관리 (웹에서
0) 상위 의사결정 트리 | 주제 | 결정 포인트 | 권장안 | 리스크/대안 | | | | | | | 프로젝트 타입 | Expo Managed vs Dev Client vs Bare | Managed 로 시작 → 네이티브 요구 생기면 Dev Client | TLS Pinning/고급 B
목적: 가독성 , 일관성 , 성능(무리렌더 업데이트) , 확장성 을 보장하는 팀 표준.
import type { ComponentProps } from \"react\"; import { View } from \"react native\"; import styles, { type UiBoxVariants } from \"./ui box.style\";
Expo Router Forum App — Scaffold v2 (layout first, @folder: aliases, f/ )