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. 인터랙션 설계의 의미인터랙션 설계는 사용자의 행위에 대해 시스템이 어떤 반응을 보일 것인지 구체화하는 단계이다. 즉, 사용자가 시스템과 만나는 접점이 무엇이며, 그 접점에서 어떤 방식으로 상호작용이 일어나는지를 규정하는 작업이다. 여기서 핵심은 “기능을 넣는 것” 자체가 아니라, 같은 정보와 같은 기능이라도 어떤 순서와 방식으로 전달하느냐에 따라 사용자가 느끼는 ..

9.3.인간과 기계의 공진화 (Co-evolution)진정한 융합은 빅데이터와 AI가 결합했을 때 발생한다.생성형 AI의 등장은 창작 활동의 주체와 방식에 근본적 변화를 가져오며, 인간과 기계가 서로 영향을 주고받으며 함께 진화하는 공진화의 국면을 열었다. 특히 미드저니(Midjourney), 달리(DALL·E), 챗GPT(ChatGPT)와 같은 생성형 모델은 전문적인 미술 교육을 받지 않은 사람도 고품질의 예술 작품과 텍스트를 창작할 수 있게 하여 ‘창작의 민주화’라는 새로운 시대적 흐름을 이끌고 있다. 이는 누구나 예술적 표현에 참여할 수 있는 환경을 조성함으로써 창작의 문턱을 크게 낮추었다.1. 집단 지성의 시각화 – 잠재공간(Latent Space)인류가 축적해 온 수억 장의 명화 데이터를 학습한..

9.2. 생성형AI, 모방을 넘어 창조디지털 기술의 고도화는 예술의 개념과 제작 방식, 감상 환경 전반을 근본적으로 재정의하고 있다. 특히 빅데이터와 생성형 AI(Generative AI)의 결합은 예술 활동을 단순한 표현의 차원을 넘어, 데이터 기반 창조 행위로 확장시키는 중요한 전환점이 되고 있다. 과거 예술가가 개인의 경험과 감성, 혹은 특정 매체를 통해 작품을 창조하였다면, 오늘날의 예술가는膨대한 양의 데이터와 알고리즘을 새로운 ‘재료’로 활용하여 복합적 의미 구조와 다층적 감각 경험을 구성하고 있다. 이는 예술의 본질을 다시 질문하게 하며, 그 과정에서 데이터는 새로운 붓이자 물감이며, AI는 예술적 사고를 확장하는 도구이자 협업자의 역할을 수행하게 된다. 1. 생성형 AI란?생성형 AI(Gen..

디지털 대전환의 시대, 예술가의 팔레트에는 더 이상 물감과 붓만 놓여 있지 않다. 현대 사회에서 매일 기하급수적으로 생산되는 빅데이터(Big Data)와 이를 학습하여 새로운 결과물을 창조하는 생성형 AI(Generative AI)는 예술 창작의 패러다임을 뿌리째 흔들고 있다. 과거의 컴퓨터 예술이 작가가 입력한 알고리즘에 따라 계산된 결과값을 보여주는 것에 그쳤다면, 지금의 예술은 인공지능이 데이터의 맥락을 이해하고 스스로 이미지를 생성하거나 음악을 작곡하는 단계로 진화했다. 본 장에서는 빅데이터가 어떻게 예술의 재로(Material)가 되며, 생성형 AI가 어떠한 방식으로 예술가와 협업하여 새로운 미적 가치를 창출하는지 탐구한다.9.1. 빅데이터, 새로운 시대의 물감빅데이터 예술(Data Art)은..

CHAPTER 11. 아키텍처 설계 (Architecture Design)디지털 제품과 서비스가 고도화될수록, 사용자 경험을 구성하는 요소들은 더욱 복잡해지고 상호 의존적이 되어가고 있다. 이때 시스템이 안정적으로 작동하고, 일관된 사용자 경험을 제공하기 위해 반드시 필요한 핵심 과정이 바로 아키텍처 설계이다. 아키텍처 설계는 단순한 화면 구성이나 기능 배치의 문제가 아니라, 서비스가 지향하는 목표를 실현하기 위해 데이터·구조·인터랙션을 통합적으로 조직하는 일종의 ‘설계 철학’이자 시스템의 근본적 구조를 정의하는 작업이다.아키텍처 설계는 사용자가 경험하게 될 모든 요소의 기반을 마련하는 단계이며, 기획자가 상정한 콘셉트와 비즈니스 모델을 실제 구현 가능한 형태로 연결하는 중추적 매개체 역할을 한다. 이를..