웹 개발과 관련된 모든 것들

Firefox Portable Edition

막강한 확장기능 지원과 뛰어난 안정성을 자랑하는 오픈소스 웹 브라우저.

다운로드 Firefox Portable 3.5 (9MB)

Google Chrome Portable

빠른 자바스크립트 속도를 자랑하며 탭 별 프로세스 할당 방식으로 안정성을 강화. 쾌적한 인터페이스도 뛰어남.

다운로드 Chronium 3.0.182.3 (17.6MB)

OperaUSB

별도의 확장기능이 필요 없을 만큼 많은 기능이 내장된 웹 브라우저. 빠른 구동 속도와 웹페이지 렌더링 속도도 강점.

다운로드 OperaUSB 9.64 (5.1MB)

텍스트 편집

Notepad++

구문 하이라이트와 자동완성 등 강력한 기능의 텍스트 에디터

다운로드 Notepad++ Portable 5.4.3 (3MB)

Web Design Toy

HTML 코드를 입력하면 오른쪽 창에서 바로 바로 확인.

다운로드 Web Design Toy (449KB)

Oiko Visual CSS Editor

트리 구조 방식의 CSS 비주얼 에디터.

다운로드 Oiko Visual CSS Editor Portable 1.00 RC3 (1.1MB)

KompoZer Portable

드림위버와 비슷한 위지윅 HTML 에디터. 파이어폭스와 썬더버드의 Gecko 렌더링 엔진을 사용함. KompoZer는 NVU 1.0의 상당수 버그를 수정한 비공식 릴리즈.

다운로드 KompoZer Portable 0.7.10 Rev 2 (7.2MB)

이미지 편집

GIMP Portable

포토샵을 대체하는 오픈소스 비트맵 그래픽 에디터.

다운로드 GIMP Portable 2.6.6 (17MB)

Inkscape Portable

일러스트레이터를 대체하는 오픈소스 벡터 그래픽 에디터.

다운로드 Inkscape Portable 45.1 Rev 2 (19.5MB)

Fotografix

760KB의 작은 용량에도 레이어, 스크립트, 필터를 지원하며 간편한 이미지 편집에 좋음.

다운로드 Fotografix 1.1 (366KB)

Artweaver

다양한 브러쉬를 지원하는 페인팅 프로그램.

다운로드 Artweaver Portable (11.24MB)

FastStone Image Viewer Portable

유려한 인터페이스에 빠르고 안정적인 이미지 뷰어. 파일 컨버터와 간편한 에디터 기능도 내장.

다운로드 FastStone Image Viewer Portable 3.9 (5.0MB)

FTP 클라이언트

FileZilla Portable

빠르고 안정적인 무료 FTP 클라이언트.

다운로드 FileZilla Portable 3.2.6.1 (4MB)

WinSCP Portable

오픈소스 FTP/SFTP/SCP 클라이언트. Putty Portable 버전을 내장.

다운로드 WinSCP Portable 4.1.9 (2MB)

웹 서버

XAMPP Portable

따로 설정할 필요가 없는 웹 서버 패키지.

다운로드 XAMPP Portable 1.7.1 (82MB), Lite Version (50MB)

Server2Go

PHP, MySQL, Apache, SQLite, Perl 등을 지원하는 무료 서버 패키지.

다운로드 Server2Go

HTTP File Server

간편한 파일 공유 프로그램. 용량이 큰 파일을 클라이언트와 공유할 때 좋음.

다운로드 HFS 2.2f (600KB)

오피스 & 문서 툴

Foxit Reader

가볍고 빠른 PDF 리더. 포터블로 만들기 위해서는 프로그램을 설치하고 설치 폴더를 USB 드라이브로 복사. 설치 시 ebay 툴바 등 주의.

다운로드 Foxit Reader 3.0 (2.99MB)

OpenOffice Portable

마이크로소프트 오피스를 대체하는 워드, 스프레드시트, 프리젠테이션, 드로윙, 데이터베이스 통합 프로그램.

다운로드 OpenOffice Portable 3.1 (87MB)

AbiWord Portable

마이크로소프트 워드와 비슷한 가벼운 워드프로세서. 메일 병합 등의 기능과 플러그인도 지원.

다운로드 Abiword Portable 2.6.8 (6.3MB)

Thunderbird Portable Edition

막강한 확장기능 지원이 강점인 이메일 툴. 포터블 버전이라 컴퓨터에 흔적을 남기지 않고 이메일과 주소록을 관리함.

다운로드 Thunderbird Portable 2.0.0.22 (6.7MB)

노트 툴

MemPad

트리 기반의 노트 관리 유틸리티. 모든 페이지는 단일 파일로 저장되고 다이어리 모드를 지원.

다운로드 MemPad 3.32 (97KB)

TiddlyWiki

단일 HTML 파일로 구성되어 있지만 다양한 플러그인 지원을 통해 위키, 노트북, GTD 툴 등 여러 용도로 활용할 수 있음.

다운로드 TiddlyWiki (346KB)

ToDoList

깔끔한 인터페이스의 할 일 관리 유틸리티. 할 일은 XML 포맷으로 저장하고 프로그램 환경설정은 ini 파일로 저장.

다운로드 ToDoList 5.8 (801KB)

동기화 & 백업 툴

Toucan

파일 동기화, 백업 & 암호화 유틸리티. 4개의 동기화 모드를 제공하며 7-zip 백업과 256bit 암호화를 지원.

다운로드 Toucan Portable 2.1.0 (2.5MB)

FreeFileSync

드래그앤드롭과 4GB 이상의 파일을 지원하는 폴더 비교 & 동기화 툴. 우분투 버전도 있음.

다운로드 FreeFileSync 2.1 (1.2MB)

유틸리티

KeePass Password Safe Portable

오픈소스 패스워드 관리 유틸리티. 암호 데이터베이스를 하나의 마스터 패스워드로 보호.

다운로드 KeePass Password Safe Portable 1.16 (1.7MB)

7-Zip Portable

다양한 포맷을 지원하는 막강한 압축률의 압축 유틸리티.

다운로드 7-ZIP Portable 4.65 Rev 2 (1.4MB)

Font Matcher

이미지 속의 폰트를 실제 폰트와 매치해줌. TTF 폰트만 지원.

다운로드 Font Matcher 1.0.3 (160KB)

IcoFX

아이콘 변환, 추출 등을 지원하는 아이콘 에디터. 256x256 해상도까지 지원.

다운로드 IcoFX 1.6.4 Portable (1.4MB)

PickPick

세계에서 인정받는 자랑스런 국산 스크린 캡쳐 툴. 색상 추출 등의 다양한 기능과 함께 간단한 이미지 편집도 지원.

다운로드 PickPick 1.8.1.0 Portable (957KB)

VirtuaWin

작은 리소스의 가상 데스크탑 관리 프로그램.

다운로드 VirtuaWin 4.0.1 Portable (97KB)

[이 게시물은 인천올님에 의해 2010-06-10 14:06:36 추천정보에서 이동 됨]

출처 : http://www.incheonall.com/bbs/board.php?bo_table=pds&wr_id=44&page=

PHP로 개발하는데, 혹시 디버깅(debugging)이라는 '용어'를 들으면 print_r()이나 var_dump() 함수가 가장 먼저 떠오르나? 그럼, 뭔가(?) 몹시 외롭게 사투하는 중일 가능성이 높다. PHP에서도 breakpoint를 설정해가면서 진짜 디버깅을 할 수가 있다. 이 대목에서 잠깐, breakpoint가 뭘까? 고개를 갸우뚱하는 사람은 정말 너무 오랫동안 PHP로 웹 개발만, 그것도 다른 개발자들과 담을 쌓고 혼자 살아왔을 가능성이 농후하다. 물론, 가난한 개발자여서 인터랙티브 디버깅(interactive debugging)이 가능한 Zend Studio와 같은 비싼 툴을 살 수가 없었기 때문일 수도 있다. 하지만 관심을 가지고 찾아봤으면 Zend Studio 외에도 삽질만 쫌 하면 구해서 쓸 수 있는 무료 툴들이 있었다. 대표적인 것이 바로 eclipse + xdebug 이다.

잠깐, 인터랙티브 디버깅(interactive debugging)의 장점을 생각나는 대로 메모해본다. 소스 코드에서 실행을 멈춰 보고 싶은 행에 중단점(breakpoint)을 설정할 수 있다. 그 지점에서부터 한 줄(행)씩 실행하거나 다음 중단점까지 실행하거나 할 수 있다. 그 와중에 모든 변수들의 값을 관찰할 수 있다. 따로 print_r()이나 var_dump() 함수로 변수값을 화면이나 로그 파일로 찍어내지 않아도 된다. (-> 프로그램 코드가 아주 깨끗해진다.) 마치 비디오 판독작업을 할 때처럼 순간 정지나 슬로비디오로 천천히 들여다 볼 수 있다. 이 기능의 위력을 알게 되면 그동안 print_r()과 var_dump()에만 기대어 살아온 날들이 허무하고 억울하게 느껴지게 된다. 이제부터라도 사용해보도록 하자.

Xdebug를 사용하려면, (1) 서버측에서의 설정과 (2) eclipse에서의 설정, 두 가지가 모두 필요하다.

1. 서버측 설정 : XAMPP

윈도 PC에서 apache/mysql/php 서버 환경을 간단하게 구축할 수 있도록 해주는 통합 패키지 xampp의 설치 및 설정은 다음 글 참조.

• XAMPP (Apache + Mysql + PHP + Perl) 통합 패키지 설치
   http://blog.naver.com/joycestudy/100085817322

2009년 8월 6일 현재 XAMPP 최신 버전은 1.7.1 임. 기존의 1.6.x 버전대와 몇 가지 달라진 점 때문에, Xdebug 설정이 조금 혼란스러워 졌음. 과거의 방법들은 잊고, 새로운/더 쉬운 방법만 기억하자.

XAMPP 1.7.1 버전에는 xdebug 모듈이 이미 포함되어 있다. xampp\php\ext 디렉토리에 가면 php_xdebug.dll 파일이 있다. 실제로 xdebug 배포 사이트에 가보면, 대체 어떤 파일을 골라서 가지고 와야 하는지, 정말 어수선하고 혼란스럽고 헷갈리고 그래서 급기야 짜증모드로 돌진하게 되곤 한다. 다행인지 XAMPP 패키지에는 이미 적합한 놈이 들어있다. (혹시 참을성에 자신있으신 분은 xdebug 사이트로 가서 적합한 놈을 찾아보시길… http://www.xdebug.org 농담임. 괜히 고생함.)

중요한 설정작업: php.ini

XAMPP php.ini 파일은 xampp\php 디렉토리 밑에 있다. 그 파일을 열어서 xdebug 관련 부분을 설정해준다.

처음에는 아래와 같이 되어 있다.

위 부분에서 [Zend] 섹션은 모두 코멘트(;)로 막아준다. 그리고, 아래 [XDebug] 섹션은 모두 코멘트 해제한다.

xdebug는 Zend Optimizer와 함께 사용할 수가 없다. 보통 디버깅은 테스트 서버에서 수행하게 되므로, 특별히 Zend Optimizer가 없다고 해서 특별히 문제가 생기지는 않을 것이다. 만약 LIVE 서버(실 운영서버)라면 xdebug 모드는 접는 게 좋겠다.

주의사항: xdebug 관련 내용을 php.ini 파일에서 찾아보면 위 부분외에도 extension 지정하는 부분이 하나 더 나온다. 기본적으로는 코멘트로 막혀있다. 이 부분은 굳이 풀어주지 않아도 된다. 만약 이 부분을 풀어준다면, Warning 이 뜬다. 물론, eclipse에서 디버깅도 안된다.

[추가사항: 2009년 8월 13일]

2009년 8월 10일, XAMPP 1.7.2 버전이 새로 나옴. 패키지에 포함된 PHP 버전도 5.3.0으로 올라가고, Xdebug 모듈도 2.0.5로 올라갔다. 특히, php.ini 에서 xdebug 설정해주는 방법이 몹시 간단해졌다.

xdebug 설정을 위해 해줄 작업은 단 한줄의 코멘트를 제거해주는 일로 줄었다.

이것만 해주면, 아래와 같이 XDebug가 먹힌다.

추가사항 끝~

Xdebug 설정 전에는 php -v 명령을 실행하면 아래와 같이 나온다.

php.ini 설정을 완료하면, 아래와 같이 "with Xdebug v2.0.4, Copyright (c) 2002-2008, by Derick Rethans" 문구가 보인다.

모든 게 정상적으로 잘 설정되면, 아래 링크를 눌렀을 때 웹 페이지에서도 아래와 같은 이미지가 보인다. php.ini 파일을 수정했으므로 물론 아파치 서버는 stop시켰다가 새로 start 시켜야 한다.

• http://localhost/xampp/phpinfo.php

뭔가 잘못되었으면, 아래와 같은 이미지가 보인다. "with Xdebug.." 메시지가 없다.

재미있는 것은 뭔가 잘못된 와중에도 아래와 같이 phpinfo() 출력값의 xdebug 섹션에는 관련 값들이 잘 보이는 경우가 있다.

이것은, 설정값은 적용되었지만, 정작 중요한 php_xdebug 모듈이 올라가지 않은 상황이다. php.ini 파일의 중간 부분에 있는 ; Windows Extensions 의 extension=php_xdebug.dll 설정라인이 코멘트로 잘 막혀있는지를 다시 확인해보자. 이걸 코멘트 해제하고 밑에서 [XDebug] 섹션도 코멘트 해제하면 서로 충돌해서 안된다. 이건 건들지 말자!

2. eclipse에서의 설정

eclipse galileo 버전(3.5)에서는 사실 특별히 뭔가를 새로 설치해주지 않아도 된다. (얼마나 편해졌는지… 혹시 예전 버전에서의 설정법을 알고 싶다면, 이 링크 참조. Eclipse 에 XDebug 플러그인 추가하기)

Xdebug를 위해 eclipse에서 해줘야 할 설정작업은 다음과 같다. 좀 많은 건 사실이다.

2.1. 우선 eclipse 에서 PHP Project를 하나 만든다.

웹 서버와의 연동을 테스트할 것이므로 웹 서버 document_root인 htdocs 밑에 디렉토리가 위치하는 PHP Project를 만드는 게 좋겠다.

아주 간단한 테스트 파일을 하나 만들자.

2.2. Window->Preferences:: PHP ?> PHP Server 설정

위의 Default PHP Webserver 항목을 더블 클릭으로 누르거나 'Edit' 버튼을 눌러서 아래 화면을 띄운다.

그 다음 'Path Mapping' 항목을 눌러서, 값을 설정해준다. 웹 서버에서의 경로와 Eclipse 워크스페이스에서의 경로를 서로 맞춰주는 과정이다.

완료되면, 아래와 같이 보인다.

2.3. Window->Preferences:: PHP ?> PHP Executables 설정

php.ini 파일의 설정이 잘되었다면, 위와 같이 'Search' 버튼을 눌러서 XAMPP 설치 디렉토리를 지정하고 PHP 실행파일을 검색해본다. 만약 잘 찾았으면 아래와 같이 내용이 짠하고 나타난다.

만약 자동검색으로 잘 못찾으면, 'Add' 버튼을 눌러서 하나씩 지정해줘도 된다. 자동검색으로는 Zend Debugger 타입만 검색된다. XDebug 타입을 아래와 같이 'Add'해줘야 한다.

2.4. Window->Preferences:: PHP ?> PHP Debug 설정

PHP Debugger 타입을 XDebug로 바꾸면, 자동으로 밑의 PHP Executable도 바뀐다.

이제 대충 설정하는 작업은 마쳤다.

3. 실행해보기

3.1. Script로 디버깅하기

메뉴에서 벌레모양 아이콘의 화살표 부분을 누르고 Debug As ?> PHP Script 항목을 누른다.

퍼스펙티브를 바꿀려고 하는데 맞냐고 아주 친절하게 물어온다. 맞다고 해준다.

짜잔~ 드디어 디버깅 화면이 보인다.

위 화면에서 (1)은 중단점(Breakpoint)이다. 디폴트로 1st line이 자동으로 중단점이 된다. 만약 다른 라인에도 중단점을 주고 싶으면 편집창 왼편의 회색부분을 2번 클릭하면 된다.

위 화면의 (2)는 변수값을 관찰할 수 있는 영역이다. 현재는 모든 변수값이 초기화되기 전이므로 <Uninitialized>로 나타난다.

위 화면의 (3)은 컨트롤 버튼이다. Step Into(F5)는 한 라인씩 진행하되 함수 안으로까지 추적해들어가는 명령이고, Step Over(F6)는 함수를 만나면 안으로 들어가지 않고 그냥 한 라인으로 생각하고 다음 라인으로 넘어간다.

4행까지 진행한 결과가 위 화면이다. 변수값 $w의 값이 바뀌었고, Console과 Debug 창에 echo $w 결과값이 나타나 있다.

그 이후 과정도 이런 식이다. 한 줄씩 실행하면서 관련된 변수값의 변화를 관찰하는 것이다.

3.2. Web Page로 디버깅하기

메뉴에서 벌레모양 아이콘의 화살표 부분을 누르고 Debug As ?> PHP Web Page 항목을 누른다.

로컬서버인 xampp에서의 경로가 맞는지를 확인하는 창이 아래와 같이 뜬다.

다시, 친절하게 물어본다. 퍼스펙티브 바뀌는 게 맞냐고? 맞다고 해준다.

짜잔… 다시 디버깅 화면이 뜬다.

다른 건, Script 디버깅 모드와 동일한데, 아래와 같이 웹 브라우저가 뜨면서, 뭔가를 기다리는 모양새가 된다. 현재의 예제는 PHP 코드의 끝까지 실행되어야만 화면에 출력되므로, 사실 디버깅이 끝날 때까지 웹 브라우저는 그냥 계속 기다린다.

4. 보충

4.1. eclipse Run/Debug Configurations 화면에 대한 오해

처음 eclipse의 Debug Configurations 화면을 보면서, 잠시 막막했던 적이 있다. 아니, 매번 하나씩 이렇게 설정을 New해서 만들어줘야 하나? 그걸 귀찮아서 어떻게 해!!! 그랬다.

아래 화면처럼 하나씩 직접 입력해서 만들어줘야 하는 줄 알았다. 오해였다. 착각이었다. 이클립스가 그렇게 허술하고 불친절한 툴이 절대 아니다.

그냥, 아래와 같이 Rus As ?> PHP Script / PHP Web Page 를 선택해서 실행해주면 된다. 한 번 실행된 것은 자동으로 Configuration으로 만들어져서, 아래 그림에서와 같이 'echo' 'echo web'이라는 이름으로 빠른 실행이 가능하게 메뉴에 나타나게 된다.

4.2. Web Page 디버깅시 웹 브라우저가 뜨는 게 귀찮다면? Internal Web browser를 사용!

Window->Preferences: General->Web Browser에서 아래와 같이 선택한다.

그럼, 아래와 같이 디버깅이 마지막 라인까지 도달하면, Internal Browser의 출력값을 확인할 수 있다.

4.3. 참고한 문서들

• Local workstation xampp/Eclipse PDT/xdebug on WinXP from start to end 설정과정 설명이 잘나와있슴. 특히, 환경에 따른 zend_extension 이름에 관한 정리가 깔끔함.

• http://robsnotebook.com/php_debugger_pdt_xdebug 매 단계마다 설명과 함께 스크린샷이 들어있는 문서.

• http://blog.pages.kr/tag/Web%20Standard%20Tools External Tools 로 설정해서 실행하는 방법 설명. (한글).

• http://gyuha.tistory.com/232 Xampp + Eclipse + PDT 디버깅하기. (한글). 예제와 함께 상세한 설명.

• http://www.64bitjungle.com/tech/debugging-php-applications-with-xdebug-and-eclipse-pdt/ Debugging PHP Applications with Xdebug and Eclipse PDT. 리눅스에서의 설정방법 설명.

• [PDF] XDebug PHP IDE Guide Version: 1.05. Dave Kelsey. Latest Revision: 10 May 2007. 조금 오래된 옛날 방식의 설정방법 설명. 하지만, 설정외에 사용법에 대한 부분은 여전히 유효하고 도움이 됨.

   

  eclipse 설정: Xdebug로 디버깅하기 with XAMPP 서버 

  출처 : http://blog.naver.com/joycestudy?Redirect=Log&logNo=100085882485

• [출처] eclipse 설정: Xdebug로 디버깅하기 with XAMPP 서버|작성자 슬렁슬렁
• [출처] eclipse 설정: Xdebug로 디버깅하기 with XAMPP 서버|작성자 슬렁슬렁

###########################
## xampp
###########################

XAMPP는 크로스 플랫폼 웹 서버 자유 소프트웨어 꾸러미이다.
아파치 웹 서버 MySQL, PHP, 펄을 포함하고 있다.
GNU 일반 공중 사용 허가서로 배포되며 자유롭고 쓰기 쉬운 웹 서버이다.
마이크로소프트 윈도, 리눅스, 솔라리스, 맥 오에스 텐 등에서 동작하며 주로 웹 개발에 사용된다.

XAMPP 1.7.3 버젼 특징

• Apache 2.2.14 (IPv6 enabled) + OpenSSL 0.9.8l
• MySQL 5.1.41 + PBXT engine
• PHP 5.3.1
• phpMyAdmin 3.2.4
• Perl 5.10.1
• FileZilla FTP Server 0.9.33
• Mercury Mail Transport System 4.72

xampp 홈페이지 :  http://www.apachefriends.org/en/xampp.html

Vista 버젼에서는
권한 문제 때문에 C:\Program Files 폴더 보다는

C:\xampp 나 C:\meinverzeichnis\xampp로 하는것을 추천함.

소스포지 다운로드 주소 : http://sourceforge.net/projects/xampp/files/

윈도우즈 버젼...

xampp-win32-1.7.3.a00

xampp-win32-1.7.3.a01

xampp-win32-1.7.3.a02

xampp-win32-1.7.3.a03

xampp-win32-1.7.3.a04

xampp-win32-1.7.3.alz