|
| 1 | +# React Native 최적화 가이드 한글 번역 |
| 2 | + |
| 3 | +> Callstack의 React Native 최적화 가이드 한글 번역 프로젝트 |
| 4 | +
|
| 5 | +## 프로젝트 소개 |
| 6 | + |
| 7 | +이 프로젝트는 Callstack에서 제공하는 [The Ultimate Guide to React Native Optimization](https://www.callstack.com/ebook/the-ultimate-guide-to-react-native-optimization) 가이드를 한글로 번역한 자료입니다. |
| 8 | + |
| 9 | +React Native로 개발하시는 국내 개발자분들이 앱 최적화에 대한 인사이트를 얻고, 더 나은 성능의 애플리케이션을 만드는데 도움이 되고자 이 번역 프로젝트를 시작하게 되었습니다. |
| 10 | + |
| 11 | +## 번역 범위 |
| 12 | + |
| 13 | +이 가이드는 크게 3개의 파트로 구성되어 있습니다: |
| 14 | + |
| 15 | +### Part 1: JavaScript |
| 16 | +- JS, React 코드를 프로파일링하는 방법 (p.14) |
| 17 | +- JS FPS를 측정하는 방법 (p.21) |
| 18 | +- JS에서 메모리 누수를 잡는 방법 (p.24) |
| 19 | +- 비제어 컴포넌트 (p.30) |
| 20 | +- HoC(Higher-Order Specialized Components) (p.34) |
| 21 | +- 아토믹 상태 관리 (p.42) |
| 22 | +- React 동시성 (p.46) |
| 23 | +- React 컴파일러 (p.52) |
| 24 | +- 프레임 드롭없이 고성능 애니메이션 구현하기 (p.59) |
| 25 | + |
| 26 | +### Part 2: Native |
| 27 | +- 플랫폼간 차이 이해하기 (p.67) |
| 28 | +- React Native의 Native 부분 프로파일링하기 (p.76) |
| 29 | +- TTI 측정하기 (p.85) |
| 30 | +- Native의 메모리 관리 이해하기 (p.93) |
| 31 | +- Turbo Modules, Fabric의 스레딩 모델 이해하기 (p.105) |
| 32 | +- View Flattening 사용하기 (p.113) |
| 33 | +- 웹을 통해서 React Native 전용 SDK들을 사용하기 (p.117) |
| 34 | +- Native Module을 더 빠르게 만들기 (p.122) |
| 35 | +- Native에서 메모리 누수를 잡는 방법 (p.130) |
| 36 | + |
| 37 | +### Part 3: Bundling |
| 38 | +- JS 번들 사이즈 분석하는 방법 (p.142) |
| 39 | +- 앱 번들사이즈 분석하는 방법 (p.148) |
| 40 | +- 서드파티 라이브러리의 진짜 size 측정하는 방법 (p.154) |
| 41 | +- Barrel Exports 피하기 (p.156) |
| 42 | +- Tree Shaking 실험하기 (p.159) |
| 43 | +- 필요할때 원격으로 코드 로드하기 (p.163) |
| 44 | +- R8 Android로 코드 줄이기 (p.167) |
| 45 | +- Native Assets 폴더 사용하기 (p.170) |
| 46 | +- JS Bundle 압축 비활성화 하기 (p.175) |
| 47 | + |
| 48 | +## 기여하기 |
| 49 | + |
| 50 | +이 프로젝트는 커뮤니티의 참여로 더욱 발전할 수 있습니다. 번역본에서 발견한 오타나 개선이 필요한 부분이 있다면 언제든 Issue를 생성해주세요. |
| 51 | + |
| 52 | +## 라이선스 |
| 53 | + |
| 54 | +이 번역본은 원저작자의 권리를 존중하며, 비상업적 목적으로만 사용됩니다. |
0 commit comments