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. 디자인 ..

알아두면 좋은 사이트 https://noonnu.cc/ 1. 폰트 다운로드 눈누 상업용 무료한글폰트 사이트 noonnu.cc 2. 이미지 편집 ; 편하게 백그라운드 삭제 https://www.remove.bg/g/magic-brush Magic Brush - the next level of background removal – remove.bg Looking for a background object remover to give you more control over your editing? The Magic Brush allows you to remove or restore any part of your image! www.remove.bg 3. 아이콘, 일러스트레이션, 사진,음악 및 디자인 도구 ht..

1. 레이아웃 그리기 홈회사소개제품소개 신청하러가기 제품목록 도너트 만들기[3] 21.09.30 도너트 만들기[3] 21.09.30 도너트 만들기[3] 21.09.30 오늘의 뉴스 쿠킹클래스 입니다. 09:30 쿠킹클래스 입니다. 09:30 쿠킹클래스 입니다. 09:30 쿠킹클래스 입니다. 09:30 서울시 서초구 신반포로45길 9-20번지, 4층 | Tel. 02-556-3346 | Fax. 0504-002-7583 | Email. bjshjy@naver.com 대표자 : 정희용 | 사업자번호 : 105-87-94707 | 통신판매번호 : 2016-서울강남-02575 | 개인정보책임자 : 한종진 Copyright ⓒ BLUECOMMUNICATION. All rights reserved. *{margin..

1.전체페이지 레이아웃 html 김지영(jykim)님| 로그아웃| 정보수정 Home 출석부 작품갤러리 게시판 3. main image id main_image 설정

1.배경 다루기 background-color (컬러) background-image (이미지) background-repeat (반복) background-attachment (첨부) background-position (위치) Background (약식 속성 )

1.box model 이해 레이아웃 박스모델이해 box model 이해 margin:바깥여백 border : 경계선 padding : 안쪽여백 contents 2.너비와 높이 3.경계선 다루기 기본 테두리 분리 디자인 모서리가 둥근 스타일 보드스타일을 이용한 디자인 .box01 {width:300px;padding:10px;margin:20px;border:5px solid gray;} .box02 {width:300px;border-bottom:2px solid red;} .box03 {border:1px solid gray;border-radius: 15px;padding:10px;} .box04 {padding:10px;margin:10px;border-left:5px solid #0000ff;ba..