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

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


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


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

 

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 로 확인이 가능 하다.


Posted by leechwin

댓글을 달아 주세요

  1. 어렵다ㅠㅠ 2014.09.25 10:21  댓글주소  수정/삭제  댓글쓰기

    5번까지 따라했는데요.(인증메일이 안오네요;;;)

    6번부터 멘붕입니다.
    우선 .ssh안에 configuration이 없는데 어떻게 생성해야하나요? 생성 명령어가 있는 것인지 어떤 확장자인지,,

    • Favicon of https://leechwin.tistory.com BlogIcon leechwin 2014.09.26 18:12 신고  댓글주소  수정/삭제

      "config" 파일은 그냥 만들어서 내용을 채워줘도 됩니다. 확장자는 없고요.

      윈도우라면 .ssh 폴더에서 config 파일을 메모장으로 만들거나
      리눅스라면 .ssh 폴더에서 vi config 등으로 만들수있습니다.