이클립스를 편리하게


이클립스는 자바나 안드로이드 프로그래밍을 할 때 개발자들이 가장 많이 사용하는 개발도구입니다. 이클립스 같은 개발도구를 IDE 개발도구라고 명명합니다. 이클립스에는 개발을 위한 많은 기능들이 내장되어 있습니다. 이클립스만 제대로 공부하는데에도 책한권 분량의 메뉴얼이 있습니다. 오늘은 이클립스를 사용하면서 편리한 두 가지 팁을 공부하고자 합니다. 

첫번째는 소스코드의 자동 정렬기능이고 두번째는 소스코드를 입력하는 편집기내에 프린트 안내선을 설정하는 것입니다.



가독성과 이클립스의 소스코드 자동정렬 기능


프로그래밍을 할 때 소스코드의 정렬은 가독성에 무척 중요한 요소입니다. 작성한 소스코드가 제대로 정렬되어 있지 않다면 다른 사람뿐아니라 프로그래밍을 한 자신도 차후에 해당 코드를 수정할 때 코드를 알아보는데 시간이 소요됩니다.

실제 개발 현장에서는 긴급 사항으로 빠른 시간내에 소스코드를 대량으로 수정하는 일이 비일비재하게 발생합니다. 예를 들어서 운영중인 시스템의 시스템 정기 반영시점에 테스트를 한다고 했더라고 실제 운영 반영시점에서 오류를 발생할 수 있기 때문입니다.



요즈음과 같이 많은 거래가 웹사이트에서 이루어지는 상황에서 시스템이 오류로 먹통이 되는 상황이 발생한다면 그것은 엄청난 규모의 비용 손실을 가지고오게 됩니다. 따라서 그런 전산 시스템 상의 긴급 상황이 발생했을 때는 직전 소스로 복원하는 일을 진행하거나 소스 코드를 긴급 수정해야 합니다.

소스코드의 정리와 정돈은 단순히 코드의 가독성뿐만 아니라 긴급 투입된 개발자가 빠른 시간에 문제를 해결하는데 큰 도움을 주는 것이 사실입니다.



이클립스가 사용하지 않던 과거에는 개발자가 스스로 소스코드를 수작업으로 정렬하는 일이 많았습니다.
그렇지만 이클립스는 소스코드를 자동 정렬하는 기능을 지원합니다.

사용 방법은 간단합니다. 이클립스에서 단축키로 Ctrl + Shift + F 를 클릭하면 소스코드가 자동 정렬됩니다.

자동 정렬되는 규칙을 변경하기 위해서는 이클립스 메뉴에서 Window > Preference 화면에 들어갑니다.
왼쪽 트리 메뉴에서 Java > Code Style > Formatter에서 자동 정렬 규칙을 설정할 수 있습니다. 오른쪽에 Edit 버튼을 클릭합니다.



Edit 버튼을 클릭하면 다음과 같은 설정 화면이 뜹니다. 만약 TAB키를 누를때마다 스페이스바를 네번 누른것과 같은효과를 얻으려면 Tab size에 4를 입력하면 됩니다.





소스코드의 가독성을 높이는 프린트 안내선 표시


사용하는 노트북이나 컴퓨터마다 해상도가 틀리기 때문에 코드를 가로 방향으로 어느 부분까지 작성할지 설정할 수 있습니다.
이클립스는 가장 적정한 코드선을 프린트 안내선으로 제공한다.

이클립스 메뉴에서 Window > Preference에 들어가서 Text Editor를 클릭합니다.
오른쪽 항목에서 Show print margin 을 체크합니다. 디폴트가 80입니다. OK 버튼을 클릭합니다.



이클립스의 소스코드창에 세로로 프린트 안내선이 생성되었음을 볼 수 있습니다.  프린트 안내선은 프린트 용도 뿐아니라 소스코드의 가독성을 높이는데 활용할 수 도 있습니다.


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


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



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


그러면 이제 두개의 버튼을 생성해서 전화걸기와 인터넷 구글 접속하기 기능을 구현해 보도록 하겠습니다.
먼저 아래 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 버튼을 클릭하여 에뮬레이터를 재기동 합니다.



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



전화걸기 실습하기


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



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



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




인터넷 접속기능 실습하기


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



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



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


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


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


지난시간에 아래 화면과 같이 가상의 안드로이드 스마트폰에 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 해줍니다.


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


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

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



새로운 안드로이드 프로젝트를 만들기 위해서 이클립스를 실행한 뒤에 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 라는 텍스트 문구가 나타납니다.

   


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


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



자바 프로그래밍을 할 때에는 개발도구로 이클립스를 많이 사용합니다. 개발 환경을 구성하면서 이클립스를 설치하면 디폴트 폰트는 아래 화면에 보이는 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 폰트보다 가독성이 좋은 것을 눈으로 확인할 수 있습니다.


안드로이드 에뮬레이터


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

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


에뮬레이터(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 버튼을 클릭하면 실제 스마트폰 홈화면과 동일한 화면이 나타납니다.



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


안드로이드(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라는 문구가 디스플레이됩니다.




이클립스(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 폴더에서 복사해온 설정 파일들이 들어있는 것을 확인할 수 있습니다.  


+ Recent posts