전화걸기와 인터넷 접속기능 실습 선수과정


이번 시간에는 안드로이드 프로그래밍으로 전화걸기 기능과 인터넷 접속기능을 실습할 것입니다.
이전 강좌와 이어지는 내용으로 학습을 원할하게 하기 위해서는 아래 이전 포스팅을 참고하여 학습바랍니다.



전화걸기와 인터넷 접속 기능 버튼 소스 추가하기


그러면 이제 두개의 버튼을 생성해서 전화걸기와 인터넷 구글 접속하기 기능을 구현해 보도록 하겠습니다.
먼저 아래 activity_main.xml 소스 안에 1번 내용을 복사해서 두 개의 버튼을 만드는 소스 코드를 아래와 같이 작성합니다.

[ activity_main.xml 소스코드 ]



xml 화일이 수정이 아래와 같이 모두 끝나면 Graphical Layout 탭을 클릭해서 xml 소스에서 작성된 실제 화면의 layout을 확인합니다. activity_main.xml 소스 상에서 추가적으로 두 개의 버튼을 만들어서 현재 레이아웃상에서는 버튼이 겹쳐보입니다.




버튼 위치를 조정하기 위해서 아래 화면과 같이 해당 버튼을 마우스로 드래그 해서 원하는 위치로 이동합니다.



전화걸기와 인터넷 접속기능 버튼에 이벤트 연결하기


이제 전화과 구글 접속 버튼에 이벤트를 연결시킬 차례입니다. 이벤트를 연결할 때는 MainActivity.java을 수정해야합니다.
아래 순서대로 소스코드를 작성합니다.
첫째, Button 클래스를 생성하고 activity_main.xml에서 정의 했던 두번째 전화 버튼의 식별자인 startBtn02를 findViewById() 메소드의 인자로 입력합니다. 




버튼을 클릭할때 발생하는 이벤트를 Listening하는 setOnClickListener() 메소드를 사용하고 Intent 클래스를 활용해서 버튼 클릭시의 실행할 이벤트를 정의합니다.

둘째, 안드로이드에서 사용하는 Intent 클래스의 의미는 '나는 이런 의도로 무언가를 실행 하려고 합니다' 라고 생각하면 됩니다.
Intent 클래스를 생성하고 Uri.parse 부문에 tel:을 입력하면 전화를 걸 수 있습니다.

Intent 클래스 생성이 완료되면 startActivity() 메소드를 사용해서 해당 클래스를 Active 합니다.

세째, 버튼을 클릭할 때 구글을 접속하게 하는 부분도 동일한 방법으로 작성합니다.
소스가 아래와 같이 완성되었으면 에뮬레이터를 기동시킨뒤 어플리케이션을 실행합니다.(Ctrl + F11)



어플리케이션을 실행하면 아래 그림과 같이 전화 버튼과 구글 접속 버튼이 생성되었음을 확인할 수 있습니다.



전화 버튼 및 구글 접속 버튼을 실행하여 해당 동작이 시행될때 휴대폰에 있는 홈키가 없으면 불편할 수 있습니다.
따라서, 에뮬레이터 설정화면에 들어가서 화면 조작에 필요한 가상키 화면을 추가해서 에뮬레이터를 가동해보록 하겠습니다.
이클립스 메뉴 화면에서 Android Virtual Device Manager(안드로이드 로고 모양 아이콘)를 클릭합니다.



사용하려는 AVD Name을 선택하고 Edit 버튼을 클릭합니다.
Edit Andorid Virtual Device(AVD) 대화상자의 Skin 항목부분의 Display a skin with hardware controls 부문의 체크박스를 체크한 뒤 OK 버튼을 클릭합니다.  Android Virtual Device Manager 대화상자에서 AVD를 선택한 후 Start 버튼을 클릭하여 에뮬레이터를 재기동 합니다.



안드로이드폰 화면 오른쪽에 기본적인 가상 홈/메뉴 버튼이 생성되어 가동되어짐이 보입니다.



전화걸기 실습하기


전화 버튼을 클릭해보겠습니다.



전화 버튼을 클릭하자 아래 화면과 같이 사전에 입력된 전화번호로 전화를 걸 수 있도록 전화번호가 입력되는 것을 확인할 수 있습니다. 전화기 모양의 통화 아이콘을 클릭합니다.



통화 아이콘을 클릭하자 실제 스마트폰 처럼 통화를 시도하는 화면으로 변경됨을 볼수 있습니다.
물론 개통이 않되었으므로 실제 전화가 연결되지는 않습니다. 
이번에는 구글에 접속해 보도록 합시다. 우측 가상 스킨의 되돌아가기 이미지 버튼을 클릭해서 이전화면으로 이동합니다.




인터넷 접속기능 실습하기


구글 접속 버튼을 클릭합니다.



구글 접속 버튼을 클릭하자 구글 모바일 웹화면으로 화면이 나타나는 것을 확인할 수 있습니다.



'IT & Programming > 안드로이드 프로그래밍' 카테고리의 다른 글

안드로이드 프로그래밍-첫번째 프로젝트 HelloAndroid 만들기  (0) 2016.02.18
이클립스 소스코드 자동 정렬 및 프린트 안내선 설정하기  (0) 2016.02.18
안드로이드 프로그래밍-버튼 이벤트 실습하기  (0) 2016.02.17
안드로이드 프로그래밍으로 앱개발 시작하기  (0) 2016.02.16
가독성 좋은 폰트로 개발을 편리하게  (0) 2016.02.16

안드로이드 프로그래밍 - 버튼 이벤트 실습 선수과정


이번 시간에는 스마트폰 화면에 버튼을 만들고 버튼을 클릭할 때 이벤트를 발생하는 것을 실습하겠습니다.
이전 강좌와 이어지는 내용이므로 실습을 제대로 진행하기 위해서 이전 포스팅 내용을 확인하고 진행바랍니다.


스마트폰에 출력하는 텍스트 문구 변경해보기


지난시간에 아래 화면과 같이 가상의 안드로이드 스마트폰에 Hello World 라는 문구를 출력하는 것을 학습하였습니다.
버튼을 생성하기에 앞서서 이전에 실습했던 어플리케이션(Application)에서 입력하지도 않은 Hello world!라는 문구가 어디에서 설정되어 있는지 소스를 찾아서 확인해보겠습니다.



이클립스에서 MainActivity.java 소스를 열어보겠습니다. 
아래 소스를 살펴보면 Java의 표준 문법에서 보이는 Java의 시작을 알리는 main() 함수가 존재하지 않습니다.
그렇다면 어디서 Hello world!라는 문구를 표시하게 하는 것일까요?

아래 setContentView(R.layout.activity_main); 함수 부분을 보겠습니다. setContentView() 함수에 인자로 쓰인 R.layout.activity_main 부분에 열쇠가 있습니다.



왼쪽 네비게인션 화면의 HelloJava 프로젝트의 res폴더를 펼쳐 보도록합니다. res > layout 폴더를 열면 activity_main.xml 이라는 화일이 있습니다. activity_main.xml 화일을 클릭해 보도록 하겠습니다.  클릭하면 오른쪽 화면에 디자인 설계를 하는 Graphical Layout 화면이 나타납니다. Graphical Layout 탭옆의 activity_mail.xml 탭을 클릭합니다.


activity_main.xml 탭을 클릭하면 아래 화면과 같이 activity_main.xml에 대한 소스 화면이 보입니다. xml소스안에도 Hello world라는 문구는 보이지 않습니다.

그렇다면 실제 텍스트 문구를 나태내는 String 문자에 대한 정의를 해두는 곳이 있을 것입니다.
<TextView /> 태그안을 살펴보면 @string/hello_world 부분이 있습니다. 이곳이 String 문자를 별도 정의한 부분입니다.



res/values 폴더를 클릭합니다. 이곳에 strings.xml과 styles.xml 화일이 존재합니다.



strings.xml 화일을 클릭하면 오른쪽에 다음과 같은 화면이 나타납니다.



오른쪽 화면에서 hello_world (String) 항목을 클릭하면 Value값에 Hellow world! 라는 문구를 찾을 수 있습니다
하단의 Resources 탭옆에 strings.xml 탭을 클릭합니다.



조금전 Resource 탭에서는 UI 형태로 값을 입력할 수 있지만 strings.xml 탭을 클릭하면 xml 소스코드를 그대로 볼 수 있습니다.
소스안의 hello_world라는 string 태그안에 Hello world!라는 String 문자를 발견할 수 있습니다.

문자가 출력되는 소스의 연결고리를 정리해보면 /res/values/strings.xml 소스의 hello_world는 /res/layout/activity_main.xml 안의 @string/hello_world와 연결되어 참조되고 activity_main.xml 는 /src/MainActivity.java 안의 setContentView(); 함수에 R.layout.activity_main 라는 파라미터로 전달되어짐을 알수 있습니다.




그러면 string 문자를 다음과 화면과 같이 안녕 Java라고 변경하고 어플리케이션을 재실행시킵니다. 재실행 단축키는 Ctrl + F11 입니다.



안드로이드 어플리케이션을 재실행 시키면 에뮬레이터인 가상의 스마트폰에서 실행결과가 나타납니다. 아래 화면과 같이 출력 문구가 변경되는 것을 확인할 수 있습니다.




스마트폰에 버튼만들기


버튼을 만들기 위해서 이번에는 activity_main.xml 화일안의 <TextView> 태크를 <Button>이라는 이름의 태그로 변경합니다.
변경된 소스를 저장한 뒤 어플리케이션을 재실행(Ctrl + F11) 합니다


어플리케이션이 재실행되고 나니 텍스트였던 부분이 버튼으로 변경된 것을 확인할 수 있습니다.



버튼 클릭 이벤트 발생시키기


이번에는 버튼을 클릭했을때 버튼 클릭 이벤트를 발생시키도록 하겠습니다.
버튼 클릭 이벤트를 발생시키기 위해서는 두 가지 작업을 진행하면 됩니다.

첫번째는 xml 화일인 activity_main.xml에 정의된 버튼의 ID를 추가합니다.
이벤트 발생을 시키려면 <Button> 태그안의 속성에 ID 속성을 추가해야합니다.
ID속성은 @+id 을 표기하여 지정합니다. 
 
형식 : @+id/정의하려는 이름
사용예) @+id/startBtn



두번째는 Java 화일인 MainActivity.java에 정의된 버튼의 이벤트 처리 코드를 추가합니다.

onCreate() 메소드 안에 Button 클래스를 생성하고findViewById() 함수로 xml에 정의되 startBtn ID 값을 매핑시킵니다.


Button 클래스의 setOnClickListener() 메소드를 활용해서 클릭이벤트를 Listening 합니다.



클릭시에 필요한 onClick() 메소드를 활용합니다.


메시지를 보여주기 위해서 Toast 클래스를 사용합니다.

            
완성된 소스 코드는 다음과 같습니다.



어플이케이션을 실행해서 버튼을 클릭하면 버튼 클릭이벤트가 아래 화면과 같이 제대로 동작하는 것을 확인할 수 있습니다.



유용한 이클립스 단축키 Tip)
Ctrl + Shift + O : 이클립스가 필요한 자바 Class를 자동으로 import 해줍니다.


'IT & Programming > 안드로이드 프로그래밍' 카테고리의 다른 글

이클립스 소스코드 자동 정렬 및 프린트 안내선 설정하기  (0) 2016.02.18
안드로이드 프로그래밍-전화걸기 및 인터넷 접속기능 구현  (0) 2016.02.17
안드로이드 프로그래밍으로 앱개발 시작하기  (0) 2016.02.16
가독성 좋은 폰트로 개발을 편리하게  (0) 2016.02.16
안드로이드 에뮬레이터 사용하기  (2) 2016.02.15

앱개발의 시작, 간단한 안드로이드 앱프로그램 만들기


이번 시간에는 간단한 안드로이드 앱을 만들고 구동하는 것을 실습해보겠습니다.
간단한 스마트폰앱이라고 하는 것은 안드로이드 스마트폰에 특정 문구를 보여주는 것입니다.

원활한 학습을 위해서 안드로이드 개발환경 구성 및 선행 학습은 아래 포스팅을 참고해서 진행바랍니다.



새로운 안드로이드 프로젝트를 만들기 위해서 이클립스를 실행한 뒤에 File > New > Other 메뉴를 클릭합니다.



Select a wizard


New 대화 상자에서 아래 화면과 같이 Android Application Project 항목을 선택한 후 Next 버튼을 클릭합니다.



New Android Application


New Android Appliaction 대화상자에서 Application Name 항목에 HelloJava 라고 입력한뒤 Next 버튼을 클릭합니다. 
Application Name에 HelloJava 라고 입력하면 Project Name 항목과 Package Name 항목의 이름은 자동으로 생성됩니다.



아래 화면과 같이 선택사항을 디퐅트로 두고 Next 버튼을 클릭합니다.



Configure Launcher Icon


Configure Launcher Icon 화면은 앱의 아이콘을 설정하는 화면입니다.
Image 버튼을 클릭하여 원하는 이미지를 가져올 수 있습니다. Clipart 버튼은 클립아트를 가져올 수 있으며 Text 버튼은 텍스트를 입력하여 앱 아이콘으로 사용할 수 있습니다. 기본으로 설정상태를 그대로 두고 Next 버튼을 클릭합니다.



Create Activity


Create Activity 는 앱의 첫 화면을 지정하는 화면으로 각 항목마다 다른 화면 구성을 보여 줍니다.
여기서는 BlacnkActivity를 선택한 뒤 Next 버튼을 클릭합니다.



만약 FullscreenActivity를 선택한다면 화면 구성은 아래와 같을 것입니다.



New Blank Activity


첫 화면을 구체적으로 구성하기 위한 화면으로 디폴트 상태에서 Finish 버튼을 클릭합니다.



Finish 버튼을 클릭하면 이클립스 화면에 해당 프로젝트가 Loading 되면서 왼쪽 화면에 Package Exploer 항목에 HelloJava 프로젝트가 생성되었음이 보여집니다.



왼쪽 화면의 src 폴더를 클릭하여 트리를 펼쳐서 ManActivity.java를 클릭합니다. 왼쪽 네이게이션 화면에서 클릭을 하면 오른쪽 소스 정보 화면에 해당 소스가 펼쳐집니다. 오른쪽 소스는 조금 전 대화상자 Wizard를 통해서 생성한 MainAcitity.java의 소스입니다. 안드로이드 소스는 자바로 구현되어 있습니다. 자바 프로그램 소스를 이해하기 위해서 자바 기본 문법에 대해서 기초가 없다면 자바에 대한 별도의 공부가 필요합니다.



안드로이드 에뮬레이터 실행하기


안드로이드 에뮬레이터를 실행하기 위해서 툴바의 여섯번째 Android Virtual Device Manager 안드로이드 이미지 버튼을 클릭합니다.



AVD Name에서 Android41 항목을 클릭하고 Start 버튼을 클릭합니다.



Launch Options 대화 상자에는 Scale 항목이 0.51이 되도록 Sceen Size 는 4.0, Monitor dpi는 120수치를 입력한 뒤 Launch 버튼을 클릭합니다



안드로이드 에뮬레이터가 구동되고 있습니다.

 



에뮬레이터가 구동되었습니다.



안드로이드 어플리케이션 실행하기


이제 프로젝트의 Application을 실행해 보도록 합니다.
왼쪽 화면 HelloJava 프로젝트에 오른쪽 마우스 버튼을 클릭하여 Run As > 1 Android Application 항목을 클릭합니다

어플리케이션을 실행하는 방법이 번거로우므로 단축키를 활용하는 방법이 좋습니다. 단축키는 Ctrl + F11 입니다.



Android Device를 선택하는 화면으로 하단의 OK 버튼을 클릭합니다



다음은 로그정보를 보기위해서 Logcat을 사용하겠느나는 대화상자가 나타납니다. 이클립스상에서 로그는 모니터링 해야되기때문에 Yes 항목의 라디오 버튼을 선택한 뒤 OK 버튼을 클릭합니다.




Android41s 라는 작은 사이즈의 에뮬레이터를 만든후 에뮬레이터를 구동합니다. 에뮬레이터 구동뒤 HelloJava 프로젝트를 실행시키면(Ctrl + F11 사용) 안드로이드 어플리케이션이 실행되고 Hello World 라는 텍스트 문구가 나타납니다.

   


'IT & Programming > 안드로이드 프로그래밍' 카테고리의 다른 글

안드로이드 프로그래밍-전화걸기 및 인터넷 접속기능 구현  (0) 2016.02.17
안드로이드 프로그래밍-버튼 이벤트 실습하기  (0) 2016.02.17
가독성 좋은 폰트로 개발을 편리하게  (0) 2016.02.16
안드로이드 에뮬레이터 사용하기  (2) 2016.02.15
안드로이드 개발 환경 구성 및 설치하기  (9) 2016.02.15

프로그램 소스코드와 가독성


시스템 개발업무를 하다보면 많은 시간을 컴퓨터 모니터 앞에서 프로그램 소스코드와 씨름해야 합니다.
프로그램 소스코드와 장시간 씨름을 해야하다보니 가능하면 가독성이 뛰어난 폰트를 사용하는 것이 일을 하는데 능률적인 것이 사실입니다.



자바 프로그래밍을 할 때에는 개발도구로 이클립스를 많이 사용합니다. 개발 환경을 구성하면서 이클립스를 설치하면 디폴트 폰트는 아래 화면에 보이는 Consolas 폰트입니다.

Consolas 폰트도 괜찮겠지만 이 폰트보다 조금 더 가독성이 뛰어난 폰트가 있다면 효율적인 개발을 위해서 적용해 보는 것이 좋을 것입니다.

[ 이클립스 개발환경에서 Consolas 폰트 예 ]




윈도우에 데자뷰(DejaVu) 폰트 설치하기


데자뷰(DejaVu) 폰트는 전세계 개발자들이 애용하는 무료 폰트입니다. 이클립스 자바 개발환경에서 가독성 높은 폰트를 설치하기 위해서 데자뷰 폰트 다운로드 사이트에 접속합니다.



데자뷰 폰트 사이트에 접속하면 아래 화면과 같이 데자뷰 폰트를 다운로드 할 수 있는 화면이 나타납니다. 오른쪽에 Download 버튼을 클릭해서 폰트 소스를 다운로드 합니다.






로컬컴퓨터에 다운로드된 DejaVu 폰트의 압축을 풀면 다음과 같은 많은 폰트들이 들어있는 것을 확인할 수 있습니다. 다운로드한 압축파일을 해제합니다.




데자뷰 폰트 폴더에서 dejavu-fonts-ttf-2.34\ttf 폴더 안의 ttf 폰트를  C:\Windows\Fonts 로 복사합니다.



아래 화면과 같이 데자뷰 폰트를 모두 선택해서 왼쪽에서 오른쪽 화면으로 드래그해도 됩니다.



복사가 완료되면 글꼴 화면에 정상적으로 폰트들이 복사된 것을 확인할 수 있습니다.



여기서 주의할 점이 있습니다. 해당 폰트를 아래 화면과 같이 표시 버튼을 눌러서 숨기기 해제를 해야합니다.




이클립스에서 가독성 좋은 폰트로 변경하기


이클립스 메뉴에서 Window > Preference를 클릭합니다.



Preferences 화면의 왼쪽 트리 메뉴에서 General > Appearance > Colors and Fonts를 선택합니다.



Colors and Fonts 항목에서 마우스로 화면 스크롤을 아래로 내립니다.



Basic 폴더에서 맨 아래에 Text Font 항목이 나타납니다. Text Font를 더블 클릭합니다.




Text Font를 클릭하면 폰트를 설정하는 팝업이 나타납니다. 현재는 글꼴이 Consloas로 되어있습니다.



글꼴 항목에서 Consolas 폰트 대신에 가독성이 좋은 DejaVu Sans Mono 폰트를 선택합니다.
여기서 폰트 크기를 설정할 때 주의해야할 점이 있습니다. 폰트 크기를 10으로 설정하면 한글이 깨지는 경우가 발생하므로 폰트 크기를 9나 11로 설정합니다. 선택을 완료한 뒤에 확인 버튼을 클릭합니다.



가독성이 좋은 DejaVu Sans Mono 폰트로 변경되어 다음과 같이 이클립스 소스화면에 적용되었습니다.
물론 가독성이 높은 글꼴을 선택하는데 있어서는 개인차가 있겠지만 아래 화면과 같이 DejaVu Sans Mono 폰트가 Consolas 폰트보다 가독성이 좋은 것을 눈으로 확인할 수 있습니다.


'IT & Programming > 안드로이드 프로그래밍' 카테고리의 다른 글

안드로이드 프로그래밍-전화걸기 및 인터넷 접속기능 구현  (0) 2016.02.17
안드로이드 프로그래밍-버튼 이벤트 실습하기  (0) 2016.02.17
안드로이드 프로그래밍으로 앱개발 시작하기  (0) 2016.02.16
안드로이드 에뮬레이터 사용하기  (2) 2016.02.15
안드로이드 개발 환경 구성 및 설치하기  (9) 2016.02.15

안드로이드 에뮬레이터


이클립스를 통해서 안드로이드앱을 개발할 때 필수적으로 필요한 것은 에뮬레이터입니다. 안드로이드 에뮬러이터는 실제 안드로이드 스마트폰이 아니라 컴퓨터안에서 구동되는 가상의 스마트폰이라 생각하면 됩니다.

에뮬레이터에 대해서 위키피디아는 다음과 같이 정의합니다.


에뮬레이터(Emulator)는 한 시스템에서 다른 시스템을 복제한다. 그리하여 두 번째 시스템이 첫 번째 시스템을 따라 행동하는 것이다. 외부의 행동에 대해 똑같이 따라하려고 하는 이 관점은 시뮬레이션과는 정 반대이다. 왜냐하면, 시뮬레이션은 자주 내부 상태와 관련하여, 흉내내는 시스템의 추상적인 모델과 관계가 있기 때문이다.


이클립스에서 안드로이드 에뮬레이터 사용하기


안드로이드 에뮬레이터는 이클립스에서 사용할 수 있습니다. 안드로이드 SDK를 설치하였다면 이클립스 메뉴에 아래와 화면과 같이 Anroid Virtual Device Manager 라는 아이콘이 보입니다. 해당 안드로이드 아이콘을 클릭합니다.

아직 안드로이드 SDK를 설치하지 않았다면 아래의 포스팅을 참고하여 설치후 다음 단계를 진행하면 됩니다.





안드로이드 아이콘을 클릭하면 Android Virtual Device Manager 팝업화면이 열립니다. 오른쪽에 New 버튼을 클릭합니다.



New 버튼을 클릭하면 아래와 같이 AVD(Android Virtual Device)를 생성하는 팝업이 나타납니다.

Name 항목에 'Android41' 이라고 입력합니다. Device 항목에는 4인치인 'Nexus S'를 선택합니다. Target 항목은 'Android 4.1.2 - API Level 16'을 입력합니다.

가상의 SD Card를 만들기 위해서 SD Card 항목에는 Size에 100을 입력합니다. 그러면 100M 용량의 SD카드가 생성됩니다
입력을 완료한뒤 OK 버튼을 클릭합니다.


Android Virtual Device Manager 대화상자에 AVD Name에 'Android41'이 생성된 것이 보입니다.
Android41을 선택한 후 오른쪽 Start버튼을 클릭합니다.



Launch Options 대화상자에서 Launch 버튼을 클릭하여 에뮬레이터를 실행합니다.



Launch 버튼을 클릭하면 아래 화면과 같은 에뮬레이터 실행화면이 구동됩니다.



에뮬레이터가 구동되는 시간은 PC 사양에 따라서 다소 시간이 걸릴 수 있습니다. 구동이 완료되면 하단 중앙에 OK 버튼이 나타납니다. OK버튼을 클릭합니다.



OK 버튼을 클릭하면 실제 스마트폰 홈화면과 동일한 화면이 나타납니다.



에뮬레이터를 종료하고 다시 실행하면 자물쇠 모양의 잠금 버튼 이미지가 생성되고 해당 자물쇠 이미지를 오른쪽으로 밀면 잠금 장치가 해제 됩니다.


'IT & Programming > 안드로이드 프로그래밍' 카테고리의 다른 글

안드로이드 프로그래밍-전화걸기 및 인터넷 접속기능 구현  (0) 2016.02.17
안드로이드 프로그래밍-버튼 이벤트 실습하기  (0) 2016.02.17
안드로이드 프로그래밍으로 앱개발 시작하기  (0) 2016.02.16
가독성 좋은 폰트로 개발을 편리하게  (0) 2016.02.16
안드로이드 개발 환경 구성 및 설치하기  (9) 2016.02.15

안드로이드(Android) 개발 환경 설치 과정


안드로이드앱 프로그래밍을 하기 위해서는 안드로이드 개발 환경을 구성해야합니다. 안드로이드 개발 환경의 구성을 위한 설치 과정은 아래와 같이 네 가지로 구성됩니다.

첫째, JDK 다운로드 및 설치하기
둘째, 자바 개발도구 이클립스 다운로드 및 설치하기
세째, 안드로이드 개발도구 ADT 설치하기
네째, 안드로이드 SDK 설치 및 이클립스 연동하기





JDK 다운로드 및 설치하기


JDK 다운로드를 다운로드하기 위해서 오라클 자바 다운로드 사이트에 들어갑니다.


아래와 같이 자바 플랫폼 스탠다드 에디션인 SE 버전을 다운로드합니다.






자신의 운영체제에 맞게 다운로드 하면 됩니다. 윈도우10, 윈도우8, 윈도우7을 사용한다면 화면상의 Windows x64 부분의 'jdk-8u73-windows-x64.exe' 항목을 클릭하여 JDK 설치파일을 다운로드 한뒤 설치를 진행합니다.



이클립스 다운로드 및 설치하기


이클립스는 이클립스 홈페이지에 들어가서 윈도우 버전의 64bit를 다운로드합니다.
이클립스는 별도의 Install과정이 필요하지 않으며 이클립스 패키지 압축화일을 로컬 PC에 다운로드 한뒤 압축을 해제하면 설치가 완료됩니다.





다운로드 모양의 버튼을 클릭해서 이클립스 압축화일을 다운로드 받습니다.




특정폴더에 eclipse-SDK-4.2.1-win32-x86_64.zip 화일을 다운로드 한뒤에 zip 화일의 압축을 풉니다.



압축을 풀고 나면 eclipse라는 폴더가 생성되고 자신의 로컬 디렉토리 경로에 eclipse 폴더를 복사합니다.



안드로이드 개발도구 ADT의 설치하기


안드로이드 개발도구인 ADT를 설치하기 위해서는 이클립스를 구동시켜야 합니다. ADT는 이클립스에서 플러그인 형태로 설치할 수 있기 때문입니다. 이클립스가 설치된 폴더에서 eclipse.exe 를 클릭하여 이클립스를 실행합니다.



이클립스 메뉴의 Help > Install New Software를 클릭합니다.



Add 버튼을 클릭하면 뜨는 팝업화면의 Name 부문에 ADT라고 입력을 하고 Location 항목에 https://dl-ssl.google.com/android/eclipse/를 입력합니다.



Select All 버튼을 클릭한 후 Next 버튼을 클릭합니다.




안드로이드 SDK 다운로드하기


안드로이드 개발을 위한 소스들이 들어있는 개발킷을 안드로이드 SDK라고 합니다. 안드로이드 SDK를 설치하기 위해서는 안드로이드 개발자 공식사이트로 접속합니다. 아래쪽에 Other Download Options 링크를 클릭합니다.





installer_r24.4.1-windows.exe 를 클릭해서 안드로이드 SDK 설치를 진행합니다.




사용정책에 동의를 한 뒤에 다운로드 버튼을 클릭해서 다운로드 진행합니다.





145MB 정도의 크기의 안드로이드 SDK 파일이 다운로드 됩니다.




안드로이드 SDK 설치하기


다운로드가 완료되면 설치화일을 실행합니다.




윈도우7 64bit의 경우 안드로이드 SDK 설치시 다음과 같은 오류가 발생할 수 있습니다.



해결 방법은 두 가지가 있으며 아래와 같이 진행합니다. 테스트해본 결과 두 가지 방법이면 정상적으로 해결되는 것을 확인하였습니다.

1. Back 버튼 클릭 후 다시 한번 Next 버튼을 클릭해봅니다.
2. C:\Windows\System32 안의 java.exe, javaw.exe 화일을 C:\Windows\SysWOW64 로 복사한후   다시 설치를 진행합니다.

문제가 해결되면 아래와 같이 설치화면이 나타날 것입니다. Next 버튼을 클릭합니다.



폴더 경로는 디폴트로 둔 상태에서 Next 버튼을 클릭합니다.



설치가 완료되었습니다. Next 버튼을 클릭합니다.



Start SDK Manager 항목에 체크한 상태에서 Finish 버튼을 클릭하면 SDK Manager를 실행시킬 수 있습니다. 체크한 상태에서 Finish 버튼을 클릭합니다.



안드로이드 SDK Manager 의 패키지를 선택해서 인스톨할 수 있는 화면이 나타납니다.



SDK Manager 화면의 Package를 선택하는 체크 화면에서 기본으로 체크되어 있는 Android 4.2 (API 17)외에  Tools와 Android 4.1.2(API 16), Android 2.2(API 8), Extras 부문의 체크박스를 체크한뒤에 Install 29 packages 부분을 클릭해서 Install을 진행합니다.



라이센스 동의 화면에서는 Accept All을 선택한뒤에 Install 버튼을 클릭합니다.



안드로이드 SDK 설치가 진행되고 있습니다.



안드로이드 SDK 설치가 완료가 되면 Close 버튼을 클릭한다




이클립스에서 안드로이드 ADT 연결하기


안드로이드 SDK설치가 끝나면 이클립스에 Plug-in 되어있는 안드로이드 ADT가 안드로이드 SDK를 인식할수 있도록 연결작업을 해주어야 합니다. 연결작업은 이클립스의 Preferences 메뉴를 통해서 진행합니다.

이클립스를 실행하여 Window > Preferences 를 선택합니다.



Preferences 화면의 왼쪽 트리에서 'Android'를 클릭하면 오른편에 SDK Location을 설정 할 수 있습니다. 오른편의 Browse 버튼을 클릭합니다.




설치된 Android SDK 폴더를 선택합니다. 확인 버튼을 클릭합니다. Apply버튼을 클릭한후 OK 버튼을 클릭합니다.



이클립스에 안드로이드 SDK가 정상적으로 로드되면 이클립스 우측 하단 화면에 Android SDK Content Loader라는 문구가 디스플레이됩니다.




'IT & Programming > 안드로이드 프로그래밍' 카테고리의 다른 글

안드로이드 프로그래밍-전화걸기 및 인터넷 접속기능 구현  (0) 2016.02.17
안드로이드 프로그래밍-버튼 이벤트 실습하기  (0) 2016.02.17
안드로이드 프로그래밍으로 앱개발 시작하기  (0) 2016.02.16
가독성 좋은 폰트로 개발을 편리하게  (0) 2016.02.16
안드로이드 에뮬레이터 사용하기  (2) 2016.02.15

이클립스(eclipse)에서 톰캣(tomcat) 연동하기


자바 웹어플리케이션 개발 환경을 구성하기 위해서는 이클립스에서 톰캣을 연결하고 설정해야합니다.
톰캣 서버를 설치하는 것은 아래 포스팅을 참조바랍니다.




톰캣 서버의 폴더 구조


톰캣을 설치하고 나면 톰캣 디렉토리가 생성됩니다. 톰캣 서버가 어떻게 구성되었는지는 아래 톰캣 폴더 구조를 확인하면 알 수 있습니다. 톰캣 서버 폴더의 구조를 이해하는 것만으로도 서버에 대한 이해도가 높아지는 좋은 공부가 됩니다.

 폴더

설명 

 bin

톰캣 실행과 과련된 배치 파일이나 스크립트 파일 

 conf

톰캣 서버의 환경 설정 파일 

 lib

톰캣 서버 자바 라이브러리 파일 

 logs

톰캣 서버의 실행 상태를 기록한 로그 파일 

 temp

 톰캣 서버가 실행 중에 사용하는 임시 폴더

 webapps

 웹 애플리케이션을 배치하는 폴더

 work

 JSP를 자바 서블릿 소스로 변환한 파일이 들어 있음



이클립스에 톰캣 서버 정보 등록하기


이클립스에서 만든 자바 웹애플리케이션을 테스트하려면 아래의 과정을 거쳐야합니다.
과거에는 이런 방식으로 개발을 진행, 하루에도 수십번 복사 및 서버 적용 작업 반복했습니다. 

톰캣의 홈 디렉토리인 webapps 폴더에 웹 애플리케이션 복사
웹 애플리케이션 복사 뒤 테스트를 위해서, 톰캣 서버의 shutdown 및 startup을 수행

프로그램을 작성 -> 애플리케이션 복사 -> 서버 shutdown -> 서버 start

이런 이런 불편점 해소를 위해서, 이클립스는 WTP(Web Tools Platform) 플러그인 제공합니다.


이클립스 WTP(Web Tools Platform) 플러그인


WTP 플러그인은 다음과 같은 기능을 가지고 있어서 개발 및 빌드 테스트 시간을 줄일수 있습니다.

톰캣 서버 시작 및 종료 기능
톰캣의 webapps에 웹 애플리케이션을 복사하지 않고 사용


이클립스에 톰캣 서버 정보 등록하기


이클립스 화면에서 Window > Preference 를 선택합니다.
Server > Runtime Environments 화면에서 오른쪽 Add 버튼을 클릭합니다.




서버 등록창에서 Apache Tomcat v7.0 노드를 선택한 뒤 Next 버튼을 클릭합니다.




Browse 버튼을 클릭해서 톰캣이 서버의 홈 디렉토리를 찾아서 선택합니다.
선택한 뒤에 Finish 버튼을 클릭해서 설정을 완료합니다.



설정을 완료하면 조금전 열었던 Server Runtime Environments의 화면에 톰캣 서버가 등록된 것을 확인할 수 있습니다.




이클립스 톰캣 실행환경 구성하기


조금전 톰캣 서버 정보를 이클립스에 설정하였습니다. 이제는 WTP에서 톰캣을 실행할 수 있도록 톰캣 설정 파일을 복사하고 임시 배치 폴더를 준비해야 합니다.

이 작업을 하기 위해서 이클립스에 Servers뷰가 있어야 합니다. Window > Show View > Servers 를 클릭합니다.




이제는 톰캣서버를 등록해야 합니다. 오른쪽 아래의 서버탭에서 No server are .. 부분을 클릭합니다.



모든 설정은 디폴트로 상태로 둔 뒤에 Next 버튼을 클릭합니다.



새로운 서버를 추가하고 삭제할 수 있는 화면이 나타납니다.
왼쪽은 웹 애플리케이션 프로젝트 목록을 보여주고 오른쪽은 톰캣 서버에 배치된 웹 애플리케이션 목록을 나타냅니다.

아직 웹 프로젝트를 만들지 않았으므로 양쪽 모두 공백 화면입니다. Finish 버튼을 클릭해서 등록을 완료합니다



이제 이클립스 화면에서 Server 프로젝트가 보입니다.



Project Explorer 뷰에서 보면, Servers 폴더를 클릭하면 Servers 프로젝트 아래에 톰캣 실행 환경 이름으로 폴더가 생성되어 있습니다.
이 폴더에는 톰캣 홈 디렉토리의 conf 폴더에서 복사해온 설정 파일들이 들어있는 것을 확인할 수 있습니다.  


'IT & Programming > 자바 웹개발 프로젝트' 카테고리의 다른 글

톰캣 Tomcat 설치하기  (4) 2016.02.13
자바 이클립스(eclipse) 설치하기  (2) 2016.02.12
자바 Java JDK 설치하고 환경변수 설정하기  (0) 2016.02.12

자바 서블릿 컨테이너 톰캣(Tomcat)


개발자가 웹에서 사용하기위해서 자바로 프로그래밍해서 만든 프로그램이나 프로그램의 집합은 자바 웹 애플리케이션입니다. 자바(Java)로 만든 웹 애플리케이션을 명명할 때 서블릿(Servlet)이라는 용어로 부릅니다.
 
서블릿을 구동하려면 서블릿 컨테이너가 필요합니다. 대표적인 서브릿 컨테이너로는 아파치 톰캣(Tomcat)이 있습니다.
톰캣은 오픈소스 프로젝트로 시작된 아파치 소프트웨어 재단에서 만든 프로젝트입니다.





자바(Java) 플랫폼의 경우 타플랫폼에(MS 계열, 애플 계열) 비해서 자발적인 오픈 소스그룹이 많아서 개발하는데 많은 이점이 있습니다.


톰캣 설치하기


톰캣을 설치하기 위해서 아래 톰캣 사이트에 접속합니다.



아파치 톰캣 사이트의 왼쪽 메뉴에서 Tomcat 7.0을 클릭하여 다운로드를 진행합니다. 

현재 상위 버전인 Tomcat 8.0 뿐만아니라 9.0 버전까지 나와있지만 실무에서는 무조건 최신 버전보다는 일반적으로 한 두단계 낮은 검증된 안정적인 버전이 더 좋습니다. Tomcat 7.0은 Java EE 6에 포함된 Servlet3.0과 JSP2.2를 지원합니다.






요즈음 대부분 윈도우10, 윈도우8, 윈도우7 의 경우 64Bit를 사용함으로 64-Bit Windows.zip을 다운로드 받습니다.
다운로드 속도가 느릴 경우 Mirros 사이트를 변경하여 다운로드 합니다.



톰캣 서버를 설치할 폴더를 만듭니다. 윈도우 탐색기에서 c:\ 폴더 안에 아래 화면과 같이 server라는 폴더를 생성합니다.



c:\dev\server 폴더안에 apache-tomcat-7.0.59 폴더를 복사합니다. 폴더 안에 복사를 하면 톰캣의 설치는 끝난 것입니다.




톰캣 서버 실행하기


톰캣 서버 디렉토리의 bin폴더 안에 startup.bat를 실행합니다.



startup.bat를 실행하면 톰캣 서버가 구동되고 명령프롬프트 화면에서 톰캣 서버의 작동 상태를 출력합니다
기본 설정되어 있는 서비스 포트번호는 8080 임을 알 수 있습니다.

Server startup 라는 문구가 뜨면 톰캣 서버가 정상적으로 구동된 것입니다.



톰캣 서버 접속테스트 하기


실제 톰캣 서버가 정상적으로 실행되었는지 웹브라우저를 통해서 접속테스트를 하겠습니다. 
크롬이나 익스플로어등 웹브라우저를 실행합니다.

웹브라우져 주소입력창에 http://localhost:8080 를 입력합니다.

localhost는 자기 자신의 로컬컴퓨터를 이야기합니다. 즉 자신의 로컬컴퓨터에 설치한 톰캣서버에 8080 포트로 접속한다는 의미입니다.


웹브라우져에서 아래와 같은 톰캣 확인 페이지가 출력되면 톰캣 서버가 정상적으로 구동된 것입니다.


'IT & Programming > 자바 웹개발 프로젝트' 카테고리의 다른 글

이클립스 톰캣 연동하기 및 톰캣 서버 구성하기  (1) 2016.02.13
자바 이클립스(eclipse) 설치하기  (2) 2016.02.12
자바 Java JDK 설치하고 환경변수 설정하기  (0) 2016.02.12

통합 자바 개발도구 이클립스(eclipse)


자바를 통한 프로그래밍을 하기 위해서는 개발에 도움을 주는 개발도구를 설치하는 것이 좋습니다. 통합 자바 개발도구로 이클립스(eclipse)를 권고합니다. 이클립스는 세계에서 가장 많이 사용되는 범용적인 개발 도구이면서 무료로 사용가능한 도구입니다.



이클립스 설치하기


이클립스를 설치하기에 앞서서 먼저 자신의 로컬컴퓨터에 설치할 폴더를 생성해야합니다. 별도의 폴더를 생성하지 않는다면 c:\eclipse 에 설치해도 무방합니다. 그렇지만 개발 환경을 구성하기 위해서는 여러가지 프로그램과 플러그인들을 설치하다보면 개발용 폴더를 만들고 사용하는 것이 편리합니다.

여기에서는 개발용 폴더를 만들고 그 폴더안에 이클립스를 설치하겠습니다. 개발용 폴더를 만들기 위해서 윈도우 탐색기에서 c:\ 에 dev란 폴더를 생성합니다. 이클립스는 c:\dev 안에 설치할 것입니다.

이클립스를 다운로드 받기 위해서 이클립스 다운로드 사이트로 이동합니다.




아래의 이클립스 다운로드 사이트에서 Eclipse IDE for Java EE Developers 목록의 Windows 64 Bit를 클릭합니다.




다운로드 버튼을 클릭해서 이클립스 압축화일을 다운로드 합니다. 다운로드 버튼을 클릭하면 donation 기부 관련 화면이 나타납니다. 기부를 하지 않아도 사용이 가능하기때문에 걱정하지 않아도 됩니다.



이클립스 압축을 풀어서 eclipse 폴더를 통째로 c:\dev 폴더안에 복사합니다. 이클립스는 압축을 풀고 폴더에 복사해 놓으면 설치가 모두 완료된 것입니다.





이클립스 실행 및 설정하기


이클립스를 실행하기 위해서는 elipse 폴더안에 eclipse.exe 를 클릭하면 됩니다. eclipse.exe를 클릭하여 실행합니다.



처음 이클립스가 실행되면 작업폴더 설정 화면이 나타납니다. 개발용 dev 폴더를 만들었으므로 dev 폴더안에 작업폴더인 workspace 폴더를 설정합니다.
아래와 같이 폴더를 선택하거나 입력한 뒤에 OK 버튼을 클릭합니다.





이클립스 기본 문자 집합을 UTF-8로 설정하기


처음에 이클립스를 실행하면 기본 문자집합은 MS949로 되어있습니다. 이 상태에서 java 코드를 작성하면 MS949로 인코딩됩니다. 그렇지만 MS949는 한글 사용시에 문자가 깨지는 문제가 발생하기때문에 기본 문자셋을 국제표준 유니코드 문자집합인 UTF-8로 변경하겠습니다.

이클립스 메뉴에서 Window > Preferences를 클릭합니다.



Preferences 창에서 왼쪽 메뉴에서 General > Workspace 를 클릭합니다.
Text file encoding 항목에서 Other 부분을 UTF-8로 변경한 뒤 OK 버튼을 클릭합니다.



왼쪽 메뉴에서 Web 노드 밑의 다음 항목(CSS Files, HTML Files, Java Server Faces, JSP Files, Web Page Editor )에 대해서도 UTF-8 이나 EUC-KR을 확인합니다.



'IT & Programming > 자바 웹개발 프로젝트' 카테고리의 다른 글

이클립스 톰캣 연동하기 및 톰캣 서버 구성하기  (1) 2016.02.13
톰캣 Tomcat 설치하기  (4) 2016.02.13
자바 Java JDK 설치하고 환경변수 설정하기  (0) 2016.02.12

자바(Java) 시스템 개발하기


자바를 이용해서 개발프로젝트를 진행하려면 먼저 JDK(Java Development Kit)을 설치해야합니다. 개발자가 웹시스템을 개발할 때 유닉스나 리눅스등 서버에서 직접 자바프로그래밍을 하는 경우는 많지 않습니다. 가장 많이 사용하는 방법은 자신의 로컬컴퓨터에서 JDK 개발환경을 구성해서 개발을 진행하고 개발 및 테스트가 완료되면 실제 운용하는 리얼서버에 소스를 반영합니다. 소스관리는 형상관리 프로그램을 사용합니다. 




JDK 설치하기


자바(Java) 프로그래밍을 하기 위해서는 JDK(Java Developement Kit)을 다운로드 받아야 합니다. 자바를 처음 만든 곳은 썬마이크로시스템즈이지만 2009년4월경에 오라클에 인수되었기 때문에 JDK는 오라클 사이트에서 다운로드가 가능합니다.



먼저 아래의 오라클 자바 사이트에 접속합니다. 



오라클 자바사이트에 접속하면 아래와 같은 화면이 나타납니다. Top Downloads 메뉴에서 Java SE 메뉴를 클릭합니다.



Java SE Downloads에서 JDK 다운로드 버튼을 클릭해서 다운로드합니다.






일반적으로 요즈음에 사용되는 윈도우10, 윈도우8, 윈도우7은 대부분 64Bit 운영체제이기 때문에 x64인 64Bit 운영체제로 다운로드 받습니다.
jdk-8u31-windows-x64.exe 파일을 클릭합니다. 요즈음 최신버전은 jdk-8u73나 jdk-8u74까지 다운로드 가능합니다. jdk-8u73나 jdk-8u74 버전을 다운로드해도 무방합니다.




JDK 실행하기


JDK다운로드된  jdk-8u31-windows-x64.exe 파일을 클릭합니다. 



별도의 설정을 하지 않고, Next 버튼을 클릭해서 설치를 계속 진행합니다.





설치가 완료되면 Close 버튼을 클릭합니다.





JDK 환경변수 설정하기


JDK 설치 완료후 운영체제에 환경 변수에 JDK를 등록해야합니다. 환경 변수에 등록해야하는 경로는 아래와 같습니다.

JDK 설치 폴더 경로
JDK 실행 파일이 있는 폴더 경로


윈도우 탐색기에서 컴퓨터에 오른쪽 마우스를 클릭해서 속성을 클릭합니다.



고급 시스템 설정을 클릭합니다.



고급 탭을 클릭합니다




시스템 변수 영역에 JDK 정보를 등록하면 PC의 모든 사용자에게 설정이 적용됩니다.
JDK 설치 경로 등록전에 'JAVA_HOME' 환경 변수가 기등록 되어있는지 확인합니다.
등록되어 있으면 편집으로 진행, 없으면 새로 만들기 버튼을 클릭합니다



시스템 변수는 다음과 같이 입력합니다.



JDK의 bin 폴더를 PATH 변수에 등록합니다. 기존의 시스템 Path 변수에 JDK의 bin 폴더를 추가하는 것입니다.
Path 변수를 선택하고 '편집' 버튼을 클릭합니다.

기존의 값, 맨 앞에 %JAVA_HOME%\bin경로를 추가하고 ;(세미콜론)을 붙입니다.
시스템 변수의 구분자는 ;(세미콜론)입니다.




JDK 환경변수 등록 확인하기


윈도우 실행 명령에서 cmd를 입력해서 명령 프롬프트 창을 실행합니다.
명령창에 다음과 같이 입력해서 시스템 환경변수에 등록이 되었는지 확인합니다.

echo %JAVA_HOME%
echo %PATH%

설치된 자바버전, 자바 컴파일러 버전은 다음과 같이 확인할 수 있습니다.

java -version
javac -version




'IT & Programming > 자바 웹개발 프로젝트' 카테고리의 다른 글

이클립스 톰캣 연동하기 및 톰캣 서버 구성하기  (1) 2016.02.13
톰캣 Tomcat 설치하기  (4) 2016.02.13
자바 이클립스(eclipse) 설치하기  (2) 2016.02.12

색체체계 색상환


색상환의 각 지점에 위치한 색상은 명도와 채도의 변화에 따라 다양한 톤으로 변화됩니다. 색의 수는 수천 가지로 확장될 수 있으며 여러 색채 학자들의 이론에 근거한 기본의 색의 수와 명도나 채도의 전개 범위에 다라 각기 다른 색체 체계로 표현할 수 있습니다.



미술이나 디자인에 대해서 전문적으로 배우지 않았어도 색상환에 대해서 알아두는 것은 색에 대한 감각을 익힐 수 있는 좋은 공부가 될 것입니다.
색상환에는 여러가지가 있으지만 대표적으로 먼셀표색계에 대해서 알아보겠습니다.


먼셀표색계


모든 사물을 디자인 하는데 색의 배색은 가장 중요한 요소중의 하나입니다. 배색을 잘하기 위해서는 색깔의 위치를 어느정도 알고 있어야합니다. 그래서 색상환을 알고 있는 것이 중요합니다.



먼셀의 표색계는 미국 화각 멘셀에 의해서 고안된 체계입니다. 먼셀의 색상은 레드, 엘로우, 그린, 블루, 퍼플의 R, G, B, Y, P 다섯까지 색상을 기본으로하며 10등분해서 100가지 색상으로 분할합니다.

우리가 RGB라고 부르는 것도 다섯가지에서 중요한 세 가지 색상인 레드(R), 그린(G), 블루(B)을 골라낸 것입니다.

[ 자료 참조 : 위키피디아 ]



먼셀 방식은 색의 삼요소라고 부르는 색상(Hue), 명도(Value), 채도(Chroma)를 사용해서 HV/C 방식으로 색을 표기합니다.

예를 들어서 5Y 8/10(HV/C)라고 표기하면 대표색 5번색인 노란색을 5Y로 표기한 것이며 명도는 8이고 채도는 10이라는 의미입니다.
명도의 경우에 숫자가 높을수록 명도가 높다고 이야기합니다.

색상(Hue)


색상은 레드, 엘로우, 그린, 블루, 퍼플이 기본색이 10등분 되어서 100가지 색상을 나타냅니다.
기본색이 레드(R), 엘로우(Y), 블루(B), 그린(G), 퍼플(P)이라면 중간색의 표기는 GY, RP와 같이 표기합니다.

명도(Value)


명도는 빛의 반사율에 따른 색의 밝고 어두운 정도를 표기합니다. 가장 이상적인 흑색은 0이며 백색은 10입니다.

채도(Chroma)


채도는 색의 순하고 탁한 정도를 나타냅니다. 무채색은 0이며 순수한 색상일수록 채도값은 올라갑니다.
무채색은 명도만 가지고 채도와 색상을 가지고 있지 않은 것을 이야기 합니다.




'IT & Programming > 디자인 일반' 카테고리의 다른 글

자료와 정보 그리고 지식에 대해서  (0) 2016.02.10

자료(Data)와 정보(Information)의 차이


디지털 디자인을 포함한 IT 정보에 대한 내용을 다루다보면 자료와 정보에 대해서 용어가 혼돈스러울 수 있다. 요즈음은 자료와 정보에 대해서 굳이 구분을 두고 있지는 않지만 구분한다면 다음과 같다.


먼저 자료(Data)는 가공되지 않은 Raw 데이터를 말한다. 자료(Data)는 원데이터로써 필요하지 않는 가비지성 데이터를 모두 포함한 것이라 할 수 있다.
그렇지만 자료와는 다르게 정보(Information)는 특정 목적과 문제해결에 도움이 되도록 자료를 1차 가공한 것해서 사람의 필요에 조금 더 접근한 것이다.

자료와 정보의 상속 관계를 도식화 해보면 아래와 같다.




예를 들어 자료(Data)가 이름, 주소, 통신사라면 정보(Information)는 10대의 스마트폰 기종이나 10대의 스마트폰 활용 횟수라 할 수 있다.

그렇다면 지식(Knowledge)이란 무엇인가?


자료는 가공하지 않은 데이타이며, 정보는 자료를 사람의 필요에 따라서 1차 가공한 것이다. 지식은 정보에서 한 단계 더 나아간 것이고 정보를 직접하고 체계화하여 보편성을 가지게 한 것이다.

조금전 정보(Information)에 대한 스마트폰의 예를 10대의 스마트폰 기종이나 활용 횟수라 했다. 지식은 스마트폰 디자인에 대한 10대의 취향과 같이 조금 더 체계화되고 정리된 것이라 할 수 있다.




정보를 만들기 위해서는 정보처리라는 과정을 거친다.
정보처리(Information Processing)는 자료를 가공해서 이용가능한 정보로 만드는 과정으로 자료처리(Data Processing)이라고도 한다. 복잡한 정보처리는 대부분 컴퓨터가 담당하게 된다.





거창한 정보관리보다는


요즈음에는 유튜브등을 등을 통한 동영상이나 이미지화된 정보가 사람들의 관심을 끄는 것이 사실이다. 요즈음에 유행하고 있는 유튜브의 몇 초간의 임팩트 있는 짧은 광고는 사람들의 시선을 순식간에 사로잡는다.




텍스트의 힘


그렇지만, 이런 동영상의 시대에도 텍스트의 중요성은 여전히 유효하다. 아직까지 가장 빠른 시간에 많은 정보를 취득하는데 가장 효과적인 것은 책등의 텍스트 기반의 정보 전달매체인 것을 부인할 수 없기 때문이다.
예를 들어서 체계적인 정보 취득을 위해서 동영상 강의를 듣는다면 동영상 강의 시간이 30분이라고 가정하면 전체적인 내용을 알기위해서는 30분이라는 시간을 연속적으로 들어야 정보의 실질적 취득이 가능하다.


     

텍스트 기반인 책이나 인터넷 구글링을 통해서 접한 텍스트 기반의 정보는 훓어보기로 단 몇분만에도 대략적인 내용을 파악할 수 있는 장점이 있다. 우리가 서점에서 책을 고르기 위해서 책을 순식간에 넘겨보면서 이 책이 나와 적합한 것인 확인이 가능하다.

텍스트 기반의 정보 전달매체를 사용하는 작성자라면 그것이 온라인 블로그나 오프라인상에서 작성하는 아래아한글이나 MS 워드이든지 글이 잘 정돈된다면 텍스트의 가독성을 높이고 정보의 전달이 더 효과적일 것이다.

간단한 텍스트 문서도 정리해보자


사용자가 작성하는 문서의 문단만 정리해도 문서의 가독성은 높아진다. 가령 한컴 오피스의 한글2014나 아래아한글등의 문서 편집도구를 예를 들어보겠다.
한컴 오피스 한글2014에서 보면 문단 번호 설정화면에 아래와 같이 다양한 문단 형식이 나타난다. 문단 형식을 활용해서 문서를 아래의 문단 형식을 사용한다고 가정하자.



문단 형식에 넘버링이나 글의 수준 감소만 있어도 글을 읽을 때 가독성은 더 좋아진다. 가독성이 뛰어날 뿐아니라 문서가 정리되는 효과도 볼 수 있다.



한컴 오피스 한글 2014의 간단한 문서팁


한글 프로그램을 사용하면서 간단한 단축키를 알아두면 편리하다.
목록상에서 줄바꾸기를 할 때에는 Shift + Enter 를 클릭한다.
문서의 수준을 감소시키때는 Ctrl + Num + '+' 늘리기, Ctrl + Num + '-' 를 사용하면 된다.


'IT & Programming > 디자인 일반' 카테고리의 다른 글

색상환 색체체계 알아보기  (2) 2016.02.11

+ Recent posts

티스토리툴바