Library of developer

꽤 유명한 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 가 바뀌면서 해당 내용이 보인다.