multiking

학습 목표Android Studio의 Layout Editor 구성 요소를 이해한다.Design / Code / Split 모드의 차이를 구분한다.Palette를 활용하여 UI 요소(View)를 화면에 배치한다.XML 레이아웃이 시각적으로 구성되는 과정을 이해한다.간단한 UI 화면을 직접 설계하고 실행한다. 1. Layout Editor 개요https://developer.android.com/studio/intro/user-interface?hl=ko Android 스튜디오 UI 알아보기 | Android Studio | Android DevelopersAndroid 스튜디오 UI를 알아봅니다.developer.android.comLayout Editor는 XML 레이아웃 파일을 시각적으로 편집..

학습 목표안드로이드 프로젝트가 어떤 폴더 구조로 구성되는지 이해하는 단계이다.res, layout, drawable 폴더의 역할을 명확히 구분하는 단계이다.XML 화면 파일이 실제 앱 화면으로 연결되는 흐름을 이해하는 단계이다.다음 회차에서 UI를 자유롭게 다루기 위한 기초 체력을 만드는 단계이다. 1. Android Studio 프로젝트 구조 전체 보기Android Studio의 Project 창은 하나의 안드로이드 앱을 구성하는 모든 요소를 계층 구조로 보여준다. 이 구조는 단순한 파일 나열이 아니라, 안드로이드 운영체제가 앱을 인식하고 실행하기 위한 규칙적 구조이다. Android 뷰(Android View) 기준에서 가장 상위에 위치하는 구성 요소는 다음과 같다.appGradle Scripts이 ..

학습 목표안드로이드 앱의 구조(앱-프로젝트-화면-코드)의 큰 흐름을 이해하는 단계이다.Android Studio를 설치하고, SDK와 에뮬레이터(AVD)를 준비하는 단계이다.“Hello Android” 앱을 실제로 실행하여 개발-빌드-실행의 전 과정을 한 번 경험하는 단계이다. 안드로이드 앱이란 무엇인가?1) 안드로이드 앱의 정체안드로이드 앱은 스마트폰(또는 태블릿)에서 실행되는 프로그램이며, 화면(UI)과 기능(로직)이 결합된 결과물이다. 개발자 입장에서는 “프로젝트” 단위로 관리하며, 다음 구성으로 이루어진다고 이해하면 된다.화면(UI): 버튼, 텍스트, 이미지, 입력창 같은 시각 요소의 배치이다.동작(로직): 버튼을 누르면 무엇을 할지, 데이터를 어떻게 처리할지에 대한 규칙이다.리소스(Resourc..

학습목표안드로이드 아이콘의 역할과 중요성 이해하고, 안드로이드 환경에서 아이콘이 사용자 경험에 미치는 영향을 학습한다.아이콘의 디자인 원칙과 접근법제품 아이콘은 서비스와 도구를 비롯해 브랜드와 제품을 시각적으로 표현한 것으로, 제품의 핵심 아이디어와 의도를 간단하고 대담하며 친절한 방식으로 전달 할 수 있습니다여기서도 모든 아이콘에는 일관된 흐름과 통일성이 있어야 합니다. 머티리얼Mmaterial의 촉감과 물리적 질감이 반영아이콘을 종이처럼 자르거나 접는 단순한 그래픽 요소를 통해 견고하고 깔끔해 보이도록 하면서 가장자리를 선명 하게 만든다. 표면에는 정밀한 하이라이트와 일관된 그림자를 적용해 통해 빛과 음영을 표현한다. 아이콘은 일반적인 작업, 파일, 장치 및 디렉터리를 상징하는 데 사용되는 작은 그래..

학습목표안드로이드 디자인 가이드라인 이해머티리얼 디자인(Material Design)의 기본 원칙과 목적을 학습한다.안드로이드 UI 디자인에서 레이아웃, 색상, 타이포그래피의 역할을 파악한다.실제 개발 환경에서의 디자인 활용구글의 Android Developers 플랫폼을 활용하여 UI 구성 요소를 이해한다.안드로이드 가이드라인에 관한 사항은 머터리얼디자인 가이드 사이트를 참조하면 된다.https://m3.material.io/ Material DesignBuild beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high qualit..

학습목표- UI구조에대하여알아보자- 모바일운영체제에따른UI 컴포넌트을알아보자.- 모바일환경에따른UI 디자인특징을알아보자. UI 구조UI 구조란 사용자 인터페이스를 구성하는 기본적인 화면 배치(Layout) 체계를 의미한다. 이는 정보의 위계와 시각적 흐름을 결정하는 중요한 요소로, 사용자가 콘텐츠를 쉽게 탐색하고 인식하도록 돕는 설계의 골격이라 할 수 있다. 웹사이트의 UI 구조는 일반적으로 가로형(Horizontal Layout) 과 세로형(Vertical Layout) 으로 구분된다. 이 두 가지 구조는 콘텐츠 배치 방향과 메뉴의 위치에 따라 달라지며, 정보의 성격과 사용자 행동 패턴에 따라 선택된다.웹사이트구조 : 가로형과세로형가로구조형: header, contents, footer area뉴스 ..