[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이 겹치지 않는다 (웹과..