[React Native] Layout 다루기(View, margin, padding, ScrollView)

1. View React Native에서 는 박스(box)와 같은 개념이다.여러 컴포넌트를 그룹화하는 용도로 사용된다.화면의 레이아웃을 만들 때 기본적으로 사용되는 가장 중요한 컨테이너. Hello React Native! 2. margin과 padding☾ padding (박스 내부 여백) 박스 안쪽 공간을 의미한다.텍스트나 이미지가 박스 테두리와 겹치지 않게 한다. 안쪽 여백 적용 ☾ margin (박스 외부 여백)박스 바깥쪽 공간을 의미한다.다른 컴포넌트와의 간격을 만든다. 바깥 여백 적용 margin vs paddingpadding: 안쪽 여백 → 내용물과 경계 사이 거리margin: 바깥 여백 → 다른 박스와의 거리 React Native에서는 margin이 겹치지 않는다 (웹과..

• format_list_bulleted Front-end/React Native
• · 2025. 9. 8.
• textsms

[Android] 안드로이드 앱 구성 요소 - 뷰(View), 레이아웃(Layout)

01_뷰의 개념 ☾ 뷰(View) : 앱 화면에 보이는 모든 것들의 기본 : 모든 요소들은 뷰 클래스가 상속받아져야 한다 종류 TextView : 텍스트가 보이는 뷰 EditView : 텍스트를 입력받을 수 있는 기능이 있는 뷰 Button : 일반적으로 안드로이드 앱에서 볼 수 있는 클릭 기능이 포함된 뷰 ImageView : 이미지를 입력하여 나타내는 뷰 CheckBox : 다중 항목 중 선택의 유무를 체크할 수 있는 뷰 RadioButton : 선택 항목 중 하나만을 선택할 수 있는 뷰 02_레이아웃(Layout) ☾ 레이아웃(Layout) : 화면을 구성하는 형태 종류 LinearLayout : 화면의 구성 요소들을 가로 방향 또는 세로 방향 순서로 배치되는 레이아웃 horizontally(수평정..

• format_list_bulleted Android
• · 2024. 4. 3.
• textsms