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