달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

   

   

<head> 태그 사이에 기록되는 문서 정보

<title>

홈페이지를 대표할 수 있는 문서 제목을 지정합니다

<meta>

다양한 속성을 가지고 있어 다양한 역할을 합니다.

<script>

홈페이지를 역동적으로 변화시킵니다.

<style>

문서 전체의 레이아웃을 결정하여 문서에 통일감을 줍니다

<html>

<head>

<title></title>

</head>

<body> </body>        

</html>

   

   

   

태그의 구성 요소

복합 태그

<태그명> 내용 </태그명>

속성을 가지는 태그

<태그명 속성명=값> 내용 </태그명>

단독 태그

<태그명>

사용 예

여러분을 <font size=5 color=blue>HTML 강의</font>를 시작합니다!

   

   

태그 사용 규칙

  • <태그명></태그명>과 같이 여는 태그와 닫는 태그가 쌍으로 사용됩니다.
    • 닫을 때는 태그명으로만 닫습니다.
  • 태그명과 속성명, 속성명과 속성명 사이는 한 칸씩 띄웁니다. 그 외 공백을 두어서는 안 됩니다.
    • 속성명과 값은 = 부호를 사용하여 표시합니다.
    • 값이 두 단어 이상일 경우는 ""로 묶어서 표시합니다.
  • 속성이 있는 태그가 있고 없는 태그가 있습니다.
    • 속성을 반드시 하나 이상 사용해야 하는 태그도 있고 생략해도 되는 태그도 있습니다.
    • 여는 태그만 독립적으로 존재하는 태그도 있습니다.
  • 태그를 중첩해서 사용할 경우 먼저 열어준 태그를 나중에 닫아줍니다.

   

태그 사용 예

<font size=5 color=blue>환영합니다!</font><p>

<b>하늘은 <u>높고</u> 바람은 산들산들 ^^ </b><br>

<p align=center>알찬 내용들로 조금씩 채워가겠습니다. ^^</p>

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 기본 구성요소  (0) 2014.10.25
시멘틱 태그- 01.html  (0) 2014.10.17
태그  (0) 2014.10.11
CSS Color Names  (0) 2014.10.09
CSS 용어  (0) 2014.10.03
HTML 기본 구조  (0) 2014.10.01
Posted by codedragon codedragon

댓글을 달아 주세요

안드로이드 프로그램 구조

   

   

뷰(View)

뷰(View)는 사용자와 직접 상호작용을 하는 UI를 의미합니다.

   

 

액티비티 (Activity)

  • 하나의 화면을 컨트롤하는 객체로 (어플리케이션의 하나의 화면, 폰 화면)
  • 보통 액티비티와 UI화면은 일대일 대응 관계를 갖고 시스템 혹은 사용자로부터 시작된 이벤트에 반응(처리)합니다.
  • 레이아웃을 포함하며 UI오브젝트를 추가하여 사용할 레이아웃을 정의(화면을 구성)하게 됩니다.

   

   

위젯(Widget)

TexTView, Button, EditText등 사용자의 입력을 받거나 화면에 데이터를 표시해 주는 Object

   

   

레이아웃(Layout)

액티비티들을 어떠한 방식으로 화면에 배치해 줄지를 결정해 주는 하나의 컨테이너 역할

UI오브젝트를 담고 있는 그릇역할.

   

 

인텐트 (Intent)

액티비티간의 통신 수단이며 메시지에 대한 상세한 정보를 가집니다. 예를 들어 주소록 목록 액티비티에서 편집 액티비티를 호출할 때 누구의 주소를 어떤 식으로 편집하라는 지시가 인텐트에 실려 전달됩니다.

   

 

서비스 (Service)

서비스는 주로 백그라운드에서 돌아가는 실행코드로, 일단 실행되면 휴대폰이 꺼질 때까지 돌아갑니다. 서비스는 일반적으로 사용자 인터페이스가 없습니다.

예) MP3 플레이어, 저장기능

 

   

브로드캐스트 리시버(BroadcastReceiver)

만약 애플리케이션이 전화가 오거나 문자메시지 수신과 같은 이벤트 반응시 적절하게 반응하기를 원한다면 반드시 브로드캐스트 리시버로서 등록되어 있어야만 합니다. 신호만 대기할 뿐 UI를 따로 가지지는 않으므로 신호가 오면 적절한 액티비티를 띄워 내용을 전달합니다.

   

 

컨텐트 프로바이더 (Content Provider)

다른 응용 프로그램을 위해 자신의 데이터를 제공합니다. 안드로이드는 보안이 엄격하여 다른 응용프로그램의 데이터를 함부로 액세스 하지 못하도록 되어 있습니다. 응용프로그램 간에 데이터를 공유할 수 있는 합법적인 유일한 장치가 바로 콘텐트 프로바이더입니다.

   

   

사용 가능한 구성 요소 

(1) 데이터 보관

(2) 네트워크

(3) 멀티미디어

(4) GPS

(5) 전화서비스

   

Posted by codedragon codedragon

댓글을 달아 주세요

MainActivity.java Activity 추가하기

   

MainActivity.java 오픈 > 하단의 Application탭 클릭

   

Add

   

추가할 Activity선택 > OK

   

추가 완료!

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

\res\anim 폴더 생성

   

Android XML File (Layout XML)추가 방법

anim폴더 선택 > 마우스우클릭 > New > Android XML File 선택 >

   

   

activity_main.xml에서 xmlns:android="http://schemas.android.com/apk/res/android" 부분을 카피해서 push_left_in.트에 붙여 넣습니다.

   

<set xmlns:android="http://schemas.android.com/apk/res/android">

Posted by codedragon codedragon

댓글을 달아 주세요

3행 3열/4열의 수평 그리드 레이아웃

   

   

강의 내용

activity_main.xml

LinearLayout(Vertical) 변경

Graphical Layout > Form Widgets-TextView 추가

Graphical Layout > Layouts-GridLayout 추가

-android:columnCount="3"

-android:rowCount="3"

-Graphical Layout > Form Widgets-Button추가 X7

   

Graphical Layout > Form Widgets-TextView 추가

Graphical Layout > Layouts-GridLayout 추가

-android:columnCount="4"

-Graphical Layout > Form Widgets-Button추가 X7

  

AndroidManifest.xml

<uses-sdk android:minSdkVersion="14"

   

   

AndroidManifest.xml 수정

GridLayout은 API 14(안드로이드 4.0)부터 사용 가능하기 때문에 AndroidManifest.xml의 min SDK버전을 14이상으로 설정해줘야 사용가능합니다.

이하 버전일 경우 인스톨이 되지 않고 에러가 납니다. 인스톨이 되었어도 기능사용시 에러남

   

   

   

 

   

출력 결과

   

Posted by codedragon codedragon

댓글을 달아 주세요

   

GridLayout 

GridLayout

격자 모양의 표을 만들 수 있는 레이아웃.

GridLayout은 API 14(안드로이드 4.0)부터 사용 가능하기 때문에 AndroidManifest.xml의 minSdkVersion을 14이상으로 설정해줘야 사용 가능합니다.

이하 버전일 경우 인스톨이 되지 않고 에러가 납니다. 인스톨이 되었어도 기능사용시 에러가 날 수 있습니다.

   

AndroidManifest.xml

<uses-sdk

android:minSdkVersion="14"

android:targetSdkVersion="19" />

   

   

GridLayout 태그에 지정하는 속성

속성

설명

orientation

배치의 방향을 지정.

가로(vertical) 우선, 세로(horizontal) 우선으로 지정할 수 있으며 디폴트는 horizontal

columnCount

최대 열 개수를 지정.

한 행이 이 개수를 초과하면 아래 행으로 자동 개행.

rowCount

최대 행 개수를 지정.

한 열이 이 개수를 초과하면 오른쪽 열로 자동 개행.

alignmentMode

차일드 정렬의 기준을 지정.

alignBounds이면 차일드의 외곽을 기준으로 하며

alignMargins이면 마진을 기준으로 합니다.

디폴트 alignMargins.

columnOrderPreserved

열의 경계를 인덱스의 오름차순으로 배치

rowOrderPreserved

행의 경계를 인덱스의 오름차순으로 배치

useDefaultMargins

차일드 뷰의 레이아웃에 별다른 지정이 없으면 차일드의 속성을 참조하여 계산한 디폴트 마진을 사용합니다.

이 값이 false이면 마진은 0으로 처리되어 차일드끼리 밀착합니다.

   

   

GridLayout 하위 태그에 지정하는 속성

속성

설명

layout_column

차일드가 배치될 셀의 열 좌표를 지정.

디폴트 UNDEFIED 차일드 순서에 따라 자동 계산

layout_row

차일드가 배치될 셀의 행 좌표를 지정.

디폴트 UNDEFIED 차일드 순서에 따라 자동 계산

layout_columnSpan

차일드가 차지할 열 수를 지정.

디폴트는 1

layout_rowSpan

차일드가 차지할 행 수를 지정.

디폴트는 1

layout_gravity

열 내에서의 차일드 정렬 방식을 지정.

디폴트 LEFT|BASELINE

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

같은 영역에 중첩된 뷰를 이벤트를 통해 이미지뷰가 보였다/사라지게 출력하기

   

   

강의 내용

activity_main.xml

FrameLayout

Graphical Layout > Form Widgets-Button추가

Graphical Layout > image&Media-ImageView 추가

  

MainActivity.java

//이벤트 연결

\res\drawable\southkorea.png

이미지 파일 추가

   

   

 

   

출력 결과

   

 

Posted by codedragon codedragon

댓글을 달아 주세요

2014. 6. 19. 00:36

FrameLayout Development/Android

FrameLayout

 

FrameLayout

여러 자식 뷰들을 겹쳐서 그리고자 할 때 사용하는 레이아웃입니다.

이 레이아웃은 여러 이미지들을 같은 영역에 표시하고자 할 때 사용할 수 있습니다.

 

   

FrameLayout의 주요 레이아웃 특성들

특성이름

적용대상

설명

android:layout_gravity

부모 뷰

다음 상수들 중 하나 또는 여러 개를 '|' 결합한 것 : top, bottom, left, right, center_vertical, fill_vertical, center_horizontal, fill_horizontal, center, fill

부모 안에서 자식 뷰의 중력(정렬 방식)

 

Posted by codedragon codedragon

댓글을 달아 주세요

부모 뷰를 기준으로 해서 위치 지정 (Layout을 기준으로 배치)

   

   

강의 내용

14RelativeLayoutDemo (자식 뷰 기준 위치지정 연습)

하단 우측 매치 버튼을 추가 후 부모 뷰 기준으로 정렬

   

   

 

   

출력 결과

   

Posted by codedragon codedragon

댓글을 달아 주세요

상대적인 관계에 따라 위치 지정하기

   

   

강의 내용

<TextView 추가

Graphic Layout에서 Button 추가 > 직접 코딩 정렬

OK Button 추가 (미정령 상태로 layout확인) > 정렬 후 확인

   

   

 

   

   

출력 결과

   

   

   

v

Posted by codedragon codedragon

댓글을 달아 주세요