웹페이지를 만들면서 많이 사용하게 되는 드롭다운 리스트를 루비 온 레일즈에서는 아래와 같은 방법으로 많이 사용합니다.

collection_select(object, method, collection, value_method, text_method, options = {}, html_options = {})
포럼들을 여기 저기 에서 읽어 보다 보니 Collection_Select 에서의 onChnage 관련해서 질문이 많이 올라오길래 잠시 정리해 봅니다.

Collection_Select (출처: http://api.rubyonrails.org/ )
object : 현 모델의 객체입니다.
method : 현 모델에서 사용하는 함수나 테이블의 컬럼 이름 입니다.
collection : 드롭다운 리스트에 뿌릴 멤버를 들고 있는 컬렉션입니다.
value_method : 컬렉션의 멤버이자 option value 값입니다.
text_method : 컬렉션의 멤버이자 드롭다운 리스트에 보이는 글자 입니다.
options = {} : :prompt :include_blank 값을 넣습니다.
html options={} : 자바 스크립트나 html 옵션을 넣을 수 있습니다.

예) 아래 두개의 문장 모두 같은 결과를 냅니다.
1) <%= collection_select :productorigin_form, "national_id", @national, :id, :NationName, {:prompt => "Country Select"}, {:onchange=> "alert(id)"} %>
2) <%= productorigin_form.collection_select "national_id", @national, :id, :NationName, {:prompt => "Country Select"}, {:onchange=> "alert(id)"} %>

이렇게 하면 아래와 같은 html 이 만들어지며 나라를 선택할때 마다 "product_new_productorigin_attributes__national_id" 의 메세지 박스가 뜹니다.
<select id="product_new_productorigin_attributes__national_id"
name="product[new_productorigin_attributes][][national_id]" onchange="alert(id)">
<option value="">Country Select</option><option value="1">에티오피아</option>
<option value="2">케냐</option>
<option value="3">브라질</option>
<option value="4">콜럼비아</option>
<option value="5">과테말라</option>
<option value="6">멕시코</option>
<option value="7">페루</option></select>


신고
Creative Commons License
Creative Commons License

posted by youp_han matrim

카페 홈페이지를 만들면서 겪은 경험 중 하나는 데이터 테이블의 구조를 변경해야 하는 일이 있어서 몇자 적어보기로 했다.
제품 등록 부분이였는데, 이부분은 요구사항을 듣고, 그닥 어렵지 않게 구현되었다.
입력하고, 보여주고 업데이트 하고 지우는 정도인 간단하게 명령어 하나로 끝내버렸다.

그러나.. ㅡ,.ㅡa

일요일날 카페 친구와 이야기를 나누던 중, 제품(products) 관련 부분이 상당히 중요한 부분에서 잘못 이해되고 만들어 졌다는걸 알게 되었다.

초기에 받았던 요구 사항 중

1. 고객은 6개월, 12개월 단위로 한꺼번에 주문을 할 수 있어야 한다. (가격은 관리자가 직접 입력한다.)
    (이해) 각각의 커피를 6개월치, 12개월 치를 한꺼번에 주문한다.
2. 고객은 "이달의 커피" 를 커피 리스트 상단에서 볼 수 있어야 한다.
   (이해) 이달의 커피로 선정된 커피가 따로 상단에 올라간다.
3. 고객은 "샘플러" 혹은 프로모션 으로 관리되는 커피를 구입 할 수 있어야 한다.
   (이해) 따로 이벤트 커피세일로 관리하여 제품리스트와는 별도로 관리한다.

 이야기를 나누던 중, 위의 요구사항 부분이 틀렸다는걸 알았다.

1. 고객은 6개월 제품을 구입하면, 6개월 간 MD 추천의 다른 커피를 매달 받을 수 있어야 한다.
2. 고객은 커피 리스트 상단에 보이는 (MD 추천된) "이달의 커피" 로 받을 커피를 확인 할 수 있다.
3. 샘플러 커피나 프로모션 커피는 이벤트 커피 세일이 아닌 하나의 제품으로 팔려야 한다.

음.. 이런 이런 일이 생기다니.. 커헐..
서로 함께 이야기 하면서 같은 부분을 이정도로 다르게 이해 전달을 잘못 받을 수 있다는거에 충격을 먹었다.
(내 경험이 그닥 많지 않으므로.. ㅋㅋ) 여하튼, 그럼 수정에 들어가야 한다.

그럼 틀리게 만들어진 products 테이블을 보기로 하자. (200903230948203948_create_products.rb)

더보기

위의 테이블을 보면, 정말 성의 없이 만들어 진걸 알 수 있다. ㅡ,.ㅡ (챙피해..)
뭐 여하튼 챙피 하지만 잘못된 테이블이니 잘 만들어야 겠다.
(200903230948203948_create_products.rb) 파일 내 붉은 글씨 부분들은 이제 필요없는 부분들이다.
그리고 파란색 부분은 새로 추가 되어야 할 컬럼들이다.

products 테이블 외에도 필요한 새로운 테이블이 2개 생겼다.

1. productorigin: 나라와 농장, 그리고 제품 아이디를 가지고 있는 테이블
2. price : 제품 아이디 당 각각의 무게에 대한 가격을 들고 있는 테이블

그리고 공통 코드 테이블내에 product_type 이 추가 되게 되었다. : Normail, Sampler, CoffeeMonthly

자.. 그럼 서로의 관계는..

1. product has many product origins
2. product origins has one product
3. proudct has many price
4. price has one product
5. product origin has many nationals farms
6. nationals, farms has many product origins


자 그럼.. alter table을 해보기로 하자.

$/ruby script/generate migration change_product

위의 명령어를 쳐서 db/migrate/2009023948029_change_product.rb 파일을 만든 뒤

class ChangeProduct < ActiveRecord::Migration
  def self.up
 remove_column :products, :national_id, :farm_id, :level, :image_url, :p200,:p500, :p1000,:p6m200,:p6m1000, :p12m200, :p12m500, :p12m1000
 add_column :products, :name, :string
 add_column :products, :product_type, :string

  end

  def self.down
 remove_column :products, :name, :product_type
  end
end

up 과 down 쪽에 파란색 부분을 넣어준다. 솔직히 원상복귀를 위해서는 self.up 내에 있는 remove_column 에 있는 모든 컬럼을 self.down 내에 add_column 으로 만들어 줘야 한다. 하지만 이전으로 복귀하지 않을 생각에 새로이 추가된 컬럼 2개만 없애버리기로 했다.

자 이제 rake db:migrate 을 하게되면

==  ChangeProduct: migrating ==================================================
-- remove_column(:products, :national_id, :farm_id, :level, :image_url, :p200, :p500, :p1000, :p6m200, :p6m1000, :p12m200, :p12m500, :p12m1000)
   -> 2.9486s
-- add_column(:products, :name, :string)
   -> 0.2711s
-- add_column(:products, :product_type, :string)
   -> 0.2248s
==  ChangeProduct: migrated (3.4452s) =========================================

두둥~ 테이블이 변경되었다.
자 이제 모델 productorigin 과 price 2개를 만들어 필요한 데이터들을 저장 할 수 있도록 바꾸는 작업만 남았다.
 


 

신고
Creative Commons License
Creative Commons License

posted by youp_han matrim

ROR 의 migration 에서 지원되는 컬럽 타입 총 11개
:binary, :boolean, :date, :datetime, :decimal, :float, :integer, :string, :text, :time, :timestamp



옵션 3개
:null => true 혹은 false, :limit => size 즉 크기, :default => value 값



demimal 컬럼 타입만을 위한 옵션 2개
:precision => 소수점자리, :scale => 소숫점 자리 위치
ex) :precision => 5, :scale => 0 로 정하면 -99,999 에서 +99,999
      :precision => 5, :scale => 2 로 정하면 -999.99 에서 +999.99



신고
Creative Commons License
Creative Commons License

posted by youp_han matrim

Nate's Tumble Log 에 올라온 (http://n8.tumblr.com/post/117477059/security-hole-found-in-rails-2-3s) 내용으로
RubyonRails.Org (http://weblog.rubyonrails.org/2009/1/2/this-week-in-edge-rails) 에서 소개된 "HTTP Digest Authentication" 의 보안오류에 대해 짚어보기로 하자.

Ruby on Rails 2.3 의 보안 오류 는 RailsInside.com (http://www.railsinside.com/) 에 2009년 6월 3일에 소개되었다.

더보기


RubyonRails.Org 에서 소개된 샘플 코드를 보면, authenticate 은 Users 해쉬 를 HTTP Digest Auth 요청을 받아 진행하게 되어 있다.
해쉬를 부를때 아무런 값을 넣지 않고 불러오게 되면 "Nil" 이 리턴이 된다. Rails 의 digest authentication 루틴에서는 nil 에 대한 반응으로 authentication 실패로 받아들인다. 하지만 암호(password) 가 빈칸으로 제공이 된다면.. 입력된 nil 과  리턴된 nil 이 즉 nil==nil 이 되어 실패 값이 아닌 성공값이 되어 인증 성공이 되어 버린다.

2.3 Ruby on Rails 에서 위의 방법으로 인증을 거친다면, 사용자 이름 및 암호에 아무런 값을 넣지 않아도 인증 성공이 되어 버린다.

예로 http://authbroken.heroku.com/ 싸이트를 방문하면 인증을 거치는데 그냥 확인을 누르게 되면 "you needed a password to see this... ( 암호를 넣어야 볼 수 있는 페이지 입니다..." 라는 문구를 볼 수 있다.

Ruby on Rails 의 Core 팀에서 만들어진 패치는 아니지만, 실질적으로 아래 링크된 패치를 적용시켜 인증에 대한 위험 요소를 줄여야겠다.
패치된 내용은 password_procedure 에서 nil 을 반환하면 validate_digest_response 에서 false 를 반환하도록 바꾸었다고 한다.

https://gist.github.com/d5fa1ce8be9dfe0d9d19


신고
Creative Commons License
Creative Commons License

posted by youp_han matrim

log 2 번째 이다. 이번엔 동적 드롭다운(dynamic dropdown) 을 해보려 했다.
기본적이기 때문에 인터넷에 도움말들이 많았고, 원하는 내용을 RailsCasts 에서 찾을 수 있었다.
dynamic select 를 사용하여 만드는 Rails 에서의 첫번째 dynamic dropdown 이다.

"제품 등록" 사용자 스토리 중 다음은 동적 드롭다운을 사용하는 부분이다.

1. 제품을 선택할 때 원산지(나라) 와 농장을 선택한다.
2. 원산지(나라)를 선택하면 농장 선택을 할 수 있는데, 그 나라에 해당하는 농장이 보여주어야 한다.

간단한 스토리이다. 하지만 처음 접하는 레일즈에서 어떻게 구현을 해야 할지 난감 했다.
Log 1 을 보면 dropdown list 구현 방법이 나와 있는데, 나라 리스트의 이벤트를 받아 나라 코드를 가지고 해당 농장을 보여주는 간단한 구현을 railscasts 에 나와 있는데로 자바 스크립트를 사용하였다.

   


모든 농장 리스트를 자바 스크립트에서 받아 DOM 로드 후 (원산지) 나라 리스트의 이벤트를 기다린다.
이벤트가 일어나며 농장 리스트에서 이벤트 시 나라 코드가 일치된 농장 리스트만을 배열에 넣어 농장 등롭 다운 리스트에 보여준다.

등록될 나라들의 농장 리스트가 그리 많지 않기에, 원산지 나라 리스트에서 이벤트를 매번 받아 서버에 접속하는 것 보다는 클라이언트 쪽에서 리스트를 들고 있다가 보여주는게 효율적이라 판단되었다.

RailsCast (http://railscasts.com/episodes/88-dynamic-select-menus) #88 번을 참조하여 만들었으며 주의 해야 할 점은

routes.rb 에 map.js ':controller/:action.:format' 을 첨부해야 한다.


그 외에는 별다르게 주의해야 할 사항은 없다.

신고
Creative Commons License
Creative Commons License

posted by youp_han matrim

요즘 Ruby on Rails (ROR) 로 커피 온라인 샾을 구성중이다.
xp 방법론을 사용하여 일단 스토리 카드를 작성, googlecode 에 올려 팀과 함께 공유중이며, 일단 ROR 관련 공부를 하겠다는 취지하에 시작한 프로젝트라서 하나의 작업이 완료되면 서로 공유하는 시간을 가지고 있다.

일단 지금은 공통 코드 및 사용자 로그인 부분을 작업 중이며, 나는 공통 코드 중 국가 코드와 농장 코드를 맡게 되었다.
커피의 제품 표시 및 원산지 표시를 하기 위해 국가 및 농장 코드를 공통 코드로 나누었고, 국가 코드엔 국가 별로 커피 등급을 지정하는 표기법이 다르기에 5가지 단계로 나누어 입력하게 넣어 두었다.

농장코드는 농장 이름과 국가 코드를 가지고 있으며 최종적으로 상품 입력시 국가 이름과 농장 이름, 그리고 커피 등급으로 제품 이름이 결정되게 된다.

국가 코드를 만드는 부분은 별다르게 어려운 부분이 없었다. 바로 scaffold 하여 입력시 국가 이름을 한글 영문으로 넣는 부분을 확인하며 영문 부분은 중복 이름 확인 기능을 넣어 주었다.

문제는 농장 코드 입력 부분인데, 여기서 Dropdown 리스트를 만드는 부분에서 이해 하기는 쉬웠지만 사용하기까지 어려운 부분이 있어 잠시 적어보려고 한다.

국가 코드의 id 필드를 참조하여 농장 코드 입력 시 사용자 화면에서는 Dropdown List 로 국가명을 보여주고, 저장시엔 농장 테이블에 국가 코드 id 를 저장케 했다.



자 여기서 농장 테이블(farms) 와 나라 테이블 (nationals) 와의 관계를 적어줘야 하는데, farms 모델 파일인 farms.rb 에서 농장 테이블이 나라 테이블에 national_id 를 foreign_key 로 호함되어 있다고 알려주었고

더보기


또한 nationals.rb 에서 국가 테이블은 여러개의 농장 테이블을 가지고 있다고도 알려주어 서로의 관계를 만들어 주었다.

더보기


Rails 에는 Find 명령어가 있다. 기본적으로 controller 에서 아래의 명령어를 Controller 에 주면 @farm 객체에 id 순으로 "select * from farms" 의 내용을 담아둔다.

더보기


객체변수 선언을 위와 같이  controller 에서 해주면, farms 의 view 단에서 db 에서 들고 온 정보들을 원하는데로 사용할 수 있다. 기본적으로 New, Show, Edit, Delete 가 만들어지는 ROR 에서, 일단 New 에 Dropdown List 를 만들어 보았다.

더보기


collection_select 헬퍼(helper) 는 dropdown 리스트를 뷰단에 작성을 해준다. 이때 저장되어야 하는 모델 과 저장 될 모델의 필드명을 지정 해 주고, 보여줄 값들을 가지고 있는 객체변수명과 option 값, 그리고 dropdownlist 에 보여주는 값을 지정 해 준다.

<작성된 html, new.html.erb>

더보기


여기서 option 으로 blank 필드를 위에 올려줄 수 도 있고, blank값을 지정 해 줄 수도 있다.

더보기


<작성된 html new.html.erb>

더보기


자 여기까지는 new.html.erb 에서 농장 이름과, 농장의 나라 이름을 dropdown list 에서 선택하여 farms 테이블의 national_id 에 nationals 테이블의 id 값을 넣는 작업을 하였다.


신고
Creative Commons License
Creative Commons License

posted by youp_han matrim

자.. 내가 우분투를 설치한 이유중 가장 큰 이유는 루비온레일즈 공부 때문이다.
지난번엔 Ruby on Rails 의 강좌 중 Depot 강좌를 따라하는 내용을 올리다 말았는데, 그 이유는 모.. 그냥.. ㅡ,.ㅡa 다른일이 생겨서 잠시 보류 시켰지만, 다시 한번 마음을 가다듬고 루비온레일즈를 공부 하기 위해 모든걸 설치 하기로 했다.

출처 ( http://www.hackido.com/2009/04/install-ruby-rails-on-ubuntu-904-jaunty.html ) :

우분투 9.04 에서 루비 온 레이즈 설치는 10스텝이면 된다. (소요시간은, 인터넷연결에 따라..다르겠지만, 여하튼 )

스텝 1: 우분투의 버전 확인을 하고 업데이트를 모두 완료 한다.

sudo apt-get update sudo apt-get dist-upgrade
스텝 2: 컴파일 시 필요한 패키지를 받는다.
sudo apt-get install build-essential
스텝3: MySQL 과 Ruby 를 다운받을 차례이다. 만약 SQLLite 를 사용할 예정이라면 스텝 3은 건너 뛰어도 상관업다.
sudo apt-get install ruby ri rdoc mysql-server libmysql-ruby ruby1.8-dev irb1.8 libdbd-mysql-perl libdbi-perl libmysql-ruby1.8 libmysqlclient15off libnet-daemon-perl libplrpc-perl libreadline-ruby1.8 libruby1.8 mysql-client-5.0 mysql-common mysql-server-5.0 rdoc1.8 ri1.8 ruby1.8 irb libopenssl-ruby libopenssl-ruby1.8 libhtml-template-perl mysql-server-core-5.0 (sudo 부터 끝까지 한줄임)
스텝4: RubyGems 설치한다. rubyforge.org 에서 최신버전 확인이 가능하다.
wget http://rubyforge.org/frs/download.php/55066/rubygems-1.3.2.tgz tar xvzf rubygems-1.3.2.tgz cd rubygems-1.3.2 sudo ruby setup.rb
스텝5: 설치가 끝난 후 Gem -v 를 쳐서 Gem Command Not Found 라는 에러가 난다면, SymLink 를 해야 한다.
sudo ln -s /usr/bin/gem1.8 /usr/local/bin/gem sudo ln -s /usr/bin/ruby1.8 /usr/local/bin/ruby sudo ln -s /usr/bin/rdoc1.8 /usr/local/bin/rdoc sudo ln -s /usr/bin/ri1.8 /usr/local/bin/ri sudo ln -s /usr/bin/irb1.8 /usr/local/bin/irb
SymLink 이후 Gem -v 를 쳐서 버전 확인을 한다. 이렇게 해도 만약 Gem Command Not Found 가 나올 시 시냅틱 패키지 관리자에서도 RubyGem 설치를 할 수 있다.
스텝 6:  자 이제 루비 레이즈를 설치한다. 뒤에 있는 --no-rdoc --no-ri 옵션은 램이 256MB 정도로 낮은 램을 사용하는 컴퓨터에서 권장한다. 그렇지 않는다면 뒤의 옵션은 생략해도 좋다.
sudo gem install rails --no-rdoc --no-ri
여기까지 완료가 되었다면 rails 설치는 일단 끝이 난다. 스텝 7 부터는 추가적인 프로그램 설치이며 서버를 돌릴 때 필요한 설정들이다. 데스크 탑을 사용하여 개발위주로 사용할 꺼라면 7번 부터는 따라 하지 않아도 된다...

스텝 7 : Phusion 설치
sudo apt-get install libc6 libpcre3 libpcre3-dev libpcrecpp0 libssl0.9.8 libssl-dev zlib1g zlib1g-dev lsb-base
스텝 8 : 어플리케이션 디렉토리 만들기 /var/www/myapp/current 에서 myapp 은 어떤 이름으로 바꾸어도 상관없다.
sudo mkdir -p /var/www/myapp/current Sudo chown -R www-data:www-data /var/www/myapp/current/
스텝 9 : Phusion Passenger 설치. 주의 해야 할 사항은 Phusion Passenger 2.2.1 이 설치되어 있거나 더 높은 버전이 설치되어 있어야 한다. 2.2.0 에서는 될 수도 있긴 하다.
sudo gem install passenger sudo passenger-install-nginx-module
스텝 10:





신고
Creative Commons License
Creative Commons License

posted by youp_han matrim

OS : 우분투 Linux

명령어 : Gem install Rails

간단하다.. 위의 명령어를 치면 업그레이드가 자동으로 된다.

2.3.2 로 올라가면서 큰 변화가 있었다. 자세한 내용은 아래를 참고 하기 바란다.

http://guides.rubyonrails.org/2_3_release_notes.html#rack-integration (원본)

더보기

신고
Creative Commons License
Creative Commons License

posted by youp_han matrim


Ruby on Rails 공부한답시고, 예제 읽어 내려가면서 이해한 부분들을 업데이트 하여, 나중에 따로 다시 보게 될때 필요한 부분만 보려고 했는데..

잠시 보류해야 할듯 하다.. 갑작스런.. 프로젝트 땜시.. 아웅..

그나저나 Rails 생각외로 관습지향이긴 하지만, 잼나는 부분이 꽤 많은거 같다. 예제 부분은 개인적으로 끝난 상황이고..
내부구조 살펴보고 있는데.. 아리송한 부분도 많고..
뭐 여하튼.. 일단 시작한거니.. 끝도 내야겠징.. :)

나중에 요 녀석으로 싸이트 하나 맹글어봐야 겠다..

신고
Creative Commons License
Creative Commons License

posted by youp_han matrim


자.. 디자인 관련된 이야기가 전 Iteration 마지막 부분에 나왔다.
이번 Iternation 에서는 Page Layout 을 만들어 보겠다. view 폴더의 Layout 폴더 아래 store.html.erb 파일이라는 Layout 파일을 만들어 보자.

depot/app/views/layouts/store.html.erb (만들어야 하는 파일)

더보기


간단하게 하나를 만들었다. 이렇게 만들어진 Layout 파일은 Controller 이름인 store 랑 같기 때문에 컴파일 할때 Rails 는 위의 Controller 와 같은 이름의Layout 을 적용 시킨다.

<%= stylesheet_link_tag "depot" , :media => "all" %> : depot.css 의 link 태크 부분을 적용시킨다.
<%= @page_title || "Pragmatic Bookshelf" %> : @page_title 인스턴스 변수에  페이지 헤딩 값을 넣는다. 그런뒤
main div 태그에 <%= yield :layout %> 를 넣어 주었다. (질문)

depot/public/stylesheets/depot.css

더보기


그닥 멋진 layout 은 아니지만 일단 밋밋한 하얀색 바탕의 페이지보다는 멋지게 변한듯 하다. ㅡ,.ㅡa (그런가?)
신고
Creative Commons License
Creative Commons License

posted by youp_han matrim



티스토리 툴바