📱 1. 기본 레이아웃 및 뷰 관련 태그

태그 역할 및 설명
View 화면 레이아웃을 구성하는 컨테이너, div와 유사.
ScrollView 스크롤이 가능한 컨테이너, 콘텐츠가 화면을 넘어갈 때 사용.
SafeAreaView 노치(아이폰 상단 가려지는 부분 등)가 있는 기기에서 안전 영역에 콘텐츠를 표시.
FlatList 성능 최적화된 리스트 컴포넌트, 대량의 데이터를 렌더링할 때 사용.
SectionList 섹션별로 그룹화된 리스트 컴포넌트.

📝 2. 텍스트 및 입력 관련 태그

태그 역할 및 설명
Text 텍스트를 표시하는 기본 태그.
TextInput 사용자가 입력할 수 있는 입력 필드.
TouchableOpacity 터치 시 투명도가 변하는 버튼 스타일의 컴포넌트.
TouchableHighlight 터치 시 배경색이 변하는 버튼 스타일의 컴포넌트.
Pressable 다양한 터치 이벤트를 지원하는 컴포넌트 (React Native 0.63 이후 권장).

🖼️ 3. 이미지 및 미디어 관련 태그

태그 역할 및 설명
Image 이미지를 표시. 로컬 및 네트워크 이미지를 모두 지원.
ImageBackground 배경 이미지 위에 자식 컴포넌트를 표시.
Video (expo-av) 동영상을 재생 (Expo AV 모듈 필요).

🧭 4. 네비게이션 및 화면 전환 (React Navigation 사용 시)

태그 역할 및 설명
NavigationContainer 네비게이션을 관리하는 컨테이너 (필수).
createStackNavigator 화면을 스택으로 관리 (페이지 이동 시 이전 페이지 유지).
createBottomTabNavigator 하단 탭 네비게이션 생성.
createDrawerNavigator 슬라이드로 열리는 메뉴 생성.

📦 5. Expo 전용 주요 태그 및 모듈

모듈 역할 및 설명
expo-status-bar 상태 표시줄(StatusBar)을 제어.
expo-image-picker 이미지 업로드 및 갤러리 접근.
expo-location 위치 정보에 접근.
expo-camera 카메라 사용.
expo-av 오디오 및 비디오 재생.

🧩 6. 스타일링

태그 역할 및 설명
StyleSheet.create() 스타일을 정의하여 성능 최적화.
useWindowDimensions() 화면의 가로 및 세로 크기를 가져옴.

🕹️ 7. 제스처 및 상호작용

태그 역할 및 설명
TouchableWithoutFeedback 키보드 외부 터치 시 닫기 등에 사용.
KeyboardAvoidingView 키보드가 화면을 가리지 않도록 조정.
GestureDetector (expo) 제스처를 감지 (React Native Gesture Handler와 함께 사용).