Library of developer

Ubuntu 를 설치한 이후 한글을 입력할려고 하면 방법이 없어서 당황하게 된다.

Ubuntu 에서 한글 입력을 가능하게 설정하는 방법에 대해 알아보도록 한다.

메뉴에서 Language Support  설정을 들어가보면 다음과 같이 기본 Keyboard input method system 으로 ibus 가 설정되어 있는데 한글지원이 잘 안된다.

Ubuntu 12.04 Version

1. 한글을 이용하기위해서 추가적으로  nabi 언어팩 패키지를 설치한다.

• sudo apt-get install nabi

설치가 완료되면 Language Support 설정에서  Keyboard input method system 으로 nabi 를 설정한다.

이후 재부팅을 하면 다음과 같이 nabi 설정 트레이박스가 나타나게 된다.

2. 부팅시 항상 nabi 설정 트레이박스가 나타나는데 다음과 같은 설정으로 트레이박스를 상단의 패널에 넣을 수 있다.

• 패널 리스트 조회
• gsettings get com.canonical.Unity.Panel systray-whitelist
• 
• 패널 리스트 설정
  
• gsettings set com.canonical.Unity.Panel systray-whitelist "['JavaEmbeddedFrame', 'Wine', 'Update-notifier', 'Nabi']"
• 위와 같이 마지막에 'Nabi' 메뉴를 추가한 후 재부팅을 하면 더이상 트레이박스는 따로 나타나지 않는다.

3. 한글과 영어 전환

• 한/영 전환은 기본으로는 Shift + Space 키로 되어있다.

Tizen Web Project 를 생성하면 config.xml 이란 파일이 생성되어있다.

config.xml 은 현재 프로젝트의 설정 파일로 Native Project 의 manifest.xml 파일과 그 성격이 동일하다.

config.xml 은 기본적으로 W3C Widget Spec 을 지원하고, 여기에 추가적으로 Tizen Platform 에 특화된 기능들이 들어있다.

config.xml 파일을 UI 로 수정하기 편하게 Configuration Editor 가 제공된다.

• Overview
• Identifier: Widget 의 id
• Version: Widget 의 version
• Name: Widget 의 이름으로 설치 후 바탕화면의 아이콘밑에 나타나는 이름
• Content: Widget 의 Entry point 가 되는 html 파일 설정
• Icon: Widget 설치 후 바탕화면에 나타나는 아이콘
• Launcher Icon: Icon Preview
• 다른탭으로 바로가기
• Widget, Features, Privileges, Access, Localization, Preference, Tizen

• Widget
• Author: 저작자
• E-mail:저작자 이메일
• Web Site:관련 웹 사이트
• License: Widget 라이센스
• License URL: Widget 라이센스 웹 사이트
• Description: Widget 에 대한 설명
• Widget UI: Widget UI 에 대한 설정
• View Modes
• maximized: Indicator bar 를 포함한 꽉찬 view
• 
• fullscreen: Indicator bar 를 제외한 꽉찬 view
• 

• Features
• 각 사업자 혹은 Platform 에 특화된 Device API 를 사용/접근 하기 위해서는 이곳에 Feature 를 선언해주어야 해당 Device API 에 대한 권한을 획득 할 수 있다.
• Tizen Web Device API 는 Privileges 탭에서 제공한다.

• Privileges
• Tizen Web Device API 를 사용하기 위해서는 Device 혹은 애뮬레이터에 접근 권한이 필요한데, Privilege 를 선언하여 접근 권한을 획득 할 수 있다.
• Tizen Web Device API 의 종류마다 Privilege 의 Category 가 다르기 때문에 문서를 보고 자기가 사용할 API 에 관련된 Privilege 를 찾아 기술해야 한다.
• Add 버튼을 누르면 Add Privilege Dialog 가 뜬다.
• Internal: 기본으로 제공되는 Privilege 리스트와 filter 기능이 제공된다.
• Privilege name: 사용자 입력으로 Privilege 를 입력 할 수 있다.
• File: 외부의 widlprocxml 파일로 부터 Privilege 리스트를 가져올 수 있다.
• 
  
• 

• Access
• 보안상 외부 network resource 는 접근이 금지되나, Access 설정을 통해해 network resource 에 접근하기 위한 권한 설정을 할 수 있다.

• Localization
• config.xml 내의 일부 요소의 값에 대해 국제화 기능이 제공된다.
• 현재는 author, description, name 에 대해 설정이 가능하다.
• Select the locales Dialog 에서 locale 을 설정 가능하다.
• 현재는 English, Korean, Chinese (Simplified, Traditional), Frech, Italian, Japanese, Spanish 의 9개국어가 제공된다.
• 

• Preferences
• name, value 쌍의 값 지정이 가능하다. 어떻게 쓰이는지는 아직 잘 모르겠다.

• Tizen
• Tizen Platform 에 특화된 기능들을 설정 할 수 있다.
• application
• ID: widget 고유의 유니크한 id
• Generate 를 통해 새로 생성가능
• Generate 를 통해 application id 를 새로 생성하면, 기존에 설치된 widget 과는 다른 새로운 widget 이 된다.
• Required version: 요구되는 Tizen Platform 의 버전
• content
• 기존 Overview 의 content 에서 widget 의 entry point 가 되는 html 파일 설정이 가능했는데, 이곳에서 외부 URL 을 widget 의 entry point 로 지정 할 수 있다.
• setting
• screen-orientation
• widget 이 수행될때의 orientation 을 설정 할 수 있다.
• portrait, landscape
• 
• context-menu
• background-support
• encryption
• 설치될 타겟에 암호화하여 widget 을 인스톨한다.
• install-location
• widget 이 설치될 저장소를 선택할 수 있다.

• Source
• UI 로 설정한 값을 Editor 에서 확인 할 수 있다.

Tizen Web Project 의 생성부터 빌드, 실행, 디버깅 방법을 알아보자.

Tizen 2.0 Magnolia SDK 기준 환경으로 설명하겠다.

1. Tizen Web 프로젝트 생성 방법

• Tizen Web IDE > File > New > Tizen Web Project 클릭.
• 
• 클릭하면 다음과 같은 New Tizen Web Project Wizard 가 나타난다.
• 
• Eclipse 답지않게 Tab 으로 카테고리가 분류되어있다.
• Template
• Basic
• 기본 WebApp 구성 파일(html, css, javascript file)로 이루어진 프로젝트 Template
• Tizen Web UI Framework
• jQuery Mobile 을 확장한 Winset 을 가지고 있는 UI Framework 를 사용한 프로젝트 Template 로 Tizen Web UI Builder 프로젝트를 선택하면 UI Builder 로 디자인 구성이 가능하다.
• Single-Page Application
• Multi-page Application
• Master-Detail Application
• Navigation Application
• jQuery Mobile
• jQuery Mobile Framework 를 탑제하여 구성된 프로젝트 Template
• Single-Page Application
• Multi-page Application
• Master-Detail Application
• Navigation Application
• Tizen Web UI Builder
• Tizen Web UI Framework 을 사용하여 UI Builder 로 디자인을 직관적이고 편하게 할 수 있는 프로젝트
• Single-Page Application
• Multi-page Application
• Master-Detail Application
• Navigation Application
• Sample
• 기본 WebApp Template 이 아닌 Tizen Device API 를 이용한 Sample 및 고품질의 WebApp Sample 등의 다양한 프로젝트를 생성 할 수 있다.
• 일부 Sample 들은 다음에서 더 자세히 알아볼 수 있다.
• Tizen Sample Web Applications
• Intel Open Source
• Github
• User Template
• 사용자가 작성한 템플릿으로부터 프로젝트를 생성 할 수 있다.
• User Template Guide
• Basic 프로젝트를 생성해보자.
• 
• 생성되면 다음과 같은 파일구조의 Web 프로젝트가 생성된다.
• config.xml
• W3C 의 Widget 의 스펙을 충족하는 Web Application 의 상세 설정 파일
• index.html
• 기본 html 파일(entry point)
• style.css
• style 을 정의할 수 있는 기본 css 파일
• main.js
• 기본 javascript 파일
• 

2. Tizen Web 프로젝트 빌드 방법

• 프로젝트를 생성한 뒤에 내용을 수정하고 빌드를 해서 wgt 라는 확장자를 가지는 위젯을 만들어야 한다.
• wgt 라는 확장자를 가지는 위젯은 W3C 의 스펙으로, 프로젝트를 묶은파일이다.
• 빌드를 하는 방법은 다음 2가지 방법이 있다.
• Project > Build Project 를 체크하면 Save 시에 항상 빌드를 한다.
• 
• 수동으로 빌드를 하고싶을경우에는 Project 의 Root 폴더에서 마우스 우클릭 > Build Project
• 
• 빌드가 끝나면 다음과 같이 wgt 확장자를 가진파일이 생성되고, 이파일을 열어보면 현재 프로젝트의 내용들이 묶여있는것을 볼 수 있다.
• 

3. Tizen Web 프로젝트 실행 방법

• 왼쪽 하단의 Connection Explorer 의 Emulator Manager 버튼을 클릭하자.
• 
• Emulator Manager 의 tizen-2.0 > x86-standard 의 <<create new... >> 부분을 클릭하고 우측 아래의 Create 버튼을 누른다.
• 이후 Name 에 Emulator 의 이름을 입력한다.
• 
• Confirm 버튼을 누르면 애뮬레이터가 생성된다.
• 
• 우측 하단의 Launch 버튼을 누르면 애뮬레이터가 실행된다.
• 

• 애뮬레이터가 실행되면, 해당 애뮬레이터가 Connection Explorer 에 나타난다. 이곳에서 애뮬레이터 내부의 파일 구조를 탐색하거나 파일에 대해 push/pull 을 할 수 있다.
• 
• 애뮬레이터를 생성한 뒤에 실행할 프로젝트에서 마우스 우클릭 또는 Run 메뉴에서 해당 프로젝트를 실행 한다.
• Tizen Web Application 으로 실행 하면 애뮬레이터에서 실행되고, Tizen Web Simulator Application 으로 실행하면 크롬기반의 Web Simulator 에서 실행이 된다.
• 
• 

4. Tizen Web 프로젝트 디버깅 방법

• Tizen Web 프로젝트를 디버깅 하는 방법을 알아본다. 
• 기본적인 동작은 Debug As 로 실행하는 것외에 Run 과 동일하다. 
• 
• Debug As > Tizen Web Application 을 수행하면, 현재 Connection Explorer 에 선택되어 있는 애뮬레이터 혹은 디바이환경에서 디버깅이 수행되게 된다.
• 디버깅은 크롬기브라우져위에서 Remote Web Inspector 로 수행된다.
• 기본적인 조작법은 Chrome Web Inspector 의 조작법과 동일하다.
•