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..

수업 목표안드로이드 앱에서 WebView의 역할을 이해한다.WebView를 화면에 배치하고 웹 페이지를 로드하는 기본 방법을 학습한다.최소한의 코드로 외부 웹 사이트(네이버)를 앱 안에서 표시할 수 있다.1. WebView 개념 이해WebView는 안드로이드 앱 내부에서 웹 페이지를 표시하기 위한 UI 컴포넌트이다.외부 브라우저(Chrome 등)를 실행하지 않고, 앱 화면 안에서 웹 사이트를 직접 보여주는 역할을 한다. 2. 인터넷 권한 설정웹 페이지는 인터넷을 통해 불러오기 때문에, 안드로이드 앱은 인터넷 사용 권한을 반드시 선언하여야 한다. AndroidManifest.xml 수정AndroidManifest.xml 파일을 열고 태그 바로 아래에 다음 한 줄을 추가한다. 3. 디자인 ..

인터페이스 설계는 사용자와 시스템이 만나는 최전선인 '접점'을 구체화하는 과정이다. 아무리 훌륭한 비즈니스 모델이나 기술적 아키텍처를 갖추었더라도, 그것이 사용자에게 올바르게 표현(Representation)되지 않는다면 무용지물이다. 본 장에서는 인터페이스의 정의부터 시각, 청각, 촉각을 아우르는 다양한 모달리티(Modality)별 설계 원칙, 그리고 이를 실제 화면으로 구현하는 와이어프레임 작성 방법론까지 상세히 다룬다.1. 인터페이스 설계의 의미인터페이스 설계는 사용자가 시스템과 상호작용하는 물리적 또는 디지털 접점을 설계하는 과정이다. 이는 사용자가 시스템의 기능과 구조를 인식하고 활용하는 모든 접점을 포함하며, 버튼, 터치스크린, 메뉴, 명령어, 음성, 제스처 등 다양한 형태로 구현된다. 인터페..

본 장에서는 사용자와 시스템 간의 대화를 설계하는 '인터랙션 설계'에 대해 다룬다. 훌륭한 인터페이스는 단순히 보기 좋은 것을 넘어, 사용자가 시스템을 사용하고 있다는 사실조차 잊고 과업에 몰입하게 만든다. 이를 위해 인터랙션 설계의 정의부터 최적의 경험을 위한 조건, 그리고 이를 문서화하는 유스케이스와 시퀀스 모형까지 체계적으로 정리한다.1. 인터랙션 설계의 의미인터랙션 설계는 사용자의 행위에 대해 시스템이 어떤 반응을 보일 것인지 구체화하는 단계이다. 즉, 사용자가 시스템과 만나는 접점이 무엇이며, 그 접점에서 어떤 방식으로 상호작용이 일어나는지를 규정하는 작업이다. 여기서 핵심은 “기능을 넣는 것” 자체가 아니라, 같은 정보와 같은 기능이라도 어떤 순서와 방식으로 전달하느냐에 따라 사용자가 느끼는 ..