[Tizen] Tizen SDK Web IDE 개발환경 설정하기

 Tizen SDK 에서 Web IDE 개발을 위한 환경 설정에 대해 알아보도록 하자.

 Tizen Web IDE 는 Eclipse 기반의 WebToolsPlatform(WTP)에 애뮬레이터 매니져, 애뮬레이터 이미지등이 합쳐진 IDE 이다.

 그럼 Tizen Web IDE 를 개발하기 위한 개발 환경 설정부터 소스 import 까지 알아보도록 하자.

1. [Prerequisites] 개발 환경을 설정하기 전 Tizen SDK 는 미리 설치가 되어있어야 한다. 다음링크의 가이드를 따라 Tizen SDK 를 미리 설치해 놓도록 한다.

• Tizen SDK Develop 최신 버전 설치하기

 

2. Eclipse 다운받기

• Tizen IDE 의 개발 환경인 Eclipse 를 다운받아 설치해보도록 하자.
• Eclipse 는 공식사이트에서 받아도 되지만, Tizen IDE 에서 개발에 필요한 플러그인들등을 따로 설치해야하는 번거로움이 있다.
• Tizen IDE 개발에 플러그인이 설치되어있는 Eclipse 를 Tizen Develop 패키지서버에서 다운받아 쓰면 이런 번거러움이 사라진다.
• http://download.tizen.org/sdk/latest/tizen/binary/ 에 접속한 후 Last modified 컬럼을 클릭하여 패키지를 시간순으로 정렬한다.
• 이후 base-ide-product_XXX.zip 으로 되어 있는 패키지중 자신의 운영체제에 맞는 최신 버전의 인스톨러를 다운로드 한다. 그 후 zip 파일을 풀면 다음과 같은 구조로 되어 있는데, ide 라고 되어 있는 폴더가 기존 eclipse 를 다운받고 압축을 풀면 생기는 eclipse 폴더와 동일하다.
• ide 폴더를 자신이 원하는 곳으로 복사하여 이용하면 된다.

3. sdk.info 파일 복사하기

• 설치된 SDK 폴더로 가보면 sdk.info 파일이 있다.
•  SDK 폴더에 있는 sdk.info 파일을 2번에서 다운받은 eclipse.exe 실행파일이 있는 폴더의 상위폴더에 복사해놓는다.

4. Tizen 계정 생성

• Tizen Open Source 로 개발을 하려면 https://www.tizen.org/ 에서 계정 등록을 하여야 한다.
• 우측 상단의 Register 버튼을 클릭하여 계정등록을 하도록 한다.
• 등록을 완료면 이메일로 인증메일이 가는데 메일안의 URL 로 접속하여 Password 를 설정하여야 한다.

5. Gerrit 계정 등록

• Tizen Open Source 는 저장소관리를 Git 으로 하고있고, review 는 gerrit 으로 하고 있으므로 https://review.tizen.org/gerrit/ 에서 생성한 Tizen 계정에 대한 정보를 채워야 한다.
• Contact information 과 SSH Public Keys 정보를 입력한다.
• ssh key 가 없다면 shell 에서 다음 명령어로 생성한다.
• ssh-keygen
• ssh key 가 생성되었다면 ~/.ssh 폴더에 id_rsa 파일과 id_rsa.pub 파일이 생성 되어 있을것이다.
• id_rsa.pub 파일의 내용을 복사하여 Gerrit 의 SSH Public Keys 정보에 넣어준다.
• 이후 전송된 이메일을 확인하여 파일내의 URL 을 클릭하여 인증을 마친다.

6. SSH 설정파일 생성

• 소스를 ssh 를 이용하여 clone 받기때문에 ~/.ssh/config 파일을 생성하거나 존재한다면 추가 설정을 해주어야 한다.
• User 에는 Tizen 계정을 넣어준다

• Host tizen     User <USERID>     Port 29418     Hostname review.tizen.org     IdentityFile ~/.ssh/id_rsa

7. Git Source Clone

• 위의 SSH 설정까지 마쳤다면 다음과 같은 형식으로 원하는 프로젝트 소스를 가져올 수 있다. 참고로 각 git 프로젝트의 최신 프로젝트 브랜치는 tizen 브랜치이다.
• git clone ssh://<USERID>@review.tizen.org:29418/<ProjectGitName> -b tizen
• 예제) git clone ssh://<USERID>@review.tizen.org:29418/common-eplugin -b tizen
• Web IDE 에서 필요한 소스는 다음과 같다.
• sdk/ide/common-eplugin.git
• Web IDE 와 Native IDE 의 공통 모듈
• sdk/ide/webapp-eplugin.git
• Web IDE 모듈
• profile/mobile/sdk/webapp-ext-eplugin.git
• Web IDE 의 모바일에 특화된 모듈

8. Eclipse 에서 Source Import

• 위의 Git Clone 받은 소스들을 Eclipse 의 import 기능으로 Eclipse 로 Import 해보도록 하자.
• 2번째 과정에서 받은 Eclipse 를 실행한다.
• Eclipse 메뉴의 File > Import 메뉴를 눌러 Import Wizard 를 실행한다.

• Existing Projects into Workspace 를 클릭하여 clone 받은 프로젝트의 디렉토리를 지정하여 Import 를 시킨다.

9. Target Platform 설정

• Eclipse 의 메뉴의 Window > Preferences 를 열고 Plug-in Development > Target Platform 정보를 확인한다.
• Target Platform 정보가 현재 실행하고 있는 Eclipse 를 Target 으로 지정하고 있는지 확인하고 다른 Eclipse 를 지정하고 있다면 Add 버튼으로 현재 Eclipse 를 Target 으로 지정하도록 한다.
• 

10.  Run/Debug Configuration 설정

• Eclipse 의 메뉴에서 Run > Run Configurations... 메뉴를 클릭하여 Configuration 을 설정하도록 한다.
• Eclipse Application 을 하나 더 추가하도록한다.

• 이후 우측하단의 Run 버튼을 누르면 Tizen Web IDE 가 수행된다.
  

11. 이제 Tizen Web IDE 소스를 수정하여 바로 반영된 모습을 Run/Debug 로 확인이 가능 하다.