k1212gh 님의 블로그

📖 학습 목표React Native에서 스타일링하는 방법 이해레이아웃을 구성하는 Flexbox 개념 학습반응형 디자인 및 스타일링 최적화 기법 익히기1️⃣ React Native의 스타일링 개념✔️ 스타일링의 중요성스타일링은 앱의 UI/UX 품질을 결정하는 중요한 요소입니다.가독성, 일관성, 유지보수성을 고려하여 올바른 스타일을 적용하는 것이 중요합니다.📌 React Native 스타일링의 특징✅ CSS와 유사하지만 CamelCase 문법 사용✅ StyleSheet API 활용하여 성능 최적화 가능✅ Flexbox 기반의 레이아웃 구조📌 React Native 스타일 적용 방식인라인 스타일Hello React NativeStyleSheet API 사용 (권장)import { StyleSheet, T..

📌React Native 기본 구성 요소 🚀 React Native의 기본 구성 요소와 컴포넌트 개념 정리📖 학습 목표React Native 컴포넌트 개념과 사용법 이해JSX 문법과 Props 개념 학습Expo의 역할과 프로젝트 구조 분석1️⃣ React Native 컴포넌트란?React Native에서는 모든 화면 요소(UI)가 컴포넌트로 구성됩니다.즉, 버튼, 텍스트, 입력 필드, 이미지 등 모든 요소가 컴포넌트입니다.✔️ React Native 컴포넌트의 특징✅ 재사용 가능 → 한 번 만든 컴포넌트를 여러 번 사용할 수 있음✅ 독립적인 상태와 속성(props) 보유 → 부모 컴포넌트에서 자식 컴포넌트로 데이터 전달 가능✅ 웹과 다름 → HTML과 유사하지만, 실제 네이티브 UI로 렌더링됨📌 ..