IT Knowledge Share

Linear Layout을 사용해서 6개의 블록을 만들어봅시다. 바로 코드를 확인합니다. 에뮬레이터 실행 결과 우선 부모 뷰의 Linear Layout 중에서 Orientation 속성을 Horizontal로 해주면, 수평 방향으로 전체적인 방향이 설정됩니다. 부모 뷰 안에 Linear Layout으로 이루어진 자식 뷰 하나를 생성합니다. 해당 자식 뷰가 전체적인 화면 UI를 차지하도록, width=0dp, height=match_parent으로 설정합니다. 만약 width="match_parent"로 설정하면, 두 번째 Linear Layout 자식 뷰에 포함된 블록 3~6이 보이지 않게 됩니다. weight은 1로 설정합니다. 첫 번째 Linear Layout 부모 뷰에 TextView 자식 뷰 3개..

부모 뷰가 될 수 있는 View Component 중 하나인 Layout 중에서 Linear Layout에 대해 알아봅니다. 우선 해당 코드를 먼저 확인합니다. 에뮬레이터 실행 결과 전체적인 레이아웃을 LinearLayout으로 잡아주고, 안에 자식 뷰인 TextView를 사용했습니다. 안드로이드에서 위치/방향을 움직이기 위해서는 Gravity라는 속성을 이용합니다. 여기서 Gravity와 Layout_Gravity 두 종류가 있습니다. Gravity는 부모 뷰 안에 있는 객체들을 움직일 수 있으며, Layout_Gravity는 해당 속성을 가진 자식 뷰에만 적용됩니다. 부모 뷰에서 전체적인 레이아웃을 잡을 때, Gravity 속성을 Center로 잡았습니다. 이는 모든 자식 뷰의 위치를 센터로 설정하는..

View Component에 대해 좀 더 자세히 알아봅시다! activity_main.xml 파일에서 직접 코드를 작성해 UI를 어떻게 구성할 수 있는지 살펴봅니다. 우선 레이아웃을 정하게 됩니다. 위의 예시에서는 LinearLayout으로 정했으며, 항상 태그를 닫을 때는 이렇게 닫아주도록 합니다. LinearLayout의 속성들을 적용해서 설정이 가능한데, orientation은 vertical로 해줍니다. 이는 자식 TextView의 방향을 수직으로 놓을지, 수평으로 놓을지 결정해줍니다. 속성은 정말 많은데, 어떤 속성이 있는지 알아보려면 Ctrl + SpaceBar를 동시에 눌러 보세요. 적용 가능한 모든 속성 리스트를 바로 확인할 수 있습니다. 여러 콤포넌트 중에 TextView를 사용하여, 텍..

안드로이드에서 화면을 그리는 요소로는 뷰콤포넌트 View Component가 있습니다. 화면이 버튼, 이미지, 드롭다운 등 여러 요소로 이루어질 수 있는데, 이는 모두 뷰콤포넌트를 활용한 것입니다. 뷰콤포넌트는 드래그앤드랍 방식으로 완성하거나, XML언어를 사용해 직접 코딩하는 방법이 있는데, 전자로 원하는 화면을 완성하기에 매우 어려움이 있기에, 대부분 XML 언어를 코딩하는 것으로 알려져 있습니다. 잠시 아래의 사진을 확인합니다. 화면을 그리는 작업은 res - layout - activity_main.xml 파일에서 이루어집니다. 본인이 작업한 xml 파일을 실행시켜서 에뮬레이터에 띄우려면, MainActivity.kt 내의 패키지명만 바꿔주시면 됩니다. 가장 왼쪽에 Palette 부분에서 여러 가..

안드로이드 UI, 즉 화면을 구성하는 단위에 대해 알아봅시다. 픽셀은 핸드폰 화면에서 빛이 나오는 전구같은 단위로 가장 작은 단위입니다. 핸드폰이 고해상도라는 의미는 정해진 범위 내에서 픽셀 수가 많다는 것을 의미합니다. 이러한 픽셀을 수치로 나타낸 것이 DPI입니다. DPI는 Dot per Inch의 약자로, 1인치 내에 얼마나 많은 픽셀이 들어있는지 나타내는 수치입니다. 아래 사진은 DPI의 종류를 나타는데, LDPI ~ XXXDPI까지 어떤 이미지의 화질이 점점 좋아진다고 보시면 됩니다. DPI를 단위로 사용하게 되면 이미지의 크기가 화면의 크기에 따라 달라지기 때문에, 이미지 크기에 대한 통일성이 없어지게 됩니다. 여러 핸드폰 화면에서 똑같은 이미지라도 크기가 달라지게 되는 것이죠. 어느 핸드폰 ..

웹에서는 클라이언트단에서 HTML, CSS, Javascript 등을 사용합니다. 특히, HTML, CSS 같은 언어로 웹의 화면을 나타낸다면, 앱에서는 어떤 언어로 화면을 나타낼까요? 안드로이드 앱에서는 XML언어를 사용합니다. XML은 DSL(Domain Specific Language)라고 부르며, 안드로이드의 UI를 그리기 위해 특화된 언어입니다. 아래 사진과 같이 안드로이드 스튜디오의 res - layout - activity_main.xml 파일에서 사용된 언어가 XML 언어입니다. 위키백과에서는 XML 언어를 다음과 같이 정의하고 있습니다 :) XML(Extensible Markup Language)은 W3C에서 개발된, 다른 특수한 목적을 갖는 마크업 언어를 만드는데 사용하도록 권장하는 다..