Library of developer

Github 는 외부저장소로서 최고의 인기를 끌고있는데, 의외의 숨겨진 기능이 많이 있다.

일단 자신의 계정으로 만든 github 페이지에서 웹페이지 호스팅까지 해주는 놀라운 기능이 있다.

예를 들어 Github 에 https://github.com/XXX 라는 XXX 계정을 만들고 로그인을 하였다면,

자기계정을 prefix 로 가지는 이름으로 XXX.github.io 이라는 이름의 Repository 를 생성한다.

이 Repository 에 index.html 을 비롯한 css, javascript 등의 파일을 commit 하면,

계정명이 앞에 먼저붙는 XXX.github.io 페이지에 호스팅이 바로 된다.

필자는 leechwin 이라는 계정으로 Github 에 로그인후 기본적으로 아래와 같이 leechwin.github.io 저장소를 생성하니 다음과 같이 저장소가 생성되었다.

index.html, css, javascript, image 등의 파일을 커밋한 후

http://leechwin.github.io/ 으로 접속하니 개인 홈페이지처럼 동작을 잘 한다.

참고로 위의 사이트에 사용된 자바스크립트 라이브러리는 다음과 같다.

1. jQuery 

• 너무나 유명한 DomElement Control 라이브러리이다.
• CSS Selector 의 개념을 알고있다면 쉽게 사용할 수 있다.

2. Twitter bootstrap

• Web UI Component 들을 제공하는 라이브러리이다.
• jQuery Mobile 도 유명하지만, 심플하고 깔끔한 Desktop, Mobile Web UI 에 개인적으로 더 나아보인다.
• bootstrap-responsive.css 를 적용하면, 해상도에 따라 자동으로 레이아웃 조절이 가능하기때문에 N-Screen 대용도 가능하다.
• 

3. Timeliner.js

• Vertical Timeline 을 구성하기 위해 쓴 라이브러리이다.
• expand/collapse 등을 지원하여 화려한 Vertical Timeline 을 구성할 수 있다.
• Demo
• 

4. ColorBox.js

• Image 를 깔끔한 Dialog 에 담아 slideshow 등을 가능하게 해주는 라이브러리이다.
• Demo
• 

• Horizontal  Vertical Timeline 을 지원하는 라이브러리이다.
• 개인적으로 좀 조잡해보여 적용하였다가 Timeliner.js 로 옮겼다.
• Demo
• 

각 저장소마다 gh-pages 라는 Branch 를 생성하고, 이 Branch 에 index.html 을 비롯한 css, javascript 등의 파일을 commit 하면 바로 호스팅이 된다.

1. Github 에 https://XXX.github.io/Project1 이라는 XXX 계정의 Project1 이라는 프로젝트를 생성

2. Project1 저장소에서 gh-pages 라는 Branch 를 생성하고 이곳에 index.html 을 비롯한 파일들을 commit

3. 이 후 XXX.github.io/Project1 페이지에 접속하면 바로 웹호스팅이 된다.

참고: https://help.github.com/articles/user-organization-and-project-pages/

VirtualBox 를 사용하여 Ubuntu, Windows 등을 사용하다가 처음에 지정해 놓았던 크기보다 사용량이 많아 디스크 용량이 부족하여 늘리고 싶은경우가 있다.

VM VirtualBox 관리자 에서는 디스크용량을 따로 늘리는 메뉴가 없는데...

큰용량의 새디스크를 생성하여 OS 를 새로 설치하는 삽질을 겪기 싫은데 따로 방법이 없을까?

여기에 기존 가상디스크(VDI) 의 용량을 늘리는 방법이 있다.

1. Ubuntu VirtualBox 저장소 (vdi) 용량 늘리기

• Ubuntu 12.04 에서 VirtualBox 를 가동하고 있을경우에 대해 설명하겠다.
• VirtualBox 는 저장소 용량을 늘릴 수 있는 API 를 제공한다.

• $ VBoxManage modifyhd <VID 이름> --resize <용량 MB 단위>

• 다음은 ubuntu12.03.vdi 라는 8G 의 저장소 파일을 20G 로 변환하는 명령어 예제이다.
• 
• 명령이 성공하면 VirtualBox 에서 저장소 공간이 20G 로 바뀌어 보인다.
• 

• 위의 저장소 이미지로 부팅을 해보면 파티션이 제대로 설정되어 있지 않아 내부의 실제 용량은 20G 가 반영되어 있지않다.
• 다음과 같이 수행하여 실제 20G 로 만들어 보자.
• 20G 로 바뀐 이미지를 Ubuntu 부팅디스크로 실행하여, 파티션분할(gparted) 메뉴까지 이동한다.
• 
• swap 파티션을 삭제하고, 주저장소(녹색)를 클릭하고 바꾸기버튼을 눌러 파티션 편집 메뉴를 열고, 새파티션 크기를 20480(20G) 로 설정한 후 OK 버튼을 누른다.
• 
• 이후 끝내기로 설치 프로그램을 끝내고 재부팅을 하면 프로그램내의 실제 하드디스크 용량도 20G 로 반영된다.
• 

2. Windows VirtualBox 저장소 (vdi) 용량 늘리기

• 윈도우즈 키 > cmd 입력 > Enter 를 누르면 command 쉘이 뜬다.
• 이곳에서 용량을 바꿀 가상이미지파일의 (VDI) 경로로 이동한다.
• C:\/Users/<userID>/Virtual VMs/Win7/<VDI 파일>
• VDI 파일이 위치한 곳에서 리눅스와 마찬가지로 명령을 입력
• VirtualBox 는 저장소 용량을 늘릴 수 있는 API 를 제공한다.

• VBoxManage modifyhd <VID 이름> --resize <용량 MB 단위>

• 명령이 성공하면 VirtualBox 에서 저장소 공간이 20G 로 바뀌어 보인다.
• 위의 저장소 이미지로 부팅을 해보면 파티션이 제대로 설정되어 있지 않아 내부의 실제 용량은 20G 가 반영되어 있지않다.
• 다음과 같이 수행하여 실제 20G 로 만들어 보자.
• 용량을 바꾼 VID 의 저장소 정보를 일부 수정
• 다음에서는 저장소의 하드디스크 포트를 SATA포트 0 에서 SATA포트 1 로 수정하였다.
• 
• 수정한 VID 로 부팅
• 윈도우즈 키 > 제어판 > 시스템 및 보안 >하드 디스크 파티션 만들기 및 포멧 클릭
• 
• 다음과 용량이 늘어나서 할당되지 않은 영역이 검은색으로 표시된다.
• C: 드라이브를 클릭하고 마우스 우클릭을 하면 메뉴에 볼륨 확장이 나타나는데 이를 클릭한다.
• 
• 볼륨확장 마법사를 수행하는 화면이 뜬다.
• 
• 볼륨확장을 위한 설정이 나오는데 Default 설정으로 최대공간으로 설정되어있으므로 다음을 누른다.
• 
• 완료를 하면 다음과 같이 C: 드라이브의 용량이 VDI 용량을 늘인것 만큼 확장되서 늘어나 있는것을 볼 수 있다.
• 

Ubuntu 11.10 에 Tizen 2.0 SDK Alpha 를 설치하는 법을 알아보자.

참고로 Tizen 2.0 SDK Alpha 는 2012-09-25 공개되었다.

1. 권장 하드웨어 사양은 다음과 같다. 원활한 설치를 원한다면 다음의 하드웨어 사양 이상을 추천한다.

• System
• CPU Dual-Core 2 GHz 이상
• RAM 2GB 이상
• HDD 3GB 이상

• Platform
• Ubuntu 32/64 bit 지원
• Ubuntu 11.04
• Ubuntu 11.10
• Windows 32/64 bit 지원
• Windows XP
• Windows 7
• 하드웨어가상화지원 PC 추천(VT-x)
• PC 에서 하드웨어가상화(VT-x)가 지원된다면 Emulator 속도가 훨씬 빠르다. 

• Oracle JDK 1.6 이상
• Ubuntu 에 Open JDK 도 있지만 안정성을 위해 Oracle JDK 1.6 이상을 설치한다.
• 설치법은 필자의 블로그에도 정리되어있다.
• Ubuntu 에 Oracle JDK 설치법
• 
• Google Chrome Browser
• Google Chrome Browser Download
• HTML5, CSS3 등의 Tizen Web Application 을 개발하기위한 Preview, Debugging, Simulator 등을 위해서 Chrome 이 필요하다.
• 
• 자신의 그래픽 드라이버를 최신으로 업데이트
• NVIDIA/ATI 드라이버등 자신의 그래픽 드라이버를 최신으로 Update 해야 Tizen Emulator 에서 고성능의 성능을 얻어낼 수 있다.

• Installer Manager
• SDK 는 Installer Manager 라는 약 5MB 가 안되는 작은 프로그램을 실행하면, SDK Image 라 불리우는 500MB 이상의 이미지를 알아서 다운받아서 설치해준다.
• SDK Image 는 Package Server 라는 저장소에 존재하는데, SDK Image 가 Update 되면 Installer Manager 에서 이를 감지하여 Update 설치를 수행해준다.
• 네트웍속도가 느리다면, SDK Image 를 따로 다운받고 Installer Manager 에서 다운받은 이미지를 지정하면, 다운받은 SDK Image 를 설치할 수 있다.
• SDK Installer Manager Download
• Ubuntu 32bit - Install Manager Download
• Ubuntu 64bit - Install Manager Download
• SDK Image Download
• Ubuntu 32bit - SDK Image Download
• Ubuntu 64bit - SDK Image Download

4. 다운받은 Install Manager 파일에 실행권한을  주고 실행해보자.

• 다음과 같이 Install Manager 실행을 위해 필요한 패키지 설치를 하라는 메시지가 나온다.
• 

• apt-get 으로 다음과 같이 설치해준다.
• gettext
• expect
• gtk-engines-pixbuf
• libgnome2-0

• $ sudo apt-get install gettext expect gtk-engines-pixbuf libgnome2-0

• 이제 Install Manager 를 다시 실행하면 다음과 같이 실행이 된다.
• 

5. Advanced 버튼을 한번 눌러보면 다음과 같은 메뉴가 나온다.

• Package Server : SDK Image 를 Download 받을 수 있는 Package Server
• 해당 패키지서버를 Browser 로 탐색해보면 Binary 가 Zip 형식으로 패키징 되어있는것을 볼 수 있다.
• 
• Distribution : SDK 의 Version 을 다르게 하여 설치 할 수 있다.
• SDK Image : 위의 3번에서 설명한 Download 받은 SDK Image 를 지정하여 SDK 를 설치할 수 있는 메뉴

6. 다시 OK 를 눌러 돌아와서 라이센스 체크를 하고 Next 를 Click.

7. 다음과 같이 인스톨 Type 을 설정 할 수 있다. 

• 기본설치: 약 600MB 정도로, Web IDE, Web Simulator, Command Line Tools, Emulator,  Web Sample 등이 설치된다.
• 최소설치: Web IDE 를 제외하고, Command Line Tool 위주로 개발이 가능하게 하는 저용량 설치타입
• 사용자정의 설치

8. Custom 메뉴로 해당 항목들을 살펴보자.

• Web App Development
• Command Line Tools: Command Line 으로 Web App 개발을 지원해주는 툴
• Web Simulator: Chrome Browser의 Extension 으로 동작하는 Web App simulator
• Web IDE: Web App 개발을 지원해주는 Eclipse Based Development Tool
• Common Tools
• Emulator: Emulator Manager 와 같은 Tizen Emulator 지원 툴
• Platforms
• Tizen 2.0
• Web Samples: Web App 으로 생성되는 Web Sample. 패키지가 따로 빠져있는걸로 보아서 외부에서  기여도 가능한듯.
• Platform Image: 실제 Real Device 와 같은 효과를 내주는 Tizen Emulator 용 Image
• Documents: Web IDE 의 Eclipse Help Contents 등에 기여되는 Document

9. 원하는 인스톨 타입으로 설정 후 Next 를 누르면 다음과 같이 SDK Image 를 다운 받고, 설치에 들어간다.

  - SDK Image Download 및 설치까지 약 20분내외로 추정됨.

10. 설치가 완료되면 다음과 같이 Installation Completed 라는 창이 뜬다. 

  - 이제 Tizen SDK 를 써볼 수 있다!!

11. Relese Note 를 보면 제공되는 여러 Feature 정보등을 알 수 있다.

12. 설치완료 후 재부팅을 한다.

13. Linux 의 메뉴에서 tizen 으로 검색하여 Tizen IDE 를 Click 하면 Tizen IDE 가 실행이 되는 모습을 볼 수 있다.

14. 처음 프로젝트 생성시 가끔 다음과 같은 에러가 발생하는 경우가 있다.

• No more handles [Unknown Mozilla path (MOZILLA_FIVE_HOME not set)]
• 

• 이 경우는 Linux 에서 Eclipse 의 SWT Browser 에서 필요한 라이브러리가 없는 경우로 다음과 같이 조치해야 한다.
• 참고 : http://www.eclipse.org/swt/faq.php#browserlinuxrcp
• XUL Runner 설치

• $ sudo apt-get install xulrunner-1.9.2

• 위의 명령어로 설치가 안된다면 다음과 같이 저장소를 추가해주어야 한다.
• Ubuntu > Update Manager(업데이트 관리자) > Settings(설정) > Other software(기타소프트웨어) > Add (추가)
• deb http://archive.ubuntu.com/ubuntu hardy-updates main multiverse
• deb http://archive.ubuntu.com/ubuntu hardy main multiverse 
• 
• apt-get update

• $ sudo apt-get update

• xulrunner 설치

• $ sudo apt-get install xulrunner-1.9.2

15. 애뮬레이터의 속도를 향상시키기 위해서는 qemu-kvm 패키지도 꼭 설치하도록 하자.

• qemu-kvm

• $ sudo apt-get install qemu-kvm

Ubuntu 환경에서 JAVA 를 개발하거나 JRE 가 필요한 환경이 종종 발생한다.

Ubuntu 에서 제공하는 Open Source 인 Open JDK 도 있지만, 아직은 불안정하여 Oracle jdk 를 많이 설치한다.

다음에서는 Ubuntu 버전별로 Oracle JDK 설치법을 알아본다.

1. Ubuntu 공통

• 일단 기본적으로 apt-get 으로 인스톨을 시도해본다.

• $ sudo apt-get install sun-java6-jdk

• 패키지가 존재하지 않아 설치가 안된다면 다음과 같이 버전별로 다른 방법을 시도해 보자.

2. Ubuntu 10.04 이후 버전

• apt-get 설치시 관련패키지가 존재하지 않을 경우 /etc/apt/sources.list 파일을 열어 아래부분의 주석을 해제하고 저장한다.
• "#" 문자를 삭제.

• #deb http://archive.canonical.com/ubuntu lucid partner  #deb-src http://archive.canonical.com/ubuntu lucid partner

• 콘솔에서 아래와 같이 패키지를 업데트를 한다.

• $ sudo apt-get update && sudo apt-get dist-upgrade

• 업데이트 끝난 이후 다시 설치를 시도한다.

• $ sudo apt-get install sun-java6-jdk

3. Ubuntu 11.04 이후 버전

• apt-get 설치시 관련패키지가 존재하지 않을 경우 다음과 같이 콘솔에서 명령어로 저장소를 추가해준다.

• $ sudo add-apt-repository ppa:ferramroberto/java $ sudo apt-get update $ sudo apt-get install sun-java6-jdk sun-java6-plugin

• 콘솔에서 아래와 같이 패키지를 업데트를 한다.

• $ sudo apt-get update && sudo apt-get dist-upgrade

• 업데이트 끝난 이후 다시 설치를 시도한다.

• $ sudo apt-get install sun-java6-jdk

4. Ubuntu 12.04 이후 버전

• Oracle JDK 를 Download 한다.
• JDK 1.6 Download
• 참고로 JDK 와 JRE 와의 관계는 JDK 를 설치하면 JRE 는 깔려있다.
• JRE 는 Java Application 을 구동하기위한 최소한의 Runtime Environment 이고, JDK 는 Java Application 을 개발하기 위한 JRE 를 포함한 Development Kit 이다.
• JRE 1.6 Download
• JDK 를 다운받은 폴더로 이동하여 실행 권한을 준다.

• $ sudo chmod +x jdk-6u38-linux-i586.bin

• JDK 파일을 실행하여 압축을 푼다.

• $ ./jdk-6u38-linux-i586.bin

• JDK 압축이 끝나면 다음과 같이 JDK 압축이 풀린 jdk1.6.0_38 이란 폴더가 생긴다.
• 

• 생성된 폴더를 /usr/lib/jvm 폴더로 이동시킨다.

• $ sudo mv jdk1.6.0_38/ /usr/lib/jvm/

• 시스템내에서 자바를 설치한다.

• $ sudo update-alternatives --install /usr/bin/javac javac /usr/lib/jvm/jdk1.6.0_38/bin/javac 1

• 설치된 자바의 버전을 확인한다.

• $ java -version

Windows 7 에 Tizen 2.0 SDK Alpha 를 설치하는 법을 알아보자.

참고로 Tizen 2.0 SDK Alpha 는 2012-09-25 공개되었다.

1. 권장 하드웨어 사양은 다음과 같다. 원활한 설치를 원한다면 다음의 하드웨어 사양 이상을 추천한다.

• System
• CPU Dual-Core 2 GHz 이상
• RAM 2GB 이상
• HDD 3GB 이상

• Platform
• Ubuntu 32/64 bit 지원
• Ubuntu 11.04
• Ubuntu 11.10
• Windows 32/64 bit 지원
• Windows XP
• Windows 7
• 하드웨어가상화지원 PC 추천(VT-x)
• PC 에서 하드웨어가상화(VT-x)가 지원된다면 Emulator 속도가 훨씬 빠르다. 

• Oracle JRE 1.6 이상
• JRE 1.6 Download
• 참고로 JDK 와 JRE 와의 관계는 JDK 를 설치하면 JRE 는 깔려있다.
• JRE 는 Java Application 을 구동하기위한 최소한의 Runtime Environment 이고, JDK 는 Java Application 을 개발하기 위한 JRE 를 포함한 Development Kit 이다.
• 
• Google Chrome Browser
• Google Chrome Browser Download
• HTML5, CSS3 등의 Tizen Web Application 을 개발하기위한 Preview, Debugging, Simulator 등을 위해서 Chrome 이 필요하다.
• 
• 자신의 그래픽 드라이버를 최신으로 업데이트
• NVIDIA/ATI 드라이버등 자신의 그래픽 드라이버를 최신으로 Update 해야 Tizen Emulator 에서 고성능의 성능을 얻어낼 수 있다.
• 자신의 PC 가 하드웨어가상화(VT-x)를 지원한다면, Intel Hardware Accelerated Execution Manager 를 설치한다.
• 자신의 PC에서 가상화지원이 되는지 안되는지 잘 모르겠다면, 일단 다운받아서 실행해보면, 가상화 지원이 안되는 PC 이면 알아서 설치가 안된다. -_-;
• About Intel Hardware Accelerated Execution Manager
• Intel Hardware Accelerated Execution Manager Download
• 

• Installer Manager
• SDK 는 Installer Manager 라는 약 5MB 가 안되는 작은 프로그램을 실행하면, SDK Image 라 불리우는 500MB 이상의 이미지를 알아서 다운받아서 설치해준다.
• SDK Image 는 Package Server 라는 저장소에 존재하는데, SDK Image 가 Update 되면 Installer Manager 에서 이를 감지하여 Update 설치를 수행해준다.
• 네트웍속도가 느리다면, SDK Image 를 따로 다운받고 Installer Manager 에서 다운받은 이미지를 지정하면, 다운받은 SDK Image 를 설치할 수 있다.
• SDK Installer Manager Download
• Windows XP/7 32bit - Install Manager Download
• Windows 7 64bit - Install Manager Download
• SDK Image Download
• Windows XP/7 32bit - SDK Image Download
• Windows 7 64bit - SDK Image Download

4. 다운받은 Install Manager 파일을 클릭하여 실행하자.

5. Advanced 버튼을 한번 눌러보면 다음과 같은 메뉴가 나온다.

• Package Server : SDK Image 를 Download 받을 수 있는 Package Server
• 해당 패키지서버를 Browser 로 탐색해보면 Binary 가 Zip 형식으로 패키징 되어있는것을 볼 수 있다.
• Distribution : SDK 의 Version 을 다르게 하여 설치 할 수 있다.
• SDK Image : 위의 3번에서 설명한 Download 받은 SDK Image 를 지정하여 SDK 를 설치할 수 있는 메뉴

6. 다시 OK 를 눌러 돌아와서 라이센스 체크를 하고 Next 를 Click

7. 다음과 같이 인스톨 Type 을 설정 할 수 있다. 

• 기본설치: 약 600MB 정도로, Web IDE, Web Simulator, Command Line Tools, Emulator,  Web Sample 등이 설치된다.
• 최소설치: Web IDE 를 제외하고, Command Line Tool 위주로 개발이 가능하게 하는 저용량 설치타입
• 사용자정의 설치

8. Custom 메뉴로 해당 항목들을 살펴보자.

• Web App Development
• Command Line Tools: Command Line 으로 Web App 개발을 지원해주는 툴
• Web Simulator: Chrome Browser의 Extension 으로 동작하는 Web App simulator
• Web IDE: Web App 개발을 지원해주는 Eclipse Based Development Tool
• Common Tools
• Emulator: Emulator Manager 와 같은 Tizen Emulator 지원 툴
• Platforms
• Tizen 2.0
• Web Samples: Web App 으로 생성되는 Web Sample. 패키지가 따로 빠져있는걸로 보아서 외부에서  기여도 가능한듯.
• Platform Image: 실제 Real Device 와 같은 효과를 내주는 Tizen Emulator 용 Image
• Documents: Web IDE 의 Eclipse Help Contents 등에 기여되는 Document

9. 원하는 인스톨 타입으로 설정 후 Next 를 누르면 다음과 같이 SDK Image 를 다운 받고, 설치에 들어간다.

  - SDK Image Download 및 설치까지 약 20분내외로 추정됨.

10. 설치가 완료되면 다음과 같이 Installation Completed 라는 창이 뜬다. 

  - 이제 Tizen SDK 를 써볼 수 있다!!

11. Relese Note 를 보면 제공되는 여러 Feature 정보등을 알 수 있다.

12. Windows 의 시작 메뉴에 있는 Tizen IDE 를 Click 하면 Tizen IDE 가 실행이 되는 모습을 볼 수 있다.

- Windows 에서 설치는 그다지 어렵지 않다. 차후 Tizen 2.0 SDK 정식 버전이 나오면 다시 한번 설치 해봐야 겠다.

Android, IOS, Bada 등과 같은 Application 개발용 플랫폼으로 Tizen 이라는 플랫폼이 대두되고 있다.

Tizen 플랫폼은 삼성, 인텔, Linux foundation 등이 손을 잡고 개발중인 Linux Based 플랫폼으로 개발진행 중으로 Android 와 같은 오픈소스 플랫폼이라고 한다.

Tizen 이라는 뜻은 연결이라는 뜻의 "Tie" 와 활동적인이라는 뜻의 "Rise", 선이라는 뜻의 "Zen" 이라는 단어의 합성어라고 한다.

 - https://developer.tizen.org/support/faq

• 공식 사이트: https://www.tizen.org/
• 개발자 사이트: https://developer.tizen.org/
• SourceCode 사이트: https://source.tizen.org/
• Gerrit 사이트: https://review.tizen.org/git/
• BugReport 사이트: https://bugs.tizen.org/

1. Tizen 2.0 SDK Magnolia 사양 (2013-02-18)

• System
• CPU Dual-Core 2 GHz 이상
• RAM 2GB 이상
• HDD 3GB 이상

• Platform
• Ubuntu 32/64 bit 지원
• Ubuntu 11.04
• Ubuntu 11.10
• Ubuntu 12.04
• Windows 32/64 bit 지원
• Windows XP
• Windows 7
• MAC OS X 지원
• 10.7 Lion
• 10.8 Mountain Lion

• Oracle Java 1.6 이상

• 하드웨어가상화지원 PC 추천(VTx)

꽤 유명한 UI mockup 툴인 Balsamiq 에서 Ecipse 관련 UI 를 구성할 때, 처음부터 그리는 방법도 있지만, 기존 Eclipse 에서 쓰던 Dialog 나 Preference 등을 차용해서 수정하고 싶은 경우가 있다.

Eclipse 의 Widget 이나 Winodw 들의 mockup 을 그대로 Balsamiq 으로 옮겨올 수 있는 방법을 소개한다.

1. Eclipse 설정

1. 먼저 Eclipse 에서 balsamiq 으로 mockup 을 export 할 수 있도록 Eclipse 에 Balsamiq plugin 을 설치해야한다.
2. Eclipse > Help > Install New Software...
1. Update site: http://update.xam.dk
2. Github: https://github.com/maxandersen/update.xam.dk
3. Eclipse 재시작

2. Ecipse 에서 원하는 Window, Dialog, Widget 등을 클릭한후 Alt + Shift + F4 를 누르면, Balsamiq  Mockup 스타일의 xml 로 클립보드에 저장된다.

3. 가끔 Alt + Shift + F4 를 눌러도 동작하지 않는경우도 있는데, 이는 Eclipse 에 단축키가 충돌이 난경우 이므로 다음과 같이 조치한다.

1. Eclipse > Window > Preference > General > Keys
2. balsamiq 으로 검색
3. Copy SWT/Balsamiq to Clipboard 선택
4. Binding: 옵션을 수정

4. Balsamiq 에서 Eclipse 에서 선택한 mockup 불러오기

1. Balsamiq > Menu > Project > Import Mockup XML...(CTRL+SHIEF+E) 선택 후 ctrl + v 로 클립보드에 저장된 mockup 을 붙여넣기한다.

5. 다음과 같이 Eclipse 의 UI 를 그대로 Balsamiq Mockup 으로 옮겨와 진다.

6. Video tutorial

windows 와 linux 이용자들은 mac 에서의 키들이 어색해서 처음에 잘 적응이 안된다.

본인도 mac 초보이기때문에 mac 을 쓰면서 자주쓰는 키들에 대해 정리를 해보려한다.

 : shift

 : control

 : option

 : command

전체화면전환/복귀 : control + command + F

윈도우축소 : command + M

모든윈도우축소 : option + command + M

프로그램간 이동 : command + tab

프로그램간 순차이동 : command + `

한/영 전환 : command + space

한자 전환 : option + return

현재 프로세스 종료 : command + Q

강제종료 : option + command + esc

삭제 : command + delete

휴지통비우기 : command + shift + delete

맨앞으로 커서이동 : command + 왼쪽화살표

맨뒤로 커서이동 : command + 오른쪽화살표

맨위로 커서이동 : command + 위쪽화살표

맨아래로 커서이동 : command + 아래쪽화살표

현재 Desktop 전체 화면 캡쳐 : shift + command + 3

현재 Desktop 전체 화면 클립보드 캡쳐 : shift + control + command + 3

사용자 정의 화면 캡쳐 : shift + command + 4

사용자 정의 화면 클립보드 캡쳐 : shift + control + command + 4

원하는 window 객체만 지정하여 화면 캡쳐 : shift + command + 4 + space

원하는 window 객체만 지정하여 화면 클립보드 캡쳐 : shift + control + command + 4 + space

로그아웃 : shift + command + Q

즉시로그아웃 : shift + option + command + Q

삼바서버접속 : command + k

Chrome 

 - Inspector : option + command + I

 - 새창열기 : command + N

 - 새 Tab 열기 : command + T

 - 현재 Tab 닫기 : command + W

 - 현재 Tab Refresh : command + R

 - Tab 간 이동 : control + tab

 - Find : command + F

다음과 같이 Ubuntu 에서 Tooltip 의 내용이 하나도 안보이는 경우가 있다. 

원인은 Tooltip 의 Background Color 가 검정색으로 지정되어 있어서 Tooltip 의 내용을 볼 수 없는 현상이다.

위의 문제를 해결하는 방법은 다음과 같다.

1. gnome-color-chooser 가 없다면 apt-get 으로 설치한다.

2. gnome-color-chooser 를 실행.

3. GNOME Color Chooser > Specific  > Tooltips > Background 체크 (원하는 Background Color 설정가능)

4. Apply 버튼 클릭

5. Tooltip 이 보이지 않는 프로그램 재실행을 하면 다음과 같이 Tooltip 의 Background Color 가 바뀌면서 해당 내용이 보인다.

다음과 같이 Ubuntu 에서 Menu 목록에 해당하는 아이콘이 나오지 않는 경우가 있다.  

위의 문제를 해결하는 방법은 다음과 같다.

1. gconf-editor 가 없다면 apt-get 으로 설치한다.

• $ sudo apt-get install gconf-editor

2. gconf-editor 를 실행.

• $ gconf-editor

3. gconf-editor 에서  desktop > gnome > interface > menus_have_icons 를 체크

4. Menu 아이콘이 보이지않는 프로그램을 종료 후 재실행한다.

5. 위의 작업을 수행해도 계속 Menu 목록의 해당 아이콘이 보이지 않는다면, Terminal 에서 다음 명령을 수행한다.

• $ gsettings set org.gnome.desktop.interface menus-have-icons true

6.다시 Menu 아이콘이 보이지않는 프로그램을 종료 후 재실행하면 다음과 같이 Menu 목록의 해당 아이콘이 보인다.

Ubuntu 14.04 이상에서는 위와 같이 해도 동작을 하지 않는 경우가 있다. 이는 GTK관련 버그로 다음과 같이 설정을 하고 eclipse 를 터미널에서 수행하거나, 아래의 설정이 포함된 실행 스크립트를 작성하여 실행시켜야 한다.

• $ export SWT_GTK3=0
  $ export UBUNTU_MENUPROXY=0
  $ ./eclipse -showlocation

• #!/bin/bash
  export SWT_GTK3=0
  export UBUNTU_MENUPROXY=0
  ./eclipse -showlocation

Reference: http://blog.vogella.com/2014/02/21/using-eclipse-luna-on-ubunbu/