Javascript Minimalism http://beizix.egloos.com Acid House를 카피하며 음악을 취미삼아 공부중인 어느 나그네입니다. 유익한 정보들을 이곳에 모아놓으려구요. ko Sat, 17 Oct 2009 13:11:42 GMT Egloos Javascript Minimalism http://pds3.egloos.com/logo/200611/20/72/d0000972.jpg http://beizix.egloos.com 80 96 Acid House를 카피하며 음악을 취미삼아 공부중인 어느 나그네입니다. 유익한 정보들을 이곳에 모아놓으려구요. <![CDATA[ 공통 - 브라우저별로 이벤트(event) 발생시 제공되는 자체기능 끄기 ]]> http://beizix.egloos.com/2441796 http://beizix.egloos.com/2441796
IE 에서도 이미지 드래그기능을 자체 제공하진 않지만, FF 와는 다른 여러 기능들을 제공한다. 즉, mousedown, mousemove, click 등 이벤트의 종류별로, 또 브라우저별로 지원되는 기능들이 가지각색이다.

UI 를 개발하는 사람의 입장에서는 이 모든 특별기능들이 꺼진 가장 기본의 상태에서 작업하는게 가장 이상적이다. 다음 함수로 가능하다. 특별기능을 끈다는 의미에서  turnoff_fx_event_func 라는 이름을 지었다.

// event 발생시 브라우저별로 자체 제공하는 특별기능 끄기.
var turnoff_fx_event_func = function (event) {
    event = event || window.event;

    if (event.preventDefault) {
        event.preventDefault();   // firefox/모질라에서 event 발생시 자체 제공하는 특별기능 끄기.
    } else {
        event.returnValue  = false; // IE에서 event 발생시 자체 제공하는 특별기능 끄기.
    }
};

다음과 같이 사용가능하다. mousedown 이벤트시를 예로 들겠다.

element.onmousedown = function (event) {
    turnoff_fx_event_func(event);

    // ... your codes
    // ....
};


tag : ,  ]]> Javascript preventEvent returnValue http://beizix.egloos.com/2441796#comments Mon, 05 Oct 2009 07:10:03 GMT beizix <![CDATA[ Rails - table/column/model 등의 이름을 바꿀 때 유의할 점 ]]> http://beizix.egloos.com/2439341 http://beizix.egloos.com/2439341
table/column 등의 이름을 변경해야 한다면, /app 혹은 /test 폴더와 연관된 파일들도 수정해야함을 의미하며, 다음 위치에 존재하는 파일들을 바꾸어줘야 한다. 

/app/*, 
/config/routes.rb, => (변경하려는 모델이 route.rb 에 사용되고 있다면)
/test/fixtures/*,
/test/functional/*,
/test/unit/*

* 라고 모든 파일을 말하는게 아니라, table 과 직접/간접적인 연관이 있는 파일들을 얘기한다.


step.1 테이블 이름 변경하기

1.1 urls 테이블을 sources 이름으로 변경하기. script 명령어로 migration 파일 생성하자.

ruby script/generate migration rename_table_urls_to_sources

1.2 생성된 파일을 다음처럼 편집한다.

class RenameTableUrlsToSources < ActiveRecord::Migration
  def self.up
    rename_table :urls, :sources
  end

  def self.down
    rename_table :sources, :urls
  end
end

1.3 migration 실행

rake db:migrate

step 1 단계를 마치면, 실제 database 상에 table 이름이 변경된걸 확인할 수 있다.


step.2 컬럼 이름 변경하기

1.1 변경된 sources 테이블의 url 칼럼의 이름을 source 로 변경하자. script 명령어로 migration 파일 생성하자.
ruby script/generate migration rename_column_url_to_source

1.2 생성된 파일을 다음처럼 편집한다.

class RenameColumnUrlToSource < ActiveRecord::Migration
  def self.up
    rename_column :sources, :url, :source   # sources 테이블의 url 칼럼을 source 라는 이름으로 바꾼다는 의미 :)
  end

  def self.down
    rename_column :sources, :source, :url
  end
end

1.3 migration 실행

rake db:migrate

step 1 단계를 마치면, 실제 database 상에 column 이름이 변경된걸 확인할 수 있다.


step.3 관련 파일 변경하기

가장 중요한 단계이다. 위에서 언급한 경로를 다시 한번 확인해보자.

/app/*, 
/config/routes.rb, => (변경하려는 모델이 route.rb 에 사용되고 있다면)
/test/fixtures/*,
/test/functional/*,
/test/unit/*

기존에 url 이란 model class 가 존재했다면, 다음과 같은 경로에 위치해 있을것이다.
/app/models/url.rb
위 파일의 이름부터 source.rb 로 바꿔줘야 하며, 내부 로직속에 수정된 내용들을 모두 변경해주어야 한다. 다른 폴더에 위치한 파일들도 마찬가지다.

직접해보라. 그리 어렵지 않다 :)









]]> Ruby on Rails http://beizix.egloos.com/2439341#comments Thu, 01 Oct 2009 10:07:53 GMT beizix <![CDATA[ FF - 자체적인 이미지, 앨리먼트 드래그 기능 끄기 ]]> http://beizix.egloos.com/2436854 http://beizix.egloos.com/2436854
http://develobert.blogspot.com/2008/10/disable-firefox-image-drag.html 

mousedown 이벤트 리스너 함수에 다음 코드를 추가하면 된다.

var callback = function(event){
     if(event.preventDefault)
     {
         event.preventDefault();
     }
     // Other code...
}

끝~ 간단하다

]]> Javascript http://beizix.egloos.com/2436854#comments Mon, 28 Sep 2009 05:27:32 GMT beizix <![CDATA[ RoR : 기억해두어야 할 네이밍 규칙 ]]> http://beizix.egloos.com/2421604 http://beizix.egloos.com/2421604 bookmarks 테이블과 tags 테이블은 서로 다대다 관계이다.
이때 흔히들 bookmarks_tags 라는 이름으로 조인테이블을 만들게 된다.

* bookmarks_tags 라는 이름으로 테이블을 생성하고 싶다면, 다음과 같은 이름으로 모델을 생성해야한다.

ruby script/generate model bookmarksTag bookmark_id:integer tag_id:integer

위 명령어로 bookmarks_tags 테이블과  bookmarks_tag.rb 모델 클래스가 생성된다.





tag : ]]> Ruby on Rails RubyonRails http://beizix.egloos.com/2421604#comments Tue, 08 Sep 2009 13:50:22 GMT beizix <![CDATA[ 공통 - 자꾸 주변영역이 불필요하게 선택될때, ]]> http://beizix.egloos.com/2389713 http://beizix.egloos.com/2389713 불필요하게 주변 영역이 선택되는 경우가있다. (IE, FF, Oprea 등)

특정영역이 선택되었다면, 그건 selection 이 가동되었다는 의미다. 그걸 해제해주면 된다.

if (document.selection && document.selection.empty) { // IE, Opera
    document.selection.empty();
} else if (window.getSelection) { // netscape (FF/Safari)
    window.getSelection().removeAllRanges();
}
     ]]> Javascript http://beizix.egloos.com/2389713#comments Mon, 03 Aug 2009 05:40:25 GMT beizix <![CDATA[ Aptana RadRails- An error has occurred. See error log for more details ]]> http://beizix.egloos.com/2377721 http://beizix.egloos.com/2377721
An error has occurred. See error log for more details

위의 메세지가 떴다. 위 메세지로 대로 로그파일을 보려면,
Perspective view 를 Plug-in Development 로 설정하면, 화면이 바뀌면서 아래 Error Log 탭이 보인다.

에러메세지는
Problems occurred when invoking code from plug-in: "org.eclipse.jface".
이었고,
Stack Trace 는 아래와 같았다.

java.lang.NoClassDefFoundError: com/aptana/ide/server/cloud/ui/Messages
at com.aptana.ide.ssh.actions.SSHAction.selectionChanged(SSHAction.java:97)
at org.eclipse.ui.internal.PluginAction.refreshEnablement(PluginAction.java:208)
at org.eclipse.ui.internal.PluginAction.selectionChanged(PluginAction.java:280)
at org.eclipse.ui.internal.PluginAction.selectionChanged(PluginAction.java:292)
at org.eclipse.jface.viewers.Viewer$2.run(Viewer.java:162)
......

해결방법은 다음과 같다.

Perspective 메뉴를 Aptana 로 선택하고, Help메뉴의 하위 메뉴인 Aptena Help메뉴에서 Troubleshooting메뉴의 하위 메뉴인 Clean Configuration을 선택하며,
이클립스가 다시 부팅되면서 문제가 해결된다.

참조 : http://support.aptana.com/asap/browse/ROR-1258
Same problems with Apatan Studio (with RadRails Plugin).
After "Clean Configuartion" (Help --> Aptana Help --> Troubleshooting --> Clean Configuration) the problem is solved in my installation.

자세한 이유는 모르겠다. 별로 알고 싶지도 않다.



]]> Ruby on Rails http://beizix.egloos.com/2377721#comments Sun, 19 Jul 2009 15:39:18 GMT beizix <![CDATA[ 우분투 alt+tab, alt+f2 키가 먹지 않을 때 해결법 ]]> http://beizix.egloos.com/2369146 http://beizix.egloos.com/2369146 언제부터인가 우분투에서 alt+tab 이 먹지 않는 문제가 발생했다. 아마도 업데이트 후인거 같다.
구글에서 해결책을 찾고자 검색해보면 compize setting manager 의 문제라는 글이 많은데 내 경우 Compize Setting Manager 를 설치해본적도 구경해본적두 없다.

내 경우 다음과 같이 해결할 수 있었다.

1. 기본설정 > 키보드 > 키 배치 텝에서 '키배치 옵션'을 클릭

2. 목록중 '배치를 전환하는 키' 를 클릭하여 관련 목록들이 펼쳐지게 한다.

3. '왼쪽 Alt' 항목이 체크되어 있을것이다. 이를 해제하고 창을 닫는다.

4. 기본설정 > 키보드 바로가기 > 창관리 항목을 클릭하여 관련 목록을 펼친다.

5. Move between windows, using a popup window 를 클릭하여 alt+tab 을 눌러주어 키를 등록한다.

이제 alt + tab 을 사용할 수 있다.

*
위의 키보드 바로가기 목록중에서 데스크탑 항목에 Run a terminal 이있다. 이곳에 Alt + F2 를 등록하여, 터미널 창을 손쉽게 여닫을 수 있게하자.

]]> 우당탱 Ubuntu http://beizix.egloos.com/2369146#comments Thu, 09 Jul 2009 15:23:37 GMT beizix <![CDATA[ Ubuntu + eclipse + Aptana plugin 설치시 문제 해결법 ]]> http://beizix.egloos.com/2367306 http://beizix.egloos.com/2367306 이클립스 로딩시 jre 버전이 안맞다는 메세지가 보이는 등 여러 오류가 있는데  이를 한번에 해결해줄 방법을 어느 외국사이트에서 찾았다. 본 포스트는 원문 사이트를 간소하게 조금의 설명을 곁들여 번역한 글이다.

출처 - http://at-byte.com/technology/how-fix-eclipse-aptana-plugin-eclipse-ubuntu-linux

발생하는 문제의 요인은 우분투에서 이클립스 설치시, GCJ( The GNU Compiler for Java )를 인스톨하고, 그것을 디폴트로 사용한다는데 있다.

다음과 같이 처리하여 문제를 해결하라.

1. 시넵틱 패키지 관리자를 열어라.
아직 이클립스가 설치되지 않았다면, eclipse 로 검색을 하고 설치 체크 표시를 해둬라.

2. sun java 로 검색하여, java-sun6-bin 와 java-sun6-jre 에도 체크 표시를 한뒤 설치를 하라.
만약, 이미 설치되었다면, 재설치 체크를 하면 된다.

3. 설치를 마쳤으면, 터미널 창을 열고 다음 명령어를 입력하라.
sudo update-java-alternatives -s java-6-sun

4. 그리고, 아래 명령어를 입력하면, Text editor 가 열릴 것이다.
sudo -b gedit /etc/eclipse/java_home

5. 열린 파일에 있는 내용을 모두 지우고,
/usr/lib/jvm/java-6-sun 를 입력하고 저장한 후, 닫아라.

그리고 이클립스를 실행해보면, Aptana 플러그인이 아무 문제없이 가동되는 걸 확인할수 있다 !!!
또한 저자는 Aptana 플러그인의 문제뿐 만아니라, eclipse 가 가지고있던 여러문제들도 해결할 수 있었다고 한다.






]]> 우당탱 Ubuntu http://beizix.egloos.com/2367306#comments Tue, 07 Jul 2009 17:47:46 GMT beizix <![CDATA[ Ubuntu + Aptana Standalone 설치시 문제해결법 ]]> http://beizix.egloos.com/2366401 http://beizix.egloos.com/2366401 2. xulrunner 1.8.* 을 설치한다. (시넵틱 관리자를 이용하면 편하다)
3. xulrunner가 설치된 위치를 확인한다. (시넵틱으로 설치했다면, /usr/lib/xulrunner 에 설치가 된다)
4. AptanaStudio 실행 아이콘이 있는 곳에다 파일 하나를 생성한다. runAptana 라는 이름을 붙여주자.
내용은 다음과 같다.

export MOZILLA_FIVE_HOME=/usr/lib/xulrunner
/home/myUtils/devTools/aptana/aptana/AptanaStudio

MOZILLA_FIVE_HOME 는 xulrunner 가 설치된곳.
/home/myUtils/devTools/aptana/aptana/AptanaStudio 는 AptanaStudio 실행아이콘이 있는 위치.

5. 이제 runAptana 를 실행스크립트로 만들어준다
chmod +x runAptana

6. 실행
./runAptana

이제 aptana 가 실행된다.

원문 - http://www.aptana.com/docs/index.php/Installing_Aptana_on_Linux

Standard Installation Instructions

x

Setup Aptana Studio 1.2.1

Note: Aptana Studio 1.3.0 from Fresh Install does not require these changes.x

  • Unzip Aptana Studio to /usr/local/aptana. Note: If you installAptana Studio in a directory accessible only to the root user, you willneed to run it as root to install updates.
  • Install xulrunner 1.8.* (You can use Synaptic Package Manager to install this.)
    • You can download Xulrunner 1.8 from https://developer.mozilla.org/En/XULRunner
    • Once installed, make sure you $MOZILLA_FIVE_HOME is pointing to your xulrunner 1.8 dir
    • You may also need to install compat-libstdc++ if you arerunning into a libstdc++.so.5: cannot open shared object file: No suchfile or directory when running xulrunner-bin from command line.
  • Check your /usr/lib/xulrunner.... and note the full name of xulrunner. Is some case it is simply "xulrunner" while in other cases the name includes the version.
  • Create a script that sets up the Aptana Studio environment, call it runAptana:
export MOZILLA_FIVE_HOME=/usr/lib/xulrunner

/usr/local/aptana/AptanaStudio
  • Make your script executable:
$ chmod +x runAptana
  • Run the script
Alternatively, you may add the export statement to .bashrc or.bash_profile in your home directory and create an icon on your desktoppointing to the Aptana Studio executable. To set MOZILLA_FIVE_HOME forall users systemwide, add it to /etc/profile (on most systems).


]]> 우당탱 Ubuntu http://beizix.egloos.com/2366401#comments Mon, 06 Jul 2009 17:26:54 GMT beizix <![CDATA[ Ubuntu - Ruby on Rails 설치하기 ]]> http://beizix.egloos.com/2365413 http://beizix.egloos.com/2365413
// 루비 언어 설치단계
$ sudo apt-get install ruby irb rdoc    

// Gem 설치단계
$ sudo apt-get install rubygems

// gem 업데이트를 위해 기존에는
$ gem update --system
를 실행했지만, 지금은 다음과 같은 메세지가 보인다.

   gem update --system is disabled on Debian. RubyGems can be updatedusing the official Debian repositories by aptitude or apt-get.

그래서 아래 명령어 둘중의 하나를 실행한다.
$ sudo gem install rubygems-update
or
$ sudo update_rubygems

그 다음에는 rubygems-update 로 가서
$ cd /var/lib/gems/1.8/gems/rubygems-update-*
$ sudo ruby setup.rb
를 실행하면 업데이트를 받을 수 있다.


// 루비 온 레일스 설치단계
$ gem install rails

// sqlite3 설치
예전에는
$ gem install sqlite3-ruby
를 실행하면, 설치가 가능했으나, 현재는
Building native extensions.
This could take a while...ERROR: Error installing sqlite3-ruby:
ERROR: Failed to build gem native extension.
라는 에러메세지를 뱉는다. 그래서 다음과 같이 설치한다.

$ sudo apt-get install sqlite3 libsqlite3-dev


// gem 환경설정
자신 계정의 .bashrc 파일을 연다.
vi /<자기계정>/.bashrc

파일 맨끝에 다음 추가
PATH=$PATH:/var/lib/gems/1.8/bin/
export PATH

터미널 창을 닫고 다시 연다.
$ rails -v 

버전정보가 나왔다면, 환경변수가 올바르게 잡힌것임. ]]> 우당탱 Ubuntu http://beizix.egloos.com/2365413#comments Sun, 05 Jul 2009 16:37:55 GMT beizix