chapter 2.1 - XML 및 태그 기초 사용법 - LinearLayout, TextView으로 시작하기

마크업 랭귀지 (MarkUp Language) - 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종입니다. 간단하게 말하자면 태그 등을 이용하여 문서나 데이터 구조를 명하는 언어의 한 가지입니다.

 

언어의 한 가지이지만 프로그래밍 언어와는 차이가 있습니다.

마크업 랭귀지는 단지 페이지의 틀을 정의해주는 역할로 정적인 페이지를 말합니다.

반면 프로그래밍 언어는 메모리를 할당하고, 유저의 반응을 읽는 프로그램을 만드는 언어입니다.

따라서 정적인 마크업 랭귀지와 같은 정적인 페이지를 프로그래밍 언어와 함께 사용하면서 동적으로 만들어주는 역할을 합니다.

~~ml로 끝나는 언어들을 마크업 랭귀지라고 하는데, 예를 들면 웹에서는 HTML / 앱에서는 XML이 있습니다.

 

 

 

res - result의 약자로, layout에서 화면을 그릴 때 사용하는 문법입니다.

즉, 화면 구조를 결정하는 코드를 작성하는 곳이 있는 장소입니다.

 

 

 

이제부터는 '태그'에 대해 자세하게 알아보겠습니다.

 

태그 - 마크업 랭귀지에서 사용하는 내용물을 표시하는 방법으로 어떠한 항목을 보충 설명하는 낱말 혹은 키워드입니다. 

 

태그 사용 방법

1) 여는 태그

<태그의 종류

  속성1 = 값1

  속성2 = 값2>

2) 닫는 태그

</태그의 종류>

3) 여는 태그와 닫는 태그의 통합형

내용물이 들어오지 않거나 없을 예정인 태그의 경우, 여는 태그와 닫는 태그를 통합할 수 있습니다.

<태그의 종류

  속성1 = 값1

  속성2 = 값2 />

 

속성 - 태그에 작성하는 이 태그가 갖게 될 고유한 성질을 표현하는 값들을 적어주는 부분입니다.

즉, 이 태그가 어떻게 생겼는지 결정하는 코드를 작성해 주는 곳입니다.

그리고 여는 태그와 닫는 태그 사이에 들어오는 내용물들은 다른 태그들만 내용물로 들어올 수 있습니다.

즉, 태그를 사용하지 않고, 다르게 말하면 태그의 외부에는 속성들만 작성하지 않습니다.

 

태그의 사용법 예시

위의 예시처럼 1번은 여는 태그 / 2번은 닫는 태그 / 3번은 여는 태그와 닫는 태그의 통합형 / 4번은 속성입니다.

4번처럼 태그 내에 속성을 작성해야 합니다.

 

 

 

기존 태그의 종류와 달리 인강에서는 LinearLayout을 사용하였습니다.

기존 태그의 종류는 다른 설정할 것이 많기 때문이라고 설명하셨습니다.

지금부터는 태그의 종류를 살펴보겠습니다.

 

Linear : 영단어는  '선의, 직선의'라는 뜻입니다. 즉, 일렬로 내용물들을 줄을 세워서 배치한다는 것입니다.

TextView : 사용자에게 단순히 문장을 "보여주기만 할 때" 사용합니다. 사용자는 이 글을 수정할 수 없습니다.

View : 직접 내 자신이 화면에 등장해서 사용자에게 콘텐츠를 표현하는 용도입니다. 인강에서는 LinearLayout의 내부에 담기는 내용물들로 활용을 하고, View 내부에는 다른 내용물들이 들어오지 않습니다.

 

속성의 종류를 몇 가지만 소개하겠습니다.

Orientation : 정렬 방법으로 내용물을 가로(horizontal) 또는 세로(vertical)로 배치할 것인지를 결정합니다.

text : 보여줄 내용의 문구를 적어주는 속성입니다.

textColor : 글씨의 색상을 결정하는 속성입니다. 원하는 색은 검색창에 "#RRGGBB 원하는 색"으로 작성하여 알아봅니다.

textSize : 글씨의 크기를 결정하는 속성입니다. 크기의 단위는 보통 ~sp로 이용하여 작성합니다. sp는 핸드폰에서 설정한 글씨 크기의 영향을 반영해주는 숫자의 단위입니다. 미설정시 기본값은 14sp로 더 작게 쓰고 싶을 경우 되도록 12sp 미만으로 사용할 것을 권합니다.

textStyle : 글씨를 두껍게(bold) 또는 기울임체(italic)로 설정할 수 있습니다.