BNUfactory

jQuery용 플러그인으로 제작된 다중 선택 UI.

글의 tag 입력이나 회원 프로필의 관심사 등을 입력 받기 좋을 듯 합니다.
Ajax를 지원하고 있어 미리 정의된 목록을 보여주고 선택할 수 있습니다.



소개 페이지 : http://www.emposha.com/javascript/jquery/jquerymultiselect.html
데모 페이지 : http://www.emposha.com/demo/jquerymultiselect/




이와 비슷한 것으로 'BlobList' 플러그인이 있다.
아직 알파버전으로 개발중이고 배포되지 않은 플러그인이다.


소개 페이지 : http://deepliquid.com/content/BlobList.html
데모 페이지 : http://kellyhallman.com/code/jQuery/BlobList/

제로보드 XE(이하 XE)에 파이어폭스의 Firebug와 FirePHP 애드온을 활용하여 디버깅 메시지와 로그 메시지를 출력하도록 기능을 추가하였습니다.


위와 같은 모양을 하고 있습니다. 그동안 '_debug_message.php' 파일을 열어보면 메시지를 확인해야 했는데, 이것이 불편하여 1.1.0 브랜치에 붙여봤습니다.

진작 적용하고 싶었는데, PHP 5 이상에서 동작하기 때문에, 현재 XE 0.1.x 버전에는 적용하지 못하고 XE 1.1.0 브랜치에만 적용되어 있습니다.

FirePHP 0.1.x에서는 Firebug의 업데이트로 인해 비정상 동작하는 문제가 있으므로, http://www.firephp.org/ 에서 FirePHP 0.2.x 베타버전 이상을 설치하셔야 정상적으로 표현됩니다.

그냥, 불편했던 부분이 해결되어 속이 후련해져서 적어봅니다. :)

TortoiseSVN 설치
windows환경에서 사용하기 편리한 TortoiseSVN을 이용하도록 하겠습니다. TortoiseSVN은 여기에서 자신의 환경에 맞는 버전을 다운받아 설치하시면 됩니다. 한글 언어팩도 있으니 같이 설치해두시는 것도 좋습니다.
설치과정은 따로 설명하지 않습니다.



SVN 저장소 만들기
현 재 사용하고 있는 코드를 svn저장소에 넣어둘 겁니다. 저장소는 사용하시는 PC에 생성하여 사용하시면 되고 외부 저장소를 사용하셔도 좋습니다. 저장소는 눈에 띌 필요는 없기 때문에 거슬리지 않을만한 곳에 디렉토리를 하나 만들어 둡니다.
예로 'D:\DATA\SVN\myxe'를 저장소로 사용하겠습니다.




내 코드를 저장소에 넣기
위와 같이 저장소로 사용될 폴더에 저장소를 생성하고, 이제 실제 사용중인 코드를 보관한 디렉토리를 생성합니다. 혹은 이미 코드를 보관하고 있는 디렉토리를 그대로 사용하셔도 됩니다. 예로 'D:\mysite'라고 하겠습니다.

이제 'D:\mysite' 디렉토리에서 메뉴에서 'SVN 체크아웃'을 클릭하고 다음과 같이 입력하시면 됩니다.
[1] 항목에는 svn 저장소의 경로 입력. 'file:///D:/DATA/SVN/myxe'
[2] 항목은 코드가 보관될 디렉토리의 경로입니다. (자동 입력됩니다.)

이제 svn 저장소를 사용할 준비는 끝났습니다만, 내 코드를 저장소에 반영시켜야 합니다. 'D:\mysite'에 XE파일들을 옮겨두고 mysite 디렉토리에서 우클릭하여 'svn 커밋'을 실행합니다.


위와 같이 전체 파일을 선택 후 [확인]버튼을 누르시면 내 코드를 관리하기 위한 준비가 끝납니다. 커밋이 완료되면 모든 폴더와 파일들에 녹색 체크 아이콘으로 멋지게 장식됩니다. :)


업데이트 파일 적용하기
XE 의 업데이트를 적용하기위해서 서브버전의 '병합'기능을 이용할 겁니다. XE의 svn저장소 중 sandbox나 안정버전인 trunk의 코드를 내 저장소에 쉽게 반영할 수 있습니다. mysite에서 'TortoiseSVN > 병합' 메뉴를 클릭합니다.


[1]의 '리비전의 구간을 병합합니다'를 선택합니다.

여기서 중요합니다.
[1] 번 항목에는 'http://svn.zeroboard.com/zeroboard_xe/sandbox'이와 같이 XE의 sandbox 저장소를 입력합니다. trunk를 사용해도 좋습니다.

[2] 번 항목에는 업데이트정보를 가져올 구간을 선택합니다. [로그 보기]에서 구간을 선택하시면 됩니다. 각 XE 버전별로 변경범위는 다운로드 게시물마다 상단에 '변경 범위'로 기록되어 있습니다.


병합을 진행하면 위와 같이 '충돌 상황 해결'이라는 창이 자주 나타날 겁니다. 여러분이 수정한 코드와 동일한 라인에서 XE에서 수정된 코드가 있으면 어느 것을 적용해야할지 사용자에게 물어보게 됩니다. [충돌 상황 편집]으로 편집기를 통해 직접 수정할 수 있고, 혹은 [저장소를 사용합니다]로 강제로 업데이트 할 수 있습니다.


업데이트하기
병합이 완료되었고, 충돌 상황이 없거나 해결되었다 가정하겠습니다.
병합이 완료되면 폴더 및 파일들이 붉은색 느낌표 아이콘으로 장식됩니다. 수정되거나 추가/삭제되었다는 표시입니다. 이제 mysite을 커밋하여 myxe 저장소에 이 변경사항들을 반영해줍니다.

또 다시 새로운 디렉토리를 만들고 'TortoiseSVN > 익스포트'에서 저장소 URL에 myxe 저장소 경로를 선택하고 [확인]을 누르시면 비로소 내가 수정한 코드를 그대로 유지하고 XE의 최신 업데이트까지 적용된 코드를 얻게됩니다. 변경한 내역을 일일히 적어두고 고쳐야 하는 번거로움은 날아가는거죠. :)

이제 이 코드를 서버에 업로드하여 반영하시면 됩니다.


가장 중요한 이야기가 빠졌다!!
사실, '충돌 상황 해결'에 관한 것이 가장 중요한 부분인데 앞에서 그냥 건너 띄어 버렸습니다. ;;
마음의 준비(?)가 되면 다음 글에서 이어가도록 하겠습니다.^^;