이 블로그를 구독하시는 분들보단, 검색해서 들어오시는 분들이 압도적으로 많은 상황에서

이런 글을 쓰는게 의미가 있을진 모르겠습니다만 :)

http://joyinmysoul.com 으로 블로그를 이전합니다.

이 블로그는 그대로 놔둘 생각이구요, 앞으로 새로운 글들은 저 곳에 포스팅 할 예정입니다.

많이 찾아주세요 ^^

mockup 이란 ‘모형’ 이란 뜻의 영단어로, 어떤 제품이 나오기 전에 대강 모형을 만들어보는 걸 mockup 이라 부릅니다. 이런 툴들이 여러가지 있는데, 그 중에 오늘은 Balsamiq Mockup 을 소개해 보려 합니다.

우선 스크린샷을 보고 시작할까요.

Adobe Flex Air 로 구현이 되어 있어서 운영 체제와 상관 없이 Windows, Linux, Mac OS X 에서 모두 사용 가능합니다. 그런 면에서 참 매력적이군요. 그리고 다양한 컴포넌트들이 메뉴에 있죠? 그대로 드래그 해서 사용하면 됩니다. 컴포넌트가 굉장히 많아서 오른쪽으로 스크롤해야 하는게 약간 전 불편하게 느껴져서 컴포넌트 바를 왼쪽으로 옮겨 봤습니다.

전 이게 더 보기 좋네요^^

일반 응용 어플리케이션이나 웹 사이트, 그리고 아이폰 용 어플리케이션 까지 모두 두루두루 mockup 작업하기가 좋게 되어 있습니다. 아이콘도 다양하게 있어서 유저가 골라서 삽입할수가 있구요.

이런 저런 사용법 익히고 장난좀 쳐보다가, 제가 이번에 학교에서 조별 프로젝트로 만드는 아이폰용 어플이 있어서, 조금만 만들어봤습니다. balsamiq mockup 을 처음 접하고서 아래 모습에 이르는데까지 약 40분 정도 걸린 것 같습니다. 사이트에 처음 들어와서 사용법 익혀보고 이것 저것 장난 치다가 만들어봐야지 하는 생각이 들어서 다 만든데 40분이면… 꽤 짧은 편이죠?^^ 좀더 익숙해지면 속도가 더 붙을 것 같습니다.

다른 서비스들과 달리 손으로 직접 그린 듯한 느낌이 나는 디자인이 참 마음에 듭니다. 그런데, 기본적으로 Balsamiq Mockup 을 설치했을 때, demo version 입니다. Register 하려면 $79 라고 합니다. 저처럼 이런 쪽이 업이 아니신 분들은 아무래도 좀 부담이 되는 가격이죠. 그래서 Balsamiq Mockup 에서는 친절하게도 무료로 라이센스를 얻는 방법을 여기에 직접 알려주고 있습니다. 제게 해당되는 사항은 블로그에 홍보를 해주는 경우 라이센스를 주겠다는 항목 밖에 해당 되는 게 없더군요. 사실 이 글도 그런 목적이 없지 않아 있습니다^^; 이런 글을 씀으로 라이센스를 얻어서라도 사용하고 싶을 정도로 마음에 들어서 그렇달까요 ^^

마지막으로 Balsamiq Mockup 에서 제공하는, 순식간에 iTunes 의 mockup 을 만드는 동영상을 띄워 드립니다^^

처음으로 써보는 맥북과 아이폰 개발. 관련된 포스팅을 조금 올리게 될 것 같습니다^^ 저와 같은 초보자 분들은 약간 기대를 해주세요~~!

요즘 아이패드(iPad) 관련으로 온 블로그 세상이 떠들썩 한 것 처럼 느껴지네요^^ 거기에 일조하고 싶진 않았지만, 문득 떠오르는 생각이 있어서 끄적여 봅니다.

iPad 에게 단순히 커저버린 iPhone 이라는 비난을 하시는 분들도 계시는 것 같긴 한데요, 전 커진 것만으로 굉장히 큰 차이가 날 것 같습니다. 어떤 아이디어를 스케치하거나, 마인드맵으로 그려본다거나, UML 로써 간단히 관계를 그려보는 일들을 할 때 우리는

1. 종이 위에 작업을 하거나,
2. 노트북 혹은 데스크탑에서 관련 어플을 실행시켜 그 곳에서 작업을 합니다.

그런데 종이 위에 작업을 하는 건 때때로 불편합니다. 두 항목 사이에 끼워넣고 싶은데 워드에서 엔터 키 한번 누르면 될 일을… 종이 위에서는 다른 곳에 써놓고 화살표를 두 항목 사이에 가리키게 하던가, 아니면 지우개로 쓱싹 하고 다시 쓰던가. 종이와 펜이 갖는 고유의 한계가 있죠.

그리고 노트북이나 데스크탑에서 하려고 해도, 때때로 이들을 사용할 수 없는 장소가 있어요. 버스 정류장에서 버스를 기다리다가 아이디어가 떠올라서 간략하게 한 5분만에 스케치를 해보고 싶다고 해서, 노트북을 꺼내서 부팅을 시키고, 어딘가 앉을 곳을 찾아서 무릎 위에 놓고 작업을 하다가 버스가 오면 부리나케 노트북을 닫고 버스에 올라타야 하죠.

이럴 때, 아이패드(iPad)가 필요합니다. 아이폰이나 아이팟 터치로도 갑작스러운 아이디어 기록을 할 수는 있지만, 작은 액정 때문에 글이 아닌 이미지로 표현하는 건 쉽지가 않았거든요. 이럴 때, 아이패드(iPad)를 꺼내서 마인드 맵, UML, 혹은 그림으로 아이디어를 빠르게 스케치할 수가 있겠습니다^^

컴퓨터에서 마우스와 키보드만으로 그리던 마인드 맵, UML 등이 멀티 터치가 지원되는 기기 위로 올라가게 된다면, 또 새로운 어떤 User Interface 가 탄생하리라 기대해 볼 수도 있겠군요.

어설프게나마 합성해봤습니다^^

Rails 를 사용하시면서 gem install 로 어떤 gem 을 설치하려는데 다음과 같이 오류가 뜨더군요.

G:\Projects\private-projects\ProjectS>gem install ruby-debug
Building native extensions. This could take a while...
ERROR: Error installing ruby-debug:
ERROR: Failed to build gem native extension.

G:/InstantRails-2.0-win/ruby/bin/ruby.exe extconf.rb
creating Makefile

nmake
'nmake'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.

Gem files will remain installed in G:/InstantRails-2.0-win/ruby/lib/ruby/gems/1.
8/gems/ruby-debug-base-0.10.3 for inspection.
Results logged to G:/InstantRails-2.0-win/ruby/lib/ruby/gems/1.8/gems/ruby-debug
-base-0.10.3/ext/gem_make.out

구글링 해본 결과 간단하게 해결할 수 있을 듯 하더군요.

1. nmake 를 다운로드 받습니다.
2. 파일을 실행하면 nmake.exe, nmake.err 두 파일이 생깁니다.
3. 두 파일을 아무 폴더에 놓고 PATH 를 수정합니다. 혹은, 저 같은 경우에는 ruby.exe 파일이 있는 곳에 두 파일을 넣었습니다. ruby.exe 파일은 이미 PATH 에 들어가 있으니까요.

다음 포스팅을 참고 했습니다 : http://www.question-defense.com/…-or-batch-file

그래서 모두가 쉽게 할 수 있는 방법으로 가야겠다는 생각이 들었습니다. 바로 InstantRails 를 다운받아서 그걸 업데이트 시켜버리는 방법입니다.

1. http://rubyforge.org/frs/?group_id=904 에서 InstantRails 2.0 을 다운받습니다.
2. 압축을 푸는데, 저는 가급적 C 드라이브는 권하고 싶지 않구요, D 나 다른 드라이브의 Root 에 압축을 푸시길 권장합니다. 나중에 윈도우를 새로 설치한다든가 해서 C 드라이브를 포맷하면 InstantRails 를 다시 설치해야 하는 번거로움이 있습니다만, 다른 드라이브에 설치하게 되면 그런 문제 없이 계속해서 같은 환경에서 작업을 할 수 있게 되니까요.
3. 저는 D 드라이브에 압축을 풀고 폴더 이름도 조금 변경했습니다. 그래서 이 이후로는 D:\InstantRails\ 폴더를 기준으로 설명하겠습니다.
4. 자, 인스턴트 레일즈 폴더에 들어가셔서 InstantRails.exe 파일을 실행시켜 주시면, use_ruby.cmd 파일 내의 경로를 D:\… 어쩌구로 바꿔주길 원하느냐고 묻습니다. YES 눌러주시구요.
5. use_ruby.cmd 파일을 열어 봅시다. 그러면 그 안에 PATH D:\Insta… 이런 내용이 있습니다. D:\ 부터 %PATH% 이전까지의 내용을 복사해서, 환경 변수에 추가합니다. (환경 변수가 뭔지 모르신다면.. 구글링 하세요^^;)
6. 자, 이제 cmd 창 여시구요. 아래와 같이 입력하세요.

   gem update --system
   gem update --include-dependencies
   gem update rails

7. 위 과정은 조금 오래 걸립니다. 어쨋든 이러고 나면 ruby 1.8.6, rails 2.3.5, gem 1.3.5 버전의 작업 환경이 구축됩니다 :) 아, 버전은 이 글을 쓰는 당시 2009년 12월 23일에 업데이트된 최신의 버전이 저렇다는 겁니다ㅎ

아래는 제가 실패한 설치 후기들입니다. 완전한 실패라기보다, 오류가 발생하는데 그 오류들 잡아주기가 너무 번거롭거나 어려워서 포기했던 것들입니다.

실패1.

우선, 버전은 ruby-1.9.1-p129-i386-mswin32, rubygems-1.3.5, rails-2.1.0 입니다.

1. Ruby 설치하기
   1. 이 링크를 클릭하여 바이너리 파일을 다운로드 합니다
   2. C 드라이브 루트에 압축 파일을 풀어 놓습니다.
   3. 바탕화면의 “내 컴퓨터” 에 우클릭 하시구요, “속성” 누르시면 뜨는 창의 “고급” 탭으로 가시구요, “환경 변수” 라는 버튼을 클릭하세요.
   4. 그 뜨는 창에서 파란 글씨로 “시스템 변수” 라 써 있을 겁니다. 그 바로 아래의 리스트 박스에서 Path 라고 써있는 것을 선택하시고, “편집” 버튼을 누르세요.
   5. 변수 값 맨 뒤에
      • ; C:\ruby-1.9.1-p129-i386-mswin32\bin
      • 위 내용을 추가해 주세요. 여러 경로들을 구분하기 위해 ; 를 사용합니다.아, 물론 압축을 풀어 놓은 경로에 따라 조금 다르겠죠.
   6. 그리고, RubyGems 를 설치하기에 앞서, zlib.dll 을 설치해줘야 하는데요.
      1. 이 링크를 클릭하여 zlib 파일을 다운로드 합니다
      2. 압축을 풀고 그 안의 zlib1.dll 파일을 C:\ruby-1.9.1-p129-i386-mswin32\bin 위치로 복사합니다.
      3. 그리고 zlib1.dll 파일의 이름을 zlib.dll 로 바꿉니다.
   7. 또, readline.dll 이라는 녀석도 설치해줘야 합니다.
      1. 이 링크를 클릭하여 파일을 다운로드 합니다
      2. 압축을 풀고 그 안의 bin 폴더의 readline.dll 파일을 C:\ruby-1.9.1-p129-i386-mswin32\bin 위치로 복사합니다.
2. RubyGems 설치하기
   1. 이 링크를 클릭하여 소스 파일을 다운로드 합니다
   2. 역시 C 드라이브 루트에 압축 파일을 푸시구요
   3. 시작 – 실행 – cmd 엔터
   4. cd c:\rubygems-1.3.5 엔터
   5. ruby setup.rb 엔터
   6. 자, 이러면 설치가 됩니다. rubygems-1.3.5 폴더는 이제 지우셔도 됩니다.
   7. 그리고 기본적으로 설정되어 있는 source url 이 잘못된 것 같더군요.
      1. gem source --add http://gems.rubyonrails.org/
      2. gem source --remove http://gems.rubyforge.org/
   8. 위의 두 명령으로 새로운 소스 경로로 설정합니다.
   9. 그리고는 다시 cmd 창에서 “gem update” 엔터를 해보세요. 업데이트 할 게 없다고 나오면 OK :)
3. Rails 설치하기
   1. cmd 창에, “gem install rails -v 2.1.0″ 이라고 입력해봅시다.
   2. 끝^^;
4. 한 번 gem update 실행시켜 주셔서, 최신으로 버전을 유지해보세요^^

한 번 삽질을 해보았는데, 루비 1.9 버전이 그런건진 모르겠으나, readline.dll, zlib.dll 등 패키지에 원래 포함되어 있지 않은 녀석들이 있는게 좀 불편하다면 불편하다랄까요. 그래도, 다른 분들은 이 글 보고 삽질 덜 하시길 ^^; 조만간에 passenger 를 설치해보면서, 후기를 남겨보도록 하겠습니다! ^^

덧> 웹 서핑을 하다 보니 http://rubyinstaller.org/ 요런 사이트도 있군요… 끄응…

실패2.

• Ruby : http://rubyinstaller.org/download.html 에서 다운 받은 Ruby 1.9.1 RC1 인스톨러로 설치했습니다.
• RubyGems : 1.3.5 버전 다운받아서 ruby setup.rb 로 설치했습니다.
• Rails : gem install rails -v 2.1.0 –include-dependencies 으로 설치했습니다.

이렇게 환경을 설정해 놓고, 테스트 프로젝트를 만들었습니다. 그리고 컨트롤러(Controller)를 하나 만드는데 오류가 나더군요! 모델을 만들거나 rake 를 한다거나 하는 부분에서 오류가 났다면, mysql 을 아직 설치 안했으니까 그러려니 할텐데.

C:\test>ruby script/generate controller main
C:/test/config/boot.rb:86:in `load_rubygems': undefined method `>=' for nil:NilClass (NoMethodError)
        from C:/test/config/boot.rb:52:in `load_initializer'
        from C:/test/config/boot.rb:38:in `run'
        from C:/test/config/boot.rb:11:in `boot!'
        from C:/test/config/boot.rb:109:in `<top (required)>'
        from script/generate:2:in `require'
        from script/generate:2:in `<main>'

위와 같은 오류가 납니다. 그리고 서버를 실행시키는 것도 비슷하게 오류가 나네요.

C:\test>ruby script/server
C:/test/config/boot.rb:86:in `load_rubygems': undefined method `>=' for nil:NilClass (NoMethodError)
        from C:/test/config/boot.rb:52:in `load_initializer'
        from C:/test/config/boot.rb:38:in `run'
        from C:/test/config/boot.rb:11:in `boot!'
        from C:/test/config/boot.rb:109:in `<top (required)>'
        from script/server:2:in `require'
        from script/server:2:in `<main>'

실패3.

• Ruby
  • http://rubyinstaller.org/download.html 에서 Ruby 1.8.6 Final (patchlevel 26) 버전을 다운로드 해서 설치했습니다.
  • 위 인스톨러로 설치 과정에서 “Enable RubyGems” 를 선택했습니다.
  • 설치 후 환경 변수에 “c:\ruby” 를 추가했습니다.
• RubyGems
  • 1.3.5 버전 다운받아서 ruby setup.rb 로 설치했습니다.
  • 그리고 바로 gem update 해줬습니다.
  • gem install activesupport
  • gem install activeresource
• Rails : gem install rails -v 2.1.0 --include-dependencies 으로 설치했습니다.

이렇게 설치를 하고 나니까, 오류가 났는데 어떤 오류였는지는 기록을 못했네요…

예를 들자면, 한 화면에 어떤 것들이 떴다가 클릭을 했을 때, 커다란 이미지가 그 위에 덮이는 그런 슬라이드가 있다고 칩니다. 그런데 그걸 PDF 로 내보내거나 SlideShare.net 같은 곳에 업로드를 했을 때, 그 커다란 이미지가 덮여 있는 모습 밖에 볼 수가 없는 거죠. 그 뒤에 가려진 글씨는 영영 볼 수가 없는 것입니다.

그래서 검색에 검색을 거듭한 결과, 괜찮은 파워포인트의 Add-In 을 발견했습니다. 바로 이 곳에 가시면 다운 받으실 수 있습니다. 설치하고 나시면, 별도의 프로그램을 띄우는 게 아니라, 평소처럼 파워포인트를 띄우시면 새로운 메뉴가 생겨 있는 걸 발견하게 됩니다. 사용법은 저 홈페이지에 스크린샷으로 있으니까 한번 참고해보시구요.

저는 SlideShare.net 라는 서비스를 한 번 사용해 보기 위해서, 제 프레젠테이션 파일을 저 Add-In 으로 Split 한 후에 업로드 했습니다. 한 번 보실래요?^^ 학교에서 “정보 보호” 라는 수업을 듣고 있는데, 그 수업에서 제가 진행하는 프로젝트에 관한 소개 프레젠테이션입니다. 그런데, 제가 말로 했던 설명 없이 그림으로만 이렇게 보니까 뭔가 연결이 잘 안되고 부실해 보이는 부분은 없지 않아 있네요^^;

덧> 아 참, 윈도우 7에서는 잘 작동하지 않는 것 같더군요… ^^

그런데 다들 아시겠지만, 이게 혼자 쓰면 쓰는 맛이 안나는 서비스입니다. 물론 아직 어떻게 사용하는 지 등등 잘 모르지만… 혹시 저와 같이 구글 웨이브 가지고 놀아보실 분 계시면 댓글 주세요.

댓글 다실 때 이메일 주소를 쓰시면, 외부로는 노출되지 않고 저만 볼 수 있답니다. 구글 메일 주소 다시고 댓글 다시면, 제가 초청장 보내드리도록 할게요^^

8분에 한해서 보내드립니다~ 이 누추한 곳을 찾아주시는 분들을 위한 자그마한 선물…이 이걸로 될지는 모르겠습니다만^^

주말 즐겁게 보내세요^ㅡ^

1. 북마크바의 어떤 사이트를 누르면 현재 탭이 아닌 새 탭에서 열립니다.
2. 주소 창에 주소를 치고 엔터를 누르면 현재 탭이 아닌 새 탭에서 열립니다.

북마크바의 어떤 사이트를 새 탭에서 열 때는 Ctrl 키를 누른 채 클릭을 하면 됐었고, 새 탭에 어떤 사이트를 열려면 Ctrl+T 로 새 탭을 열고 주소를 쳐왔었는데 갑자기 방식이 바뀐 거죠. 그래서 적잖이 당황해 하다가, 천천히 옵션을 살펴본 끝에 원래대로 돌아가는 방법을 찾아냈습니다.

메뉴에 있는 크롬 플러스 옵션 페이지(ChromePlus Options Page) 를 선택하시거나, Ctrl+Shift+C 를 누르시거나, 주소창에 chrome://plusconfig/ 를 입력하세요. 그러면 크롬 플러스에 관한 설정 페이지가 나옵니다.

1. 그 중에 “Tab mode for opening ominibar URL:” 항목의 값으로 “Open ominibar URL in current tab.”를 선택해주시구요
2. “Tab mode for opening bookmark:” 항목의 값으로 “Open bookmark in current tab.”를 선택해주세요.

그리고 쭉 내려와서 “저장” 버튼을 누르시면, 예전과 같은 방식으로 탭을 활용하실 수 있습니다 :)

#1
어떻게 활용하냐하면, 잠깐 인터넷으로 뭘 검색할 일이 있다 싶으면, 컴퓨터를 키면서 멀티부팅 옵션에서 Chrome OS 를 선택합니다. 그러면 아주 빠르게 부팅이 되고, 제가 원하는 웹서핑을 할 수 있게 되죠.

#2
혹은 어딜 갔는데 짬이 나서 내 컴퓨터의 동영상이나 좀 감상하면서 시간을 때우고 싶습니다. 그런데 몇십초 걸려서 윈도우 띄우고 자동으로 백신이 실행되고 기타 등등이 실행되는 걸 다 기다린 후에야 동영상 틀기가 너무 귀찮다면, Chrome OS 로 부팅을 해서 가볍게 동영상을 볼 수 있습니다.

이런 식으로, 윈도우에서 사용하는 데스크탑 어플리케이션이 필요없고, 인터넷, 멀티미디어 감상 등의 기능만 가볍게 사용하고 싶을 때 Chrome OS 로 멀티부팅을 한다면 참 편리하겠죠?

사실 지금도, 뭐 하나 검색해볼 게 있어서 컴퓨터를 켰는데요. Chrome OS 를 맛보기 전에는 제가 지금 기다린 부팅 시간에 대해 ‘원래 그런 것’이라 여겼지만, 이제 Chrome OS 를 맛 본 이상 이런 상황에서의 이런 긴 부팅은 참 기다리기가 힘드네요ㅠㅠ