BLOG ARTICLE RUBY | 3 ARTICLE FOUND

  1. 2008.10.23 OS X 어플리케이션 개발을 위한 Ruby - MacRuby (3)
  2. 2008.10.15 1. Ruby on Rails 설치 및 설정 (4)
  3. 2008.08.20 Cocoa-Ruby 어플리케이션 (6)

이전에 Cocoa-Ruby 어플리케이션이란 포스팅에서 deepblue님께서 댓글로 MacRuby를 언급하셔서 존재한다는 것만 알고 있었습니다. 오늘 애플의 맥개발 센타에서
Developing Cocoa Applications Using MacRuby란 문서를 보았습니다.

대충 읽어보니 MacRuby는 루비로 Mac OS X 어플리케이션을 만들기 위한 애플의 오픈소스 프로젝트이며, 성능저하를 해결하고 완벽하게 통합시켰다고 합니다. 다운로드 받아서 간단하게 살펴 보았습니다.

1. 설치
http://www.macruby.org/files/에서 현재 최신버젼인 MacRuby 0.3.zip 파일을 다운로드 받습니다. 압축을 풀면 나오는 설치파일을 실행하면 간편하게 설치할 수 있습니다.

설치가 완료되면 Xcode를 실행하고 New Project... 메뉴를 클릭하면 아래와 같이 User Templates / Application에 MacRuby Application이 추가되어 있는 것을 확인할 수 있습니다.


2. 어플리케이션 작성
이전에 포스팅했던 Xcode3 첫 어플리케이션에 나오는 Objective-C로된 AppController를 MacRuby로 변경해 보겠습니다. 인터페이스 빌더에서의 작업은 완전히 동일하기 때문에 여기서는 소스코드만 살펴보겠습니다.

1) Objective-C
기존의 AppController의 Objective-C 소스는 아래와 같습니다.

* AppController.h
#import <Cocoa/Cocoa.h>

@interface AppController : NSObject {
    IBOutlet NSTextField    *textLabel;
    IBOutlet NSTextField    *inputField;
  
    IBOutlet NSButton    *refreshButton;
    IBOutlet NSButton    *leftButton;
    IBOutlet NSButton    *rightButton;

    NSPoint    originalPoint;
}

- (IBAction)setLabel:(id)sender;
- (IBAction)moveLeft:(id)sender;
- (IBAction)moveRight:(id)sender;

@end

* AppController.m
#import "AppController.h"

@implementation AppController

- (void)awakeFromNib {
    NSImage *buttonImage = [NSImage imageNamed:NSImageNameRefreshTemplate];
    [refreshButton setImage:buttonImage];

    buttonImage = [NSImage imageNamed:NSImageNameGoLeftTemplate];
    [leftButton setImage:buttonImage];
  
    buttonImage = [NSImage imageNamed:NSImageNameGoRightTemplate];
    [rightButton setImage:buttonImage];
  
    originalPoint = [textLabel frame].origin;
}

- (IBAction)setLabel:(id)sender {
    [textLabel setStringValue:[inputField stringValue]];  
    [textLabel sizeToFit];
}

- (IBAction)moveLeft:(id)sender {
    [[textLabel animator] setFrameOrigin:originalPoint];
}

- (IBAction)moveRight:(id)sender {
    CGFloat xPos;
  
    xPos = [[[NSApp mainWindow] contentView] bounds].size.width;
    xPos -= [textLabel frame].size.width;
  
    NSPoint targetPoint = NSMakePoint(xPos, originalPoint.y);
    [[textLabel animator] setFrameOrigin:targetPoint];
}

@end


2) MacRuby
MacRuby로 변경한 코드는 아래와 같습니다.

* AppController.rb
class AppController
    attr_writer :textLabel, :inputField, :refreshButton, :leftButton, :rightButton
    originalPoint = NSPoint.new(0, 0)
   
    def awakeFromNib
        @buttonImage = NSImage.imageNamed(NSImageNameRefreshTemplate)
        @refreshButton.setImage(@buttonImage)
       
        @buttonImage = NSImage.imageNamed(NSImageNameGoLeftTemplate)
        @leftButton.setImage(@buttonImage)
       
        @buttonImage = NSImage.imageNamed(NSImageNameGoRightTemplate)
        @rightButton.setImage(@buttonImage)
       
        @originalPoint = @textLabel.frame.origin
    end
   
    def setLabel(sender)
        @textLabel.setStringValue(@inputField.stringValue)  
        @textLabel.sizeToFit
    end
   
    def moveLeft(sender)
        @textLabel.animator.setFrameOrigin(@originalPoint)
    end
   
    def moveRight(sender)
        @xPos = NSApp.mainWindow.contentView.bounds.size.width
        @xPos -= @textLabel.frame.size.width
  
        @targetPoint = NSPoint.new(@xPos, @originalPoint.y)
        @textLabel.animator.setFrameOrigin(@targetPoint)
    end
end

빌드하고 테스트를 해보면 Objective-C로 작성한 것과 완전히 동일하게 동작합니다. 문서를 보면 MacRuby는 실행시에 Objective-C 객체로 불러오고 Objective-C의 가비지콜렉터터를 사용한다고 합니다. 앞으로는 애플에서도 Cocoa-Ruby보다는 MacRuby에게 힘을 실어 주지 않을까 하는 생각이 듭니다. 또한 MacRuby는 기존 Ruby와는 별도로 macruby, macirb, macri macrdoc, macgem등 커멘드라인 유틸리티도 별도로 제공하고 있습니다.

자세한 자료와 튜토리얼등은 MacRuby 홈페이지에 잘 나와있습니다.

Ruby on Rails로 회사 홈페이지를 만들어 보기로 했습니다. Ruby는 몇가지 예제만 만들어 보았고 Rails 역시 간단한 샘플만 따라 해 본 정도입니다.

현재 'rails www'로 프로젝트를 만들어 놓고 관망중인 상태입니다. 실질적으로 만들어 볼려고 하니 경험이 없어 막히는 부분도 많고 진도가 잘 나가지 않네요.

주위에 편하게 물어 볼 사람도 없고 혼자서 계속 삽질만 하고 있습니다. 잘 쓰시는 분들로 부터 지도편달도 받고 배워가는 것을 정리도 하고 동기부여도 할겸 공개적으로 삽질과정을 블로그에 올릴려고 합니다.

제가 설치한 환경은 아래와 같습니다.

  • 리눅스(CentOS 5)
  • Apache 2
  • MySQL 5

아래의 관련 사이트들에서 자료와 문서들을 구할 수 있습니다.


필요한 설치 파일들은 루비온레일즈 다운로드 페이지에 소개되고 링크되어 있습니다. 아래의 방법외에 사용하시는 리눅스 배포본예 따라 yum이나 apt-get을 이용하여 간편하게 설치할 수 있습니다.


1. ruby 설치
루비의 다운로드 페이지에서 최신버젼을 다운로드 받습니다. 현재 안정된 최신 버젼은 1.8.7입니다.

1) 설치
> wget ftp://ftp.ruby-lang.org/pub/ruby/1.8/ruby-1.8.7-p22.tar.bz2
> tar -xvjf ruby-1.8.7-p22.tar.bz2
> cd ruby-1.8.7-p22
> ./configure
> make
> make test
> make install

2) 확인
쉘상에서 irb를 실행하여 확인할 수 있습니다. irb는 대화형 루비쉘입니다.

> irb
irb> puts "hello"
hello
=> nil
irb> quit


2. RubyGems 설치
RubyGems는 루비 패키지 관리툴입니다. RubyGmes로 루비 프로그램이나 라이브러리등을 손쉽게 설치할 수 있습니다.

> wget http://rubyforge.org/frs/download.php/43985/rubygems-1.3.0.tgz
> tar -xvzf rubygems-1.3.0.tgz
> cd rubygems-1.3.0
> ruby setup.rb


3. Rails 설치
Rails는 위에 설치한 RubyGems로 아래와 같이 간편하게 설치할 수 있습니다.

> gem install rails --include-dependencies


4. MySQL/Ruby 설치
루비에서 MySQL을 사용할 수 있도록 사용할 수 있게 해주는 모듈입니다. 루비에서 공식적으로 지원하는 다른 방법이 있는지는 모르겠습니다.

1) 설치
> wget http://tmtm.org/downloads/mysql/ruby/mysql-ruby-2.8.tar.gz
> tar -xvzf mysql-ruby-2.8.tar.gz
> cd mysql-ruby-2.8pre4
> ruby extconf.rb --with-mysql-dir=/usr/local/mysql
> make
> make install

2) 확인
아래와 같이 test_db.rb 파일을 만들고 쉘상에서 ruby test_db.rb로 실행하여 확인하실 수 있습니다.

require "mysql"
db = Mysql::new("HOST", "USER_ID", "PASSWORD", "DATABASE")
res = db.query("select * from TABLE_NAME")
res.each_hash do |row|
  puts row['FIELD_NAME']
end 


5. passenger 설치
rails는 자체 웹서버를 구동할 수 있지만 아파치와 연동해서 가상 호스트로 사용하는 것이 편하기 때문에 passenger를 설치합니다. passenger외에도 다양한 웹서버가 존재하지만 설치가 가장 간편하기 때문에 passenger를 선택했습니다.

개발시에는 로그나 오류메시지를 친절하게 보여주는 Webrick이나 Mongrel을 사용하는 것이 더 편할 것 같습니다.

1) 설치
현재 버젼은 2.0.3이며 gem으로 설치할 수 있습니다.

> gem install passenger
> passenger-install-apache2-module

2) httpd.conf 파일 수정
메시지를 확인해 보시고 엔터를 입력합니다. 아파치 httpd.conf에 아래의 내용을 추가합니다. (서버의 환경과 버젼에 따라 수정해야될 부분이 있을 수도 있습니다)

LoadModule passenger_module /usr/local/lib/ruby/gems/1.8/gems/passenger-2.0.3/ext/apache2/mod_passenger.so

PassengerRoot /usr/local/lib/ruby/gems/1.8/gems/passenger-2.0.3
PassengerRuby /usr/local/bin/ruby

3) 가상 호스트 등록
httpd-vhosts.conf에 사용할 호스트를 추가하고 아파치를 재시작 합니다. 도메인과 디렉토리는 환경에 맞게 수정합니다.

<VirtualHost *:80>
    ServerName DOMAIN
    DocumentRoot /home/zzerr/www/public
</VirtualHost>


6. 테스트

1) 프로젝트 생성
이제 적당한 디렉토리에서 아래와 같이 실행하여 rails 프로젝트를 생성합니다.

> rails www -d mysql

2) 확인
웹브라우져에서 아파치에 가상호스트로 등록했던 도메인을 입력하여 아래와 같은 메시지가 나오는지 확인합니다.



이제 본격적으로 삽질할 준비를 완료했습니다. 루비온레일즈 초보자의 설치기를 올려 보았는데, 뭐 좋은 거(?) 알고 계신 분들은 많은 조언 부탁드리겠습니다.

'기타' 카테고리의 다른 글

3. Rails 어플리케이션 기본 설정  (4) 2008.10.21
2. Rails 어플리케이션 생성  (0) 2008.10.20
1. Ruby on Rails 설치 및 설정  (4) 2008.10.15
아이팟 터치 2세대  (8) 2008.10.10
OS X 루트계정 활성화  (6) 2008.10.08
nib 파일 둘러보기  (7) 2008.09.01

OS X 10.5에는 Ruby(v 1.8.6)와 Rails(v 1.2.6)가 설치되어 있습니다. Ruby를 이용하여 Cocoa Application을 만드는 방법을 간단히 알아 보겠습니다. 실제 테스트를 해보니 Ruby와 Cocoa가 이정도까지 잘 결합될 수 있는 것이 신기하네요.

1. 프로젝트 생성
사용자 삽입 이미지
New Project를 클릭하고 프로젝트 템플릿의 Max OS X/Application에서 Cocoa-Ruby Application을 선택합니다. 프로젝트명에 'CocoaRuby' 또는 원하시는 프로젝트명을 입력하고 Save 버튼을 클릭합니다.




2. 기존 코코아 어플리케이션과 차이점
사용자 삽입 이미지
그룹에서 보시면 Objective-C의 main.m과 함게 새로 추가된 Ruby의 rb_main.rb 파일이 생성되어 있습니다.



1) main.m
#import <Cocoa/Cocoa.h>
#import <RubyCocoa/RBRuntime.h>

int main(int argc, const char *argv[])
{
    return RBApplicationMain("rb_main.rb", argc, argv);
}

Ruby를 위한 'RBRuntime.h'가 import되어 있습니다. 그리고 Cocoa에서 일반적으로 사용하는 'return NSApplicationMain(argc,  (const char **) argv);' 대신에 RBApplicationMain("rb_main.rb", argc, argv)로 대체되었습니다. 어플리케이션이 시작되면 'rb_main.rb' 루비 스크립트가 실행됩니다.

2) rb_main.rb
require 'osx/cocoa'

def rb_main_init
  path = OSX::NSBundle.mainBundle.resourcePath.fileSystemRepresentation
  rbfiles = Dir.entries(path).select {|x| /\.rb\z/ =~ x}
  rbfiles -= [ File.basename(__FILE__) ]
  rbfiles.each do |path|
    require( File.basename(path) )
  end
end

if $0 == __FILE__ then
  rb_main_init
  OSX.NSApplicationMain(0, nil)
end

* if $0 == __FILE__ then
현재 파일이 메인일 경우에 실행됩니다. 위의 'RBApplicationMain'에서 'rb_main.rb'을 실행하기 때문에 if내의 명령들이 실행됩니다.

* rb_main_init
Ruby에서 코코아와 기타 프레임워크에 접근을 위해 필요한 파일을 include 합니다.

* OSX.NSApplicationMain(0, nil)
기존의 NSApplicationMain을 실행합니다.


3. Ruby AppController 생성

AppController를 Ruby class로 만들어 보겠습니다. NewFile을 클릭하고 아래와 같이 Ruby 항목에서 'Ruby NSObject subclass'를 선택합니다.

사용자 삽입 이미지

FileName에 'AppController.rb'를 입력하고 Finish버튼을 클릭합니다. 아래와 같이 NSObject의 서브클래스로 AppController Ruby 클래스가 생성되어 있습니다. 푸른색으로 되어 있는 부분을 추가합니다.

require 'osx/cocoa'

class AppController < OSX::NSObject
    ib_outlet :inputText
    ib_outlet :outputText
   
    def buttonClicked(sender)
        OSX.NSLog("Button Clicked");
        @outputText.setStringValue("Hello~ #{@inputText.stringValue}")
    end
   
    ib_action :buttonClicked
end

* ib_outlet, ib_action
IBOutlet과 (IBAction) 대신에 Ruby에서는 ib_outlet과 ib_action을 사용하며 용도는 동일합니다.

* dot(.)
기존 프레임워크들의 클래스 메소드는 '.'를 이용해서 호출하고 함수들은 앞에 'OSX.'를 추가해서 호출합니다.


4. 인터페이스 빌더에서 작업
1) 윈도우
메인 윈도우에 라이브러리에서 Label, TextField, Button을 드래그 해서 아래와 같이 배치합니다.
사용자 삽입 이미지

2) AppController
사용자 삽입 이미지
라이브러리 윈도우에서 'Object'를 드래그해서 MainMenu.nib 윈도우에 드랍합니다.

Object의 Class를 앞에서 만들어 놓은 Ruby의 AppController로 선택합니다.




아래와 같이 inputText는 TextField에 outputText는 Label에 buttonClick는 buttonClicked에 각각 연결합니다.

사용자 삽입 이미지사용자 삽입 이미지

이제 완료되었습니다. 빌드를 하고 실행을 합니다. 아래와 같이 ruby를 입력하고 버튼을 클릭하면 Label이 변경되는 것을 확인할 수 있습니다.
사용자 삽입 이미지

Ruby 스크립트들은 어플리케이션 번들의 Resource 디렉토리 밑에 위치합니다. Ruby는 인터프리터 방식으로 실행되기 때문에, 배포 후에도 사용자들이 목적에 맞게 Ruby(*.rb) 파일을 수정하여 어플리케이션을 쉽게 변경할 수 있습니다.
 
사용자 삽입 이미지