React Native 0.77 대격변! ✨CSS 스타일링 UP! 🚀 Android 최적화! 🛠️ Swift 템플릿!
R
React Native (@reactnative)3/25/2025
#UI#iOS#React Native#안드로이드#CSS#대한민국
React Native 0.77 버전이 출시되었습니다. 주요 변경 사항은 다음과 같습니다.
**새로운 CSS 기능:** `display: contents`, `boxSizing`, `mixBlendMode`, `outline` 관련 속성 지원으로 레이아웃 옵션이 강화되었습니다. 특히 `display: contents`는 레이아웃 구조에 영향을 주지 않으면서 스타일을 적용하거나 이벤트 처리를 위한 래퍼 컴포넌트 제작에 유용합니다.
**Android 지원 강화:** Android 15 강제 edge-to-edge 디스플레이 지원 및 16KB 페이지 크기 지원으로 최신 Android 기기와의 호환성이 향상되었습니다.
**커뮤니티 CLI 및 템플릿 업데이트:** `react-native init` 명령어가 완전히 제거되었으며, Expo 프레임워크 사용 또는 Community CLI 직접 호출 방식으로 프로젝트를 생성해야 합니다. iOS 앱 템플릿의 기본 프로그래밍 언어가 Swift로 변경되었지만, Objective-C++도 계속 지원됩니다. Metro에서 "run on iOS/Android" 키 핸들러가 제거되었습니다.
**주요 변경 사항:** Metro에서 `console.log()` 스트리밍이 제거되었으며, React Native DevTools 또는 VS Code 디버거를 통해 JS 로그를 확인해야 합니다.
**React 19 지원:** React 19는 React Native 0.78 버전부터 지원될 예정입니다.
**업그레이드 방법:** React Native Upgrade Helper를 사용하여 기존 프로젝트의 코드 변경 사항을 확인하고, 새로운 프로젝트는 `npx @react-native-community/cli@latest init MyProject --version latest` 명령어로 생성할 수 있습니다. Expo 사용자는 Expo SDK 52에서 React Native 0.77을 지원할 예정입니다.