'전체'에 해당되는 글 19건

  1. 2010/01/29 설선물
  2. 2010/01/27 putty 에서 한글 복사 및 입력
  3. 2009/12/29 피온2
  4. 2009/12/29 피온2 창모드
  5. 2009/12/28 word-break:keep-all
  6. 2009/12/17 전통 화로..
  7. 2009/11/20 프로젝트관리
  8. 2009/11/09 PHP 확장 모듈 만들기(기본 틀만들기)
  9. 2009/10/29 Virtual Appliance
  10. 2009/10/22 프로젝트 관리 Tips : 이슈(Issues) 관리 툴 사용을 위한 개념 이해
  11. 2009/10/14 추천 블로깅툴
  12. 2009/10/09 flash+javascript 를 이용한 원격제어
  13. 2009/08/08 jQuery 교육
  14. 2009/07/02 SVN 사용하기
  15. 2009/06/26 출근하기
  16. 2009/05/28 실업급여
  17. 2009/05/21 착각의 진실
  18. 2009/05/21 착각
  19. 2009/05/13 즐겨찾기

설선물

http://asp.lemonbook.co.kr/lottemart/newyear/2010_mart.html
Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/23 관련글 쓰기

Top

putty 에서 한글 복사 및 입력

하하하 드디어 putty를 사용하면서 한글이 마구 깨져서 vi로 개발하면서 주석을 한글로 안달고 영어로 달던 불편함을 없앨 수 있게 되었다. ㅎㅎㅎㅎ
영어로 주석을 다니 이거참 한눈에 안들어오고 그렇다가 안달 수도 없고 엄청 불편했었다.

좋은 정보를 게재해 주신 gyparkWiki에 감사드립니다. ^^
참고로 이글을 http://gypark.pe.kr/cgi-bin/wiki/wiki.pl?PuTTY 에서 참고해서 그래픽까지 가미해서 좀 더 이해하기 쉽게 재가공한 글입니다. ^^

제가 리눅스 프로그램 개발은 모두 putty로 개발을 하고 있기 때문에 putty에 대한 정보는 간혹 제 블로그에서 찾아볼 수 있습니다. 그래서 설치하는 법도 http://www.zemy.net/tc/zemyblue/76  에 적어놨습니다. 그리고 리눅스 터미널의 한글 설정은 http://www.zemy.net/tc/zemyblue/92  에서 정보를 찾으실 수 있습니다. 

그런데 putty에서 한글 출력은 되는데 한글 입력을 하면 화면에 "....."만 입력이 됩니다. 

1. 이것을 해결하기 위해서는 우선 접속을 하기 위해 session을 설정하고 저장을 해야합니다.
저는 "104"라는 세션 이름으로 저장을 했습니다. 

사용자 삽입 이미지

2. regedit를 실행해서 윈도우 레지스터를 수정해야 합니다. "윈도우 시작 -> 실행"으로 또는 "window키 + R"로 실행 다이얼로그에 "regedit"를 입력해서 regedit를 실행합니다.
사용자 삽입 이미지
사용자 삽입 이미지

3. "편집->찾기"에 putty를 입력하고 "문자열 단위로 입력"을 필히 체크합니다. 그렇지 않으면 inputType도 검색되더군요. ^^;;; [\HKEY_CURRENT_USER\Software\SimonTatham\PuTTY\Session\세션이름] 으로도 찾을 수 있습니다. 
사용자 삽입 이미지

4. 자신이 원하는 세션을 선택해서 하위에 FontCharSet을 선택합니다. 제가 저장했던 "104"세션이 보이는 군요. 
사용자 삽입 이미지

5. FontCharSet을 두번 크릭하거나 enter를 누르면 값을 변경할 수 있는 편집창이 나타납니다. 여기서 원래 0이었던 값을 16진수로는 81 (10진수로는 129)로 변경합니다. 

그리고 다시 putty를 실행해서 해당 session을 선택하고 연결하면 아주 놀랍게도 한글이 입력됩니다. 
한글이 제대로 입력이 될 때 지금까지 짜증 이빠이였던 것이 한번에 날라가는 기분이었습니다. 

vi에서도 set encoding=euc-kr 이라고 설정을 하면, 한글 입력 및 커서 이동 시 한글이 안깨지고,  x, dw 등등이  2byte 단위로 잘됩니다.
Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/22 관련글 쓰기

Top

피온2


      호나우두 드록바   루니
        (저격)   (타겟)  (반격)
         카카    에시앙  데로시
      (드리블)(박투박)(박투박)
   에브라  퍼디낸드  비디치  하파엘
   (윙백)   (스위퍼)   (진공)  (윙백)
                    체흐

       베르바  프랑코   오웬
        (저격    (타겟)  (저격)
       미켈     플래처 하그리브스(*)
      (수미)  (박투박)  (수미)
      (     )  가드너  나이트    오셔
              (스토퍼) (스토퍼) (진공)
                 반데사르

킹(CB 스토퍼)
다니엘 아얄라(CB 스토퍼)
쉬투(CB 스토퍼)
알무니아

-- 퇴출 예정 --
긱스(LM 드리블)
박지성(RM 돌날)
마이어호퍼(ST 타겟)


lwb(Rausch k.콘스탄틴)
올리베이라 산토스
H. 피어스
Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/21 관련글 쓰기

Top

피온2 창모드

data/cmn/
cfg_pc_h, cfg_pc_l, cfg_pc_m 파일을 열어서
windowed = 1 추가

감독(팀) 선택한 후에 바꿔치기


Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/20 관련글 쓰기

Top

word-break:keep-all

word-break:keep-all

ie에서 단어 단위로 줄내림
Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/19 관련글 쓰기

Top

전통 화로..

http://siruaru.com/70074966635





Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/18 관련글 쓰기

Top

프로젝트관리

http://office.microsoft.com/ko-kr/project/HA102143771042.aspx
Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/17 관련글 쓰기

Top

PHP 확장 모듈 만들기(기본 틀만들기)



php에 추가적인 기능을 확장하기 위한 방법으로 PHP 확장 모듈을 제작해서 extension으로 올리거나
php와 같이 기본적으로 포함시켜 compile하여 설치하는 방법이 있다.

extension으로 추가하는 것은 php를 다시 설치해야하는 번거로움을 없애고,
기능 추가 및 관리 등의 익점을 가진다.

우선 이런 확장 모듈을 만들기 위해선 여러방법이 있지만, 기본적으로 php에 제공하는
ext_skel을 이용하는 방법을 보면,
php를 설치한 디렉토리(여기선 php-5.2.9를 가지고 설명)에서 보면
./php-5.2.9/ext/ext_skel 을 볼수 있다.
그럼 ext_skel을 가지고 php확장 모듈을 위한 준비작업을 시작한다.

# ./ext_skel --extname="만들고자하는 확장 모듈의 이름"
을 실행시키면 확장 모듈을 만드는데 필요한 기본적인 디렉토리와 파일이 생성되고
확장 모듈을 만들기 위한 설명이 나온다.
To use your new extension, you will have to execute the following steps:

1.  $ cd ..
2.  $ vi ext/ppp/config.m4
3.  $ ./buildconf
4.  $ ./configure --[with|enable]-ppp
5.  $ make
6.  $ ./php -f ext/ppp/ppp.php
7.  $ vi ext/ppp/ppp.c
8.  $ make

앞으로 해당 과정만 따라서 프로그래밍하면 php확장 모듈을 만들수 있다.
그러나 위와 같은 방법을 사용하게되면 프로그램을 수정하거나 디버깅하기 위해서
php코드 전체를 compile하고 다시 설치해야하는 엄청난 수고와 시간이 들게된다.
그리고 위의 방법은 php의 바이너리 파일안에 확장하고자하는 모듈이 삽입된채로 설치가된다.

위의 방법을 따르지 않고 새로 생성된 ppp의 디렉토리안에 있는 config.m4파일을 수정하여
phpize를 이용하면 php전체를 compile && make && make install 이라는 과정이 필요없어진다.

ppp라는 모듈만 따로 수정 compile, 설치, 디버깅 등을 하기 위해서 config.m4를 수정하는데
지금은 우선 기본골격만 만들기 위한것이므로 자세한 세팅보다는 우선 해당 샘플이 잘되는지
확인하는 정도만 소개한다.

# cd ppp
# vi config.m4
로 config.m4파일을 열고

dnl PHP_ARG_WITH(ppp, for ppp support,
dnl [  --with-ppp             Include ppp support])
에서 dnl을 삭제후 해당 파일을 저장하고 나온다.

# phpize
# ./configure
# make
수행해서 정상적으로 compile이 끝나면, 해당 디렉토리에 module 디렉토리안에
ppp.so 파일이 생성되게된다.
ppp.so파일을 php.ini에 extension_dir=에 성정된 디렉토리안으로 복사해 놓는다.

위의 과정이 모두 끝나면 php -f ppp.php를 수행한다.
수행 결과
Functions available in the test extension:
confirm_ppp_compiled

Congratulations! You have successfully modified ext/ppp/config.m4. Module ppp is now compiled into PHP.
축하 메시지가 나오면 정상적인 확장모듈 개발 준비가된 기본 골격이 완성된것이다.

앞으로는 ppp.c에 추가 개발해서 위의 과정을 거쳐서 다시 추가하고 php에서 유용하게
개발한 확장 기능을 사용하면된다.

Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/16 관련글 쓰기

Top

Virtual Appliance

Virtual Appliance

오픈소스 비즈니스 컨설팅 사이트는 모든 사람이 동참하는 개방된 사이트 입니다.
오픈 소스와 오픈 API와 관계된 사항은 자유로이 추가, 수정 하셔도 됩니다. 모두의 동참을 바랍니다.
오픈소스 비즈니스 컨설팅에 대한 문의는 으로 메일 주세요.

가상화를 활용한 비즈니스 모델인 Virtual Appliance를 연구한다. Virtual Appliance 비즈니스 모델은 Multi-Instance On-Demand 모델과 더불어 오픈소스를 활용하는 훌륭한 비즈니스 모델 이다. 물론 상용 소프트웨어도 이 모델을 활용하여 비즈니스를 전개할 수도 있다.

목차

 [숨기기]

[편집]가상화

컴퓨터 자원에 대한 추상화 작업으로 서버, 운영체제, 애플리케이션, 저장 장치 등의 다양한 물리적 자원을 논리적으로 단일화 시키는 컴퓨팅 기법

[편집]가상화의 종류

종류 상세설명
데스크탑
  • 특정 단말과 소프트웨어를 통해 가상 데이터 센터에서 실행되는 가성 머신 제공
  • VDI (Virtual Desktop Infrastructure) : 중앙집중식 컴퓨팅 모델을 구현하는 기술
응용 프로그램
  • 응용 프로그램이 한대의 PC를 전용하고 있는 것처럼 보여지게 해주는 기술
  • 플랫폼 가상화상에서 동작 하거나 독자적으로 사용 가능한 응용 프로그램의 가상화
플랫폼
  • 하나의 컴퓨터 시스템에 다수의 운영체제를 설치하여 운영하도록 지원
  • Hypervisor : 하드웨어와 다수의 운영체제의 중간에서 가상화를 지원
리소스
  • 스토리지, 네트워크, 시스템 자원을 중심으로 하는 가상화

[편집]가상화 솔루션의 종류

종류 상세설명
VMware의 VMware Player
Sun의 VirtualBox -> Oracle에 인수됨
  • 사이트 : http://www.virtualbox.org/
  • 운영 플랫폼 : Windows/Linux에서 VirtualBox로 가상 머신 실행
  • 지원 플랫폼 : Windows, Linux, Max OS X 운영체제 실행 가능\
  • Sun xVM ServerSun xVM VirtualBox
  • VirtualBox (free for personal use), VirtualBox Open Source Edition (GPL)
MS의 Hyper-V
오픈소스의 Xen
  • 사이트 : http://www.xen.org/
  • 운영 플랫폼 : x86, x86_64, IA64, PowerPC, …
  • 지원 플랫폼 : Windows, Linux, solaris, BSD OS
시트릭스의 Xen Hypervisor
SUSE Studio
기타 솔루션


[편집]Virtual Appliance 비즈니스 모델

가상 시스템의 운영체제를 제공하는 플랫폼 가상화 위에 사전 설치 및 구성된 서비스 또는 애플리케이션의 최적화된 실행 환경을 제공

[편집]가상화 관련 사이트

사이트 사이트 설명
Turnkey Linux
  • Ubuntu 기반의 Open Source Appliance를 제공하는 오픈소스 프로젝트
VMware VAM
  • VMware사의 Virtual Appliance Marketplace
  • 900개 이상의 Virtual Appliance를 제공한다.
  • ThoughtPolice VMware images : VMware images를 모아놓은 사이트
Parallels Virtual Appliances Directory
  • Parallels의 가상화 기반에서 동작하는 Virtual Appliance를 제공한다.
Virtual Appliances
  • 웹 유저인터페이스를 가진 Linux Machine (LAMP, LAPP, Tomcat, Cacto, NTOP)을 제공한다.
  • VMware, Parallels, QEMU/KVM, Virtual Iron, Microsoft Virtual PC 등의 환경에서 수행되는 Virtual Appliance를 제공한다.
JumpBox
  • 다양한 가상 환경에서 수행되는 Virtual Appliance를 판매하는 사이트이다. (2006년 7월 설립)
  • 대부분의 VA 당 99$/year에 판매하며 JumpBox Open (299$/year)이라는 묶음 형태의 판매도 한다.
Microsoft Tech Net VHD Test Drive
  • 가상 하드 디스크(VHD)에서 IT 솔루션 실행
Novell KIWI and openSUSE Build Service
  • 가상 환경에서 SW의 다양한 Linux를 위한 배포판을 만들 수 있는 도구를 제공한다.
Red Hat Appliance Operating System
  • 독립 벤더(ISV)가 다양한 가상 환경에 자사의 SW를 배포하도록 도와주는 Virtual Appliance Development Kit (vADK)를 제공한다.
HostVirtual
  • Linux 기반의 VA를 호스팅 한다.
  • XV1. 24.95$/월, XV2. 39.95$/월, XV3. 69.95$/월
Virtualization Conference & Expo
  • Virtualization Conference & Expo
rPath
  • Virtual Machine Images: Pre-packaged with software stacks or full applications

[편집]가상화 비즈니스 모델

  • 모델 1 : 오픈소스 또는 상용 SW를 VA 형태로 판매
  • VMware VAM : VMware사의 Virtual Appliance Marketplace
  • JumpBox : 다양한 가상 환경에서 수행되는 Virtual Appliance를 판매
  • 모델 2 : 자사 상용 SW를 VA 형태로 판매
  • 모델 3 : VA에서 사용해 보고(Trial) 실제 제품을 구매 (Try virtual, buy physical)
  • 모델 4 : Virtual Appliance가 가능한 환경을 업체에 무상으로 제공하고 유상 컨설팅 수행
  • 모델 5 : Virtual Appliance Hosting
  • HostVirtual : Linux 기반의 VA를 호스팅 한다.

[편집]VMware로 Virtual Appliance 환경 설정

[편집]Appliance 프로그램 설치

  • Cygwin 프로그램에 포함된 OpenSSH를 설치한다.
  • VMware Studio 1.0 을 설치한다.

[편집]Appliance 환경 설정

[편집]참고 기사

  1. 가상화, 컴퓨팅 패러다임을 바꾼다
  2. ①IT혁신의 시대, 가상화를 주목하라
  3. ②데이터센터의 혁신, 그린IT와 가상화
  4. ③클라우드 컴퓨팅의 열쇠, 가상화 기술
  5. ④가상화, TCO의 혁신의 시작
  6. ⑤업무효율성과 가상화의 함수관계
  7. ⑥IT 안정성, 새로운 단계가 열렸다

[편집]참고 문헌

Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/14 관련글 쓰기

Top

프로젝트 관리 Tips : 이슈(Issues) 관리 툴 사용을 위한 개념 이해

이슈(BUG, 새로운 기능, 해야할 업무, 개선사항 등 다양하게 발생한 것들) 관리라함은 해당 프로젝트에서 발생한 이슈를 소멸할때까지 추적(수정, 해결, 확인, 통계)하고 이슈의 경과를 관리하여 프로젝트를 원만히 수행 완료하는 데 보조하는 활동입니다.

발생 기간 또한 프로젝트 전 기간에 걸쳐서 발생합니다. 여기에 나온 이슈들에 대한 용어는 주로 JIRA사용하면서 터득한 용어들이니 참고하세요.

1. Issue Type(이슈 유형)
  • BUG(문제점) - 해당 Product 기능을 저해하는 요소
  • New Feature(새 기능)- 개발된 기능이 아닌 해당 Product의 새로운 기능적인 요소
  • Task(업무)- Product를 위해 실행해야 하는  Task
  • Improvement(개선)- 해당 Product의 기능을 개선하기 위한 요소

2. Priority Levels(우선순위 레벨)
  • Blocker - blocks 개발과 테스트 작업
  • Critical - 고장, 데이터 손실, 심각한 메모리 결함
  • Major- 기능의 주된 손실
  • Minor- 기능의 최소한의 손실이나 간단한 workaround 문제점
  • Trivial- 철자오류나 텍스트의 조정 불량과 같은 표면적인 문제점 

3. statuses(상태)
  • In Progress - 이슈는 할당자에 의해 지금 현재 활발하게 작업이 이루어지고 있는 상태
  • Resolved - 이슈가 해결이 되고 보고자로부터의 확인을 기다리고 있는 상태
  • Reopened - 이슈가 일단 해결되었지만 그 해결이 부정확하다고 판단되었때의 상태
  • Closed - 이슈가 충분히 숙고하여 해결되었고 그 해결이 정확하게 완료된 상태
  • Resolutions(해결) - 이슈는 다양한 방법으로 해결될 수 있고 "fixed"(수정됨)상태가 그것들 중의 하나임
  • Fixed(수정) - 이슈를 수정하는 것은 tree로 검사되고 테스트됩니다.
  • Won't Fix (수정 불가능) - 설명된 문제는 절대 수정되지 않을 이슈입니다.
  • Duplicate(복사) - 이 문제는 기존 이슈의 복사에 관련된 것임
  • Incomplete(미해결) - 미해결 이슈 상태.
  • Cannot reproduce(재현 불가능) - 이슈의 재현이 불가능한 상태
그리고 상태 프로세스는 아래 그림과 같습니다.

workflow

4. 그 외 이슈 관리와 관련된 용어들
  • Projects(프로젝트) - products, development project 등이 하나의 프로젝트 단위가 될 수 있습니다.
  • Version(버전) - 프로젝트 내의 버전(예를 들면 0.1, 0.1.2, 1.0 alpha, 1.0 beta, 1.0.1, 1.2 , 2.0)
  • Affects 버전- 이슈를 applies(적용)하는 버전
  • Fix for 버전- 이슈가 존재했거나 수정 되어질 버전
  • Components(구성) - 프로젝트는 다양한 구성요소로 구성되어 있음. 예를 들어 문서, back end, 이메일 하위조직, GUI 등이 있음.
Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/13 관련글 쓰기

Top

추천 블로깅툴

어떻게 하면 블로그를 좀 더 효율적으로 쓸 수 있을까요? 블로그 쓰시는 분들은 대체로 이와 비슷한 고민을 하실건데요.

물론 블로거들마다 개인적인 노하우가 다 틀리겠지만, 정리 차원에서 제가 나름대로 활용하고 있는 블로깅 툴들을 모아봤습니다.

이외에도 블로깅에 도움되는 좋은 툴들이 있으면 많은 추천 부탁드려요.. ^^;


#10. 클립보드 관리는 ArsClip


2008-05-26_020356


블로그 쓰면서 가장 많이 하는 작업중의 하나가 링크나 텍스트의 복사/붙여넣기 반복입니다.

특히 블로거뉴스 송고처럼 포스트 할 때마다 매번 붙여넣기 하는 링크가 있다면, 이런 클립보드 관리자를 이용해 영구 저장한뒤 사용하면 편리하겠죠.

개인적으로 예전에 소개했던적이 있는 ArsClip을 사용하지만, 이외에도 좋은 클립보드 관리자가 많으니 본인에게 맞는 프로그램을 사용하세요.. ^^;

참조 : 이드님이 소개하는 ClipDiary

참조 : 도아님이 소개하는 CLCL


#9. 스크린 녹화는 Jing


image67


동영상 강좌를 제작하거나 간단한 컴퓨터 화면 녹화가 필요할때 가장 쉽고 간편하게 활용 할 수 있는 프로그램으로 Jing이 있습니다.

Jing은 이 바닥에서 유명한 Camtasia를 만든 Tech Smith에서 제작했는데요. 단지 몇번의 클릭이면 화질이 뛰어난 동영상 녹화를 만들수 있고, 200MB 용량/1GB 트래픽을 제공하는 Screencast.com에 업로드 할 수 있습니다. 이밖에 FTP로 올리거나 SWF 파일로 저장하기도 지원하고, 동영상 녹화외에 이미지를 캡춰해서 Flickr에 올리는것도 가능합니다.

Jing 외에 괜찮은 스크린캐스트 프로그램으로.. 보다 전문적인 기능을 제공하는 CamStudio, 작은 용량에 웹캠도 지원하는 Debut, 강좌 만드는데 최적화된 Wink 등이 있습니다.

참조 : 타츠님이 소개하는 Jing


#8. 이미지 캡쳐는 Faststone Capture


CapturePanel


아마도 블로그 쓰면서 가장 많이 하는 작업중의 하나가 스크린샷 캡쳐일텐데요.

이런 작업을 위해 수없이 많은 유틸리티가 있겠지만, 그중에서도 단 하나를 꼽으라면 바로 Faststone Capture를 선택 할 것 같습니다.

다른 프로그램에서 에러가 나는 스크롤 캡쳐도 언제나 깔끔하게 수행하고, 듀얼 모니터 지원은 물론 작은 용량이면서도 캡쳐에 꼭 필요한 기능은 모두 가지고 있습니다. 물론 캡쳐한 이미지에 글자나 이미지 넣기, 마우스 커서 캡쳐 등도 지원하며, 저장 형식도 PDF를 포함한 다양한 이미지 파일 형식을 지원합니다.

현재 쉐어웨어로 전환한 상태이지만 5.3 버전까지는 무료로 쓸 수 있는데요. 버전이 낮다고 해서 기능이 떨어지는 것은 거의 없습니다.

이밖에 보다 전문적인 유틸리티가 필요하시면 Screenshot Captor, 막강한 국산 캡쳐 프로그램인 Open Capture 또는 PckPick이 있습니다.

참조 : bakion님이 소개하는 Faststone Capture


#7. 나만의 웹하드는 Jooce


2008-05-26_040722


언제 어디서나 즐거운 블로깅을 즐기시려면 꼭 필요한것 중의 하나가 개인의 파일을 저장하는 웹하드인데요.Jooce는 무제한 파일 공간을 제공하면서 업로드 용량 제한도 없는 아주 쿨한 서비스입니다. 아기자기한 아이콘과 한글화된 직관적인 인터페이스도 아주 매력적이구요.

파일을 동시에 업로드 하는것도 지원하고, 업로드시 상단에 진행바가 나타나는데 속도도 상당히 좋습니다.

그리고 Jooce는 사실 단순한 웹하드라기 보다는 온라인 데스크탑 서비스인데요. 파일 저장 외에도 친구들과 녹색 쥬스탑을 통한 파일 공유, AIM/ICQ/MSN/Yahoo 메신저를 지원하는 IM 기능, 유튜브 비디오를 가져오는 기능도 있습니다.

이밖에 추천할만한 개인 웹하드로는 5GB 용량을 제공하는 마이크로소프트의 SkyDrive, 간단한 파일 저장에 좋은 엠파스의 파일박스가 있습니다.

참조 : 이드님이 소개하는 Jooce


#6. 간단한 파일 공유는 Drop.io


5894395659


얼마전에 파일 공유 서비스를 간단히 비교하는 포스팅을 올렸었는데, 개인적으로 이 Drop.io를 가장 좋아합니다.

업로드 파일의 최대 사이즈가 100MB로 제한되지만 무엇보다 미리보기, 댓글 달기, 권한 설정 등이 모두 지원되서 하나의 파일을 다수의 사람들과 간단히 공유하기에는 더없이 편리합니다. 물론 속도도 빠르고요.. :)

참조 : 미션 : 최고의 파일 공유 서비스를 찾아라


#5. 이미지 호스팅과 사진 공유는 포토바다


2008-05-26_050637


티스토리 처럼 무제한 웹호스팅을 쓰시는 블로거들은 상관 없지만, 사설 웹호스팅을 사용하는 블로거들은 트래픽에 민감 할 수 밖에 없습니다. 특히 트래픽의 대부분을 차지하는 이미지 파일이 쌓여갈수록 그 고민은 더 커지지요. 그래서 초기의 블로거들 중에 많은 분들이 외산 서비스인 플리커나 피카사웹을 통해 이미지를 호스팅 했었는데요. 이제는 그럴 필요가 없습니다. 왜냐.. 어느 외산 서비스에도 뒤지지 않는 포토바다가 있으니까요.. ^^;

무제한 용량 제공에 빠른 속도, 거기다 간편한 공유 옵션까지.. 무엇 하나 불평할게 없는 최고의 사진 공유 서비스입니다. 어느날 갑자기 서비스만 접지 않으면 좋겠네요.. ;;

그냥 단순한 이미지 파일 링크에는 PlayNow나 Yezzang NaruTodaystory 서비스도 좋더군요.


#4. 생각을 정리하는 Freemind


1034745264

[이미지 출처 : 우키님의 블로그]


쓰고싶은 블로그 주제를 어렵게 찾았는데, 막상 쓸려고 하니 머리속이 복잡하게 엉켜서 정리가 안될때가 있는데요. 이럴때 생각을 정리하고 발전시키는 방법으로 마인드맵을 활용하면 좋습니다. 마인드맵을 그리면서 생각을 집중하다 보면, 무엇을 어떤식으로 써야할지 체계도 잡혀가고, 도중에 여러가지 새로운 아이디어를 얻는 경우도 많습니다.

마인드맵이라고 하니 괜히 어려운것 같지만, 그냥 연습장에 생각나는 단어들을 브레인스토밍 하고, 그중에 연관되는 단어들을 연결해주는것이 마인드매핑 인데요. 이것을 체계적인 정리나 자료 보관의 용이함 등으로 컴퓨터 소프트웨어로 대체해서 활용하는데, 무료 툴로는 Freemind를 많이 사용하고 웹기반 서비스로는Bubble.usMindMeisterMind42 등이 있습니다. 유료이긴 하지만 한글화도 완벽하고 여러 기능이 뛰어난ThinkWise도 많이 사용하시는것 같습니다.

저도 아직 마인드맵 사용의 고수는 아니지만 되도록이면 글쓰기나 업무 기획 전에 꼭 활용할려고 노력중입니다.. ^^;

참조 : 마인드맵(freemind) 사용하기

참조 : 꼬뮨터 Freemind 사용하기


#3. 자료 스크랩과 정리는 ScrapBook


2008-05-26_065307


CapturePage-2   Highlighter


블로그에 쓸 목적으로 이것저것 자료를 수집하다 보면 체계적으로 자료를 정리하는 툴이 필요합니다. 이런 목적을 위해 여러가지 툴이 존재하겠지만, 개인적으로 너무 전문적이지 않으면서도 쓸만한 기능은 다갖춘 파이어폭스 확장기능 ScrapBook을 좋아합니다.

ScrapBook은 단순한 즐겨찾기 링크의 저장 외에도, 웹페이지를 캡쳐후 폴더를 이용해 체계적으로 분류하는 것이 가능하고, 웹페이지 자체나 연결된 링크와 미디어까지 통째로 저장해서 오프라인으로 보관하는 것도 가능합니다. 저장된 웹페이지는 오프라인 파일로 열어서 형관펜을 칠하거나 주석 삽입, 필요 없는 요소 삭제 등 다양한 편집도 지정합니다. 이외에도 노트 작성이나 강력한 검색과 함께 수없이 많은 기능이 있으니 자료 정리에 관심 있는 분은 꼭 써보시길 바랍니다.

이밖에 블로깅에 도움될만한 파이어폭스 확장기능으로 전문 리서치툴인 Zotero, 클립보드 기능을 강화하는CoLT, 웹페이지의 테이블을 복사하는 Table2Clipboard, 마우스만 끌면 자동으로 복사되는 Auto Copy, 구글 번역기 gTranslate, 사전을 입맛따라 지정 할 수 있는 FastDic 등이 있습니다.

참조 : 불타는여우님의 ScrapBook 확장기능


#2. 멀티태스킹을 극대화하는 듀얼 모니터와 Input Director


inputdirector_sketch


예전에 듀얼 모니터를 사용하면 생산성도 늘어난다는 뉴스를 올린적이 있는데요. 솔직히 체감상으로 듀얼 모니터를 사용하면 모니터 한개만 쓸때보다 거짓말 안보태고 200% 이상의 효율이 나오는것 같습니다. 한쪽에는 웹브라우저 띄우고 다른 한쪽에는 에디터 올리고 작업하면, Alt+Tab 누르면서 이리저리 왔다갔다 하는것보다 훨씬 편리하죠.

현재 제가 블로그를 쓰는 환경은 노트북과 TV를 연결해서 컴퓨터는 총2대, 모니터는 TV까지 포함해서 총4개를 연결해 사용중입니다. 노트북에 TV를 연결해 듀얼 구성, 기존의 데스크탑 컴퓨터는 LCD 모니터 2개를 연결해서 듀얼 구성을 한 상태죠. 이렇게 각각의 컴퓨터에 듀얼 구성을 하고, 컴퓨터는 Input Director를 통해 마우스/키보드를 공유합니다. 노트북을 포함한 모니터 3개에는 각각 파이어폭스, Window Live Writer와 포토샵이나 이미지 관리 소프트웨어 처럼 기타 그때그때 필요한 프로그램을 올리고 작업합니다. TV는 물론 KMP를 이용해 동영상 파일 감상용으로 활용하구요.

키보드/마우스 공유 프로그램으로는 Synergy가 유명하지만 저같은 경우 윈도우 시스템으로만 구성되어 있기때문에 Input Director가 훨씬 좋더군요. (우분투는 이제 가상머신으로만 돌려서.. ;;)

한글 입력시의 버그도 없는것 같고 복사/붙여넣기 기능도 훨씬 뛰어나고 컴퓨터를 옮겨다닐 때마다 마우스 커서를 눈에 확 들어오게 표시해줘서 커서 잃어버릴 일 없어서 좋습니다. 설치와 설정도 아주 쉽기때문에 여러대의 PC를 사용하는 분들에게 정말 강추하는 프로그램입니다.. ^^;

참조 : 사직찍는 프로그래머님의 Input Director 소개 


#1. 블로그 에디터는 Windows Live Writer


2008-05-26_080925


대망(?)의 1위는 이미 많은 분들이 에디터로 선호하시는 Windows Live Writer입니다. 개인적으로 마이크로소프트가 만든 소프트웨어중에 TweakUI와 더불어 가장 잘만든 프로그램인것 같습니다. 일전에 어느 사이트에서 맥과 리눅스 사용자를 대상으로 투표 했는데, 이 라이브 라이터가 윈도우 소프트웨어중 맥과 리눅스에서 가장 쓰고 싶은 소프트웨어 중의 하나로 손꼽히더군요.

아무튼 이 라이브 라이터는 블로그 에디터로서 가장 강력한 기능들을 보여주는데요. 완벽한 한글 지원은 물론이고 블로그 레이아웃을 가져와서 미리보기, 카테고리/키워드/태그/핑/트랙백 지원, 지정한 시간마다 자동 저장, 이미지 삽입시 효과주기, 그리고 무엇보다 유저들이 만든 다양한 플러그인의 지원을 통해 무한대로 기능을 확장 할 수 있다는 점이 매력적입니다.

다른 데스크탑이나 웹기반 블로그 에디터를 사용해 봐도 Windows Live Writer만큼 안정적이고 편리한 블로그 에디터는 현재로서 없는것 같습니다. (Raven이라는 에디터가 기대되긴 하는데 아직까지는 조금 개선의 여지가 필요한듯..)


이상으로 제가 사용하는 블로깅툴을 모아봤는데요. 여러분들은 어떤 툴로 효율적인 블로깅을 하시나요? ^^;  

Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/12 관련글 쓰기

Top

flash+javascript 를 이용한 원격제어

플래시 통신을 가능하게 하는 RTMP 을 이용했다.오픈소스인 red5 서버를 통하여 플래시 통신을 하였다.

플래시는 javascript 컨트롤이 가능하기 때문에 상대방의 브라우저를 원격으로 컨트롤이 가능하다...


Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/10 관련글 쓰기

Top

jQuery 교육


JQuery

# 구체화 해서 속도를 높이고 정확한 엘리먼트를 찾자.

1. DOM 구조 설명
엘레먼트 <button class="runCode">Run Code</button>
어트리뷰트 class="runCode"
벨류 Run Code


2. select (ID)
<li id="smile"><a href="#">li 2</a></li>

jQuery(function($) {
$('#smile').remove();
});

ID 는 고유한 값 : IE에서는 버그로 여러개가 동시에 select 됨

3. select (class)
$('.red').remove();

동시에 선택 가능

4. select (엘레멘트)
$('span').remove();

5. select (엘레멘트의 class)
$('span.red').remove();

6. 2개 이상
$('span, .red').remove();
$('ul#oldUl > .red').remove();
$('.red:first).remove(); // 첫번째만

$('.red:first').remove();
$('.red:last').remove();

$('ul#oldUl > li:even').remove(); // even 짝수만
$('ul#oldUl > li:odd').remove();  // odd 홀수만
$('ul#oldUl > li:eq(1)').remove(); /  eq 특정 순서의 값
alert($('ul#oldUl > li:hidden').text()); // display:none type=hidden 값을 찾음

alert($(':input').text());
alert($('form :input').size());
$(':text').val('No!'); // type=text 인 필드의 값을 변경
$('input:text:first').val('No!');

alert($('input:radio:checked').val());

alert($('form select > option:selected').val()); // 셀렉트 박스의 값
alert($('select > option[selected]').val());

alert($('select > option[value=1]').text()); // 값이 1인

$('input:radio:eq(1)').attr('checked', 'checked'); // 첫번째 radio check
$('input:radio[value=A]').attr('checked', 'checked'); // value 를 찾아서  check

$('input:radio[name*=radio]').remove();
[^name=AA] 시작 값
[name$=AA] 끝나는 값
[name*=AA] 포함되는 값

$('input:radio[name*=radio][value=B]').remove(); // name 과 value 같이 사용

7. 버튼
<div>
<button class="runCode">Run Code</button>
</div>

jQuery(function($) {
$('button.runCode').click(function(){
$('.red').remove();
})
});



8. traversing (척도, 기준)

var $ul = $('#oldUl');
alert($ul.is('ul').toString()); // boolin 값을 반환 if문에 사용가능

$('#oldUl > li').not(':first').remove(); // not 은 제외하고의 의미

$('#oldUl > li').find('a').remove(); // 공백과 동일

$('form').prev().remove();
$('form').next().remove();

$('.red').parents('ul').remove();



9. attr (속성) readonly 일 경우에는 변경이 안 됨
alert($('input:radio:checked').attr('value'));
$('input:radio:checked').attr('value', 'DDD'); // 변경
alert($('input:radio:checked').attr('value'));

$('input:radio:checked').attr('value', '');
$('input:radio:checked').removeAttr('value'); // 삭제


$('input:brown.radio').addClass('yellow');


$('input:radio:brown').val('dafsdfa');
alert($('input:radio:brown').val());


$('select').val(1);
alert($('select').val());

// alert($('span:first').text());
alert($('#oldUl').text());
alert($('#oldUl').html());

$('#oldUl').html('<li>change</li>'); # html 형태로 변환
$('#oldUl').text('<li>change</li>'); # text 형태로 변환


10. 엘레먼트 자체를 제어하는 기능(DOM 의 생성 이동 복사)

    $('#oldUl').append('<li>change</li>'); // 자식 하단에 추가
    $('#oldUl').prepend('<li>change</li>'); // 자식 상단에 추가

    $('#oldUl').after('<ul><li>change</ul></ul>'); // 본인 하단에 추가 // 기준이 oldUl 뒤에
    $('#oldUl').before('<ul><li>change</ul></ul>'); // 본인 상단에 추가

    $('#oldUl').wrap('<p style="background-color:red;"></p>'); // 부모 추가(감싸는 역할)

    $('#oldUl').append($('#newUl')); // newUl 을 선택해서  oldUl로 이동(자식으로)

    $('#oldUl').insertAfter($('#newUl')); // 기준이 newUl 뒤에
    $('#oldUl').empty(); // 속성 제거

    $('button').empty(); // 버튼 속성의 값을 제거
    $('button').remove(); // 엘리먼트 자체를 제거


    var $clone = $('#newUl').clone();
    $('#oldUl').append($clone); // 한번만 복사됨(엘리먼트로 존재하기 때문에


11. CSS

    $('#oldUl').css('background-color','red');
    alert($('#oldUl').attr('style'));
    alert($('#oldUl').css('background-color'));
    alert($('#oldUl').css('display')); // 설정 안 된 값도(기본값)을 추출하지만 변경하는 것은


    var _position = $('input:checkbox').offset(); // 전체의 위치에서 좌표
    alert(_position.left);
    alert(_position.top);

    var _position = $('input:checkbox').position(); // 부모의 위치에서 좌표
    alert(_position.left);
    alert(_position.top);


12. Event 

    직접 다 넣는게 아니라 bind 개념

    $('#oldUl a').bind('dblclick', function(){ // click, dblclick
        alert('a');
    });

    $('#oldUl a').unbind('click'); // 바인드 해제

    $('#oldUl a').one('click', function() { // 한번만 실행
        alert('a')
        return false;
    });


    jquery 1.3 이전에는 live 기본 사용 하는(즐겨) -> 현재는 기본 포함


13. bind, live 

    $('#oldUl a').bind('click', function(){ // click, dblclick // 추가된 엘리멘트에는 이벤트가 바인드 안 됨
        alert('a');
    });

    $('button.runCode').click(function(){
        $('#oldUl').prepend('<li><a href="#">A</a></li>');
    })


    $('#oldUl a').live('click', function(){ // click, dblclick // 추가 되는 엘리멘트에도 이벤트가 바인드 됨(바인드 보다는 많은 제한) -> 지원 안 된다면 liveQuery 플러그인 사용해야 함
        alert('a');
    });


    click(function) // function 이 없으면 실행 -> submit(function) 도 마찬가지

14. Effect

    jquery.com 확인

15. Utilities
   
    browser, ver 확인
    alert($.browser.mozilla);
    alert($.browser.safari);
    alert($.browser.opera);
    alert($.browser.msie);
    alert($.browser.version);

    if($.browser.msie && $.browser.version >= 7){
        alert('dd');
    }

    var _array = ['apple', 'pineapple', 'banana'];
        $.each(_array, function(){
        alert(this);
    });

    var _json = {'name':'ks-park'};
        $.each(_json, function(key, value){
        alert(key+value);
    });

    var _json = {'name':'ks-park'};
        $.each(_json, function(key, value){
        alert(this); // value 만 
    });


    $('ul > li:last').remove(); // 전체에서 하나

    $('ul').each(function(){ // 모든 ul 에서 하나씩
        $(this).children('li:last').remove();
    });


16. UI

    

17. 현업

    # head 에 아래 구문으로 사용 권장 // 모든 문서(DOM)가 로딩된 후에 실행 -> body의 onload() 와 동일한 역할
    $(document).ready(function()){
    }

    # 아래와 같은 방식은 화면이 다 읽히기 전이라면 오류가 발생할 수 있음 -> body 제일 하단에 위치 -> 페이지가 로딩된 후에 처리 되도록
    jQuery(function($) {
    }

    php 는 배열의 key 를 string 으로 사용하기 때문에 js 에서 배열을 그대로 쓸 수가 없음 -> JSON, XML(파싱이 필요)은 가능
    php 5.0 이상 pecl 1.2 이상에서 json_encode(), json_decode() 제공
    

18. plugin 추천

    form plugin(), metadata()

    $('#oldUl a').click(function(){ // click  때 마다 별도의 href 에 해당하는 값을 가져와서 출력한다.
        alert($(this).attr('href'));
    return false;
});

Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/9 관련글 쓰기

Top

SVN 사용하기

제 목 : VisualSVN + TortoiseSVN + CommitMonitor 로 버전관리하기
출 처 : http://www.okjsp.pe.kr/bbs?seq=121059

웹어플리케이션을 개발하다보니 디자이너, 코더, 개발자간 소스관리에 어려움이

많았습니다..

형상관리의 깊은 전략보다는 쉽게 적용할수있는 조합을 간단하게 정리해봤습니다.

찔끔이나마 도움이 되시길 -_-;

================================================

[ VisualSVN + TortoiseSVN + CommitMonitor 로 버전관리하기 ]

VisuanSvn : svn 서버

TortoiseSvn : 클라이언트

CommitMonitor : 모니터링 툴

1. 서버 : VisualSVN설치(비쥬얼환경 제공)

* http://www.visualsvn.com/files/VisualSVN-Server-1.5.2.msi

- SVN의 모든 기능을 이용할 수 있다.

- apache를 따로 깔지 않아도 된다.

- 사용자 계정/그룹 관리가 매우쉽다

- 저장소 및 모듈 관리기능이 쉽다.

2. 클라이언트 : 개발자는 Eclipse , 디자이너/기타는 TortoiseSVN로 운영

* http://nchc.dl.sourceforge.net/sourceforge/tortoisesvn/TortoiseSVN-1.5.2.13595-win32-svn-1.5.1.msi

- 개발자는 알아서 잘 하니 패스 --;;

- 디자이너는 TortoiseSVN을 설치하고 팀에서 규정된 로컬 경로(되도록 서로 로컬패스를 같게 하는것이 좋음)에

check out 시킨다

3. 클라이언트 : CommitMonitor설치(변경사항알리미)

* http://commitmonitor.googlecode.com/files/CommitMonitor-1.2.1.299.msi

- 가볍고 빠르고 스마트하다

- 지정한 시간주기별로 지정한 프로젝트에 대하여 commit하는 상황을 트레이아이콘에서 메세지로 보여준다

- 여러개 프로젝트마다 일일히 동기화/업데이트 해야하는 수고를 덜어주며

여러인원 작업참여시 전체적인 진행상황 파악에 도움이 되다.


Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/8 관련글 쓰기

Top

출근하기


크게 보기
Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/7 관련글 쓰기

Top

실업급여

http://blog.naver.com/mycong1?Redirect=Log&logNo=40065506678
Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/6 관련글 쓰기

Top

착각의 진실

Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/4 관련글 쓰기

Top

착각

Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/3 관련글 쓰기

Top

즐겨찾기


[제과점 / 외국]

http://www.astalavista.ms/   과자공장 검색엔진

http://www.crackcrew.com/   과자공장 검색엔진

 

[음식점 / 외국]

http://www.pda4x.com/thread.php?fid=65   중국집 (가입필요)

http://forum.ppcwarez.org/viewforum.php?f=57&sid=7f9d354fde289337c345b272d4ee4206   미국집 (가입필요)

http://www.dotsis.com/mobile_phone/forumdisplay.php?f=121   맛집 (가입필요)

http://www.noeman.org/gsm/pocket-pc-smartphone-zone/   맛집 (가입필요)

http://www.ipmart-forum.com/forumdisplay.php?f=657   맛집 (가입필요)

 

[퓨전레스토랑 / 외국]

http://www.torrentz.com/   토렌트 검색엔진 (BitTorrent 설치필요)

http://isohunt.com/   좀더어두운 토렌트검색 (BitTorrent 설치필요)

http://www.dbgo.com/   당나귀서버 검색엔진 (디비고 설치/가입필요)

 

----------------------------------------------------------------------------------------------------

 

[프리웨어 자료실 / 국내]

http://cafe.naver.com/sphm4650.cafe   현위치 ㅎㅎ

http://www.fingertool.com/ping_data/data.asp   자료실 (가입필요)

http://www.todaysppc.com/mbzine/bbs/zboard.php?id=pds   자료실

http://www.mymits.net/zboard/zboard.php?id=pds   자료실 (가입필요)

http://m.todaysppc.com/zpda/zboard.php?id=pds&select_arrange=headnum&desc=asc&page_num=20&selected=&exec=&category=&keyword=mdict   Mdict사전 검색

 

[프리웨어 개발자 / 국내]

http://www.jungum.com/kr/html/BBS_MobileHistory.html?part=Mobile&sec=7&BBSCD=002015000&Category=002015002   정음Global 텍스트에디터

http://mobian.cafe24.com/bbs/zboard.php?id=pds   Pocket Memorial 기념일, Pocket Subway 지하철

http://blog.michgan.net/category/release   Bookworm 텍스트뷰어

http://zextor.tistory.com/   Unit Converter 단위환산

 

[프리웨어 개발자 / 외국]

http://www.ac-s2.com/   S2U2 잠금화면, S2V 이미지뷰어

http://www.ageye.de/index.php?s=download   G-Alarm 알람, G-Watch 초시계

http://www.alensw.com/   QuickMenu 시작메뉴

http://www.dotnetideas.com/dotnetideas/Products.aspx   SightReader 피아노악보연주

http://icontactae.codeplex.com/   iContact Avian Edition 연락처

http://www.octopus-studio.com/download.en.htm   MDict 사전

http://mylostblog.altervista.org/category/themes   미디어플레이어스킨, 투데이테마

http://www.geocities.co.jp/SiliconValley-Cupertino/2039/   File Explorer Extension 파일탐색기, FileDialogChanger 다이얼로그

http://soft.photoracer.net/docs/wktask_en.html   WkTASK 다중태스크바

http://www.sto-helit.de/index.php?module=download&entry=&action=list&menu=15   MortRing 그룹벨소리, MortScript 스크립트실행

http://www.geocities.jp/yasuho68k/wzero3/index.html#tinypad TiniPad 텍스트에디터

 

----------------------------------------------------------------------------------------------------

 

먹거리는 검색해보시면 애초에 먹여논 것들도 많고
압축파일 내에 첨부되있는경우도 있습니다..
아니면 본문이나 덧글에 써놓은 경우도 있구요

 

토렌트는 처음엔 복잡하더라도 익숙해지시면

세계각지의 진미를 맛보실수 있습니다..

 

그리고 배는 너무고픈데 말이 안통하신다면

한국어에 능통한 웨이터가 바로 달려갑니다 ㅎㅎ

 

[친절한 웨이터]

http://kr.babelfish.yahoo.com/   다국적

http://www.google.co.kr/language_tools?hl=ko   다국적

http://search.naver.com/search.naver?where=nexearch&query=%C0%CF%BA%BB%C0%A5%B9%F8%BF%AA&sm=top_hty&frm=t1&fbm=0   일식전문

Comment 0 Trackback 0

Trackback : http://blog.param.net/trackback/2 관련글 쓰기

Top

prev 1 next