k's blog

HangulKeyboard.zip

아래와 같은 창을 볼 수 있는데 Name에 자신이 원하는 아무 이름이나 입력하고 Target에는 Android 2.1이나 Google APIs 둘 중에 하나를 선택합니다.(Google APIs는 지도를 이용한 어플리케이션을 개발할때 필수임!!!) Create AVD 클릭~~!!!!

아래와 같이 하나의 AVD(Android Vritual Device)가 생성된 것을 볼 수 있습니다. Start버튼을 클릭해 에뮬레이터를 구동시켜요~~~~

에뮬레이터가 구동되면 아래와 같은 부팅화면을 볼 수 있어요~~~ 아직 에뮬레이터가 최적화가 많이 안 되어있는지 많이 느려요~~ㅠㅠㅠ

아래와 같은 초기화면이 나올때까지 기다리다가 초기화면이 나오면 아래에 탭을 끌어 올려요~~~

그러면 다음과 같은 아이콘들을 볼 수 있는데 여기서 Settings를 클릭해요~~~

그러면 아래와 같은 리스트가 나오는데 리스트를 약간 아래로 내려서 Language&keyboard를 클릭해요~~~~

그러면 다음과 같은 화면이 나오는데 여기서 Select locale을 클릭한 후 나오는 목록중에서 한국어를 선택해요~~~~

그렇게하면 아래와 같이 메뉴가 한글로 변경된 것을 볼 수 있어요~~~ 여기까지하면 안드로이드 에뮬레이터의 언어가 한글로 변경되요~~~ 다음으로는 현재 에뮬레이터에 있는 키보드로는 한글을 입력할 수 없으니 한글키보드를 추가로 설치하셔야 해요~~~

첨부된 HangulKeyboard.apk 파일을 다운로드 받고 커맨드창을 실행하여 다운로드받은 폴더에서 "adb install HangulKeyboard.apk"라고 입력한 후 실행하면 에뮬레이터안에 한글키보드가 설치되요~~!!!

★ 주의 : 이 명령을 수행할때는 에뮬레이터가 실행되어 있는 상태에서 수행해야 한글키보드가 설치됩니다.

위와 같은 명령을 수행하면 아래와 같이 한글 키보드가 설치된 것을 확인할 수 있어요~~ 여기까지하면 우리가 사용하는 한글환경으로 에뮬레이터 설정이 끝났어요~~~~~

1. http://developer.android.com/sdk/index.html <-- 이 주소로 접속하여 android-sdk_r05-windows.zip 파일을 다운로드합니다.

2. 다운받은 sdk파일을 원하는 폴더에 압축해제합니다.

3. http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/galileo/SR2/eclipse-jee-galileo-SR2-win32.zip&url=http://ftp.daum.net/eclipse/technology/epp/downloads/release/galileo/SR2/eclipse-jee-galileo-SR2-win32.zip&mirror_id=441 <-- 이 링크를 클릭하여 Eclipse를 다운로드합니다.

4. 다운받은 Eclipse를 원하는 폴더에 압축해제하고 실행합니다.

5. Help 메뉴에서 Install New Software...을 클릭합니다.

6. Work with 입력필드에 https://dl-ssl.google.com/android/eclipse라고 입력한 후 아래 체크박스에 체크하고 Next를 클릭하여 ADT 설치를 완료합니다.

7. 설치를 완료하면 이클립스를 재시작하라는 창이 나오게 됩니다. Yes를 클릭하여 이클립스를 재시작합니다.

8. 재시작하고 나면 위의 툴바에 4가지 아이콘이 추가된 것을 볼 수 있습니다.

9. 다음으로 Android SDK 설치된 폴더를 설정합니다. Windows메뉴에서 Preferences를 클릭합니다.

Android를 클릭한 후 SDK Location의 Browse버튼을 클릭하여 Android SDK가 설치된 폴더를 지정하고 OK를 클릭합니다.

10. 마지막으로 개발 관련 패키지를 설치합니다. 위의 툴바 아이콘 중에서 4번째 아이콘을 클릭합니다.

그러면 아래와 같은 창을 볼 수 있는데 Available Packages를 클릭한 후에 (Android SDK Tools, revision5),(Documentation for Android SDK, API 7, revision 1), (SDK Platform Android 2.1, API 7, revision 1), (Samples for SDK API 7, revision 1), (Google APIs by Google Inc., Android API 7, revision 1), (Usb Driver package, revision 3)를 체크하고 Install Selected를 클릭합니다.

아래와 같은 창이 나오면 Accept All을 클릭하고 Install을 클릭합니다.

※ 다운로드와 설치시간이 조금 걸리므로 약간 기다려야 합니다~~~~

설치가 완료되면 Installed Packages를 클릭하여 설치완료된 패키지를 확인합니다.

 ※ 참고 : SDK폴더안에 tools폴더를 환경변수 path에 등록합니다!!!! 아래 화면은 Windows 7 기준입니다!!!!

내컴퓨터에서 오른쪽 마우스버튼을 클릭하여 속성을 선택합니다.

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

환경변수를 클릭!!!

시스템 변수 탭에서 Path라는 변수를 선택하고 편집버튼을 클릭합니다~~~

변수 값의 끝에 아래와 같이 SDK폴더의 tools폴더를 입력합니다.(제 경우에는 C:\android-sdk-windows가 SDK설치 폴더이므로 C:\android-sdk-windows\tools로 입력하였습니다.)

폴더입력할때 앞에 세미콜론 입력해주세요~~

입력후에 확인을 누르게되면 환경변수 등록이 완료됩니다. 이렇게 하면 어느폴더에서나 tools폴더에 있는 실행파일들을 실행할 수 있어요!!!!!!~~

1. http://java.sun.com/javase/downloads/index.jsp <-- 이 주소로 접속합니다.

위와 같은 화면에서 빨간네모표시로 되어있는 커피모양을 클릭합니다.

2. Platform에서 WIndows를 선택하고 라이센스 동의 부분에 체크한 다음 빨간색 Download버튼을 클릭합니다.

3. 아래와 같은 창이 나오면 Skip this Step을 클릭합니다.

4. jdk-6u18-windows-i586.exe를 클릭하여 다운로드합니다.

5. jdk-6u18-windows-i586.exe를 실행하여 JDK를 설치합니다.

::::: 플렉스 빌더 3.0 설치

1. 아래 링크로 이동 후 플렉스 빌더 3.0을 다운받는다.

http://www.adobe.com/cfusion/entitlement/index.cfm?e=flexbuilder3

MAC 쓰시는분 계실까봐 왼쪽에도 동그라미 쳤네요.(힝 부러워 ㅠㅠ)

2. 설치합니다.

기본 옵션 에서 설치 걍 하는 거라 굳이 이미지가 필요 없겠지만서도;-ㅁ- 올립니다 ㅋ

아참 중간에 Adobe Flash player설치 및

Cold fusion과  JEClipse인가..? 선택하는 부분이있는 위쪽 Flash Player는 체크가 되어 있고

아래쪽 두개는 체크가 안된 상태일 것이니 걍 Next하심 됩니다~

긴 시간 후 완료 되면-

Done을 누르시면 설치된 디렉토리로 이동 됩니다.

3. 실행합니다.

처음 실행 될때 키 입력이 되어 있지않아 TRIAL로 할것이든 키를 입력하라건 메세지가 나올 것입니다.

시리얼은 알아서....ㅋ

설치가완료 되었네요.

내친김에 프로젝트 생성도 해볼까요?

File > New > Flex Project 를 눌러

적당한 이름의 만만한 test로 프로젝트 생성을 완료 합니다.

첫 세미나때 언급했던 Desktop Apllication AIR도 보이네요 ㅋ

프로젝트 생성이 완료 되면 위와 같이 프로젝트 명칭의 .mxml파일이 열려진 상태가 됩니다.

마우스가 가리키고 있는 Design모드를 눌러봅니다.

MFC화면과 유사한 익숙한듯한 화면이 나오지요.

쉽게 컴포넌트 삽입이 가능하다면서 설명 드렸던 아코디언을 추가해봅시다.

좌측 하단 Components탭에서

Navigators를 누르면 첫번째 컴포넌트로 Accordion이 보입니다.

드래그 해서 회색 부분으로 가져갑니당~

오.. 레이아웃 잡기 좋게 가이드라인도 제시해주군요.

컴퍼넌트가 삽입이 되면서 기본적으로 하나의 헤더가 들어가 있군요.

저희도 추가해보죠.

선택한 아코디언 상단의 더하기(+) 버튼을 누르면 Insert Pane이라는 박스가 뜨게 되고 라벨 도 있고

컨테이너란것도 뜨네용.

라벨만 입력하고 오케이~!

제가 입력한 Header2가 박혀있는 아코디언의 헤더가 하나더 생겼네요.

같은 방식으로 여러개 추가 해보고 재생 버튼 같이 생긴 Run버튼을 눌러 실행 화면을 봅시돠-ㅁ-/

단축키는 F11

기본 브라우저가 아마 익스플로러로 실행창이 뜨게 될것이에요

헤더를 눌러보면 슥슥 잘 움직이네요.

추가 적으로 아코디언 각각의 내용들이 허전하니 내용을 좀 채워보도록 하죠-ㅁ-/

좌측 하단 컴포넌트들 탭에서 Controls에 가보면 ColorPicker란게 있네요

드래그 해서 내용 영역으로 가져갑니다.

추가가 됐군용-ㅁ-/

편집 화며에서 Header2를 누르면 두번째 내용 화면이 벌어지게 됩니당~

역시 Contorls안에 있는 DataChooser를 넣어봅시돠~-ㅁ-

이제 첫번째는 Button을 넣어 볼께요

실행 해봅니다+ㅁ+

두번째 내용에 들어간 DataChooser가 화면이 비좁아서 스크롤이 생겼군요-ㅁ- ㅋ

버튼은 잘 들어가 있구요.

세번째 내용에는 컬러피커를 넣었는데 화면 밖으로 나와서 다 보이게 되네요 ^ㅡ^

ㅋ 참 쉽죠잉~