반응형
웹 개발할 때 notepad 하나만 있어도 되겠지만, 그래도 나름대로 있으면 편하다는편하다는 tool 몇가지를 소개하고자 한다.
1. editplus
말이 필요 없다..
editpluseditplus : http://www.editplus.com/kr/
2. IE Developer Toolbar
현재 보여지는 페이지의페이지의 정보를 보거나 HTML, CSS 등을 수정해 어떻게 변하는 지 확인할 수수 있다.
IE 8에서부터는 기본으로 들어가는 듯 보인다.
IE Developer Toolbar :: http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en
3. Microsoft Script Debugger
MS visual studio에 기본으로기본으로 내장되어 있는 도구이나, VS를 설치 하지 않았다면, 별도로 설치해야한다.
이 ToolTool 은 해당 페이지에서 스크립트 에러가 발생 되면 오류난 부분에 대해서 break-pointbreak-point 가 걸린 상태로
해당 소스를 보여주는 tool 이다.
에러나는 페이지를 일일이 열어서열어서 해당 라인을 찾아가는 거 보다는 쉽게 에러나는 곳을 찾아갈 수 있다.있다.
또 에러나는 시점에서 data값을 확인할 수도 있다.
- 하나 더 : Companion JS 라는 프로그램을 설치하면, MS Script Debugger 가 IE의 addon 형태로 나온다.
Script Debugger : http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&DisplayLang=en
Companion Js : http://www.my-debugbar.com/wiki/CompanionJS/HomePage
※ firefox 상에서는 firebug가firebug가 있다고 합니다.
4. Fiddler
HTTP가 오고 가는 전송데이터들을 확인할확인할 수 있다.
TCP 전송라인을 trace 하는 tool 이라고 보면 될 것이다.것이다.
fiddler : http://www.fiddlertool.com/fiddler/
이정도 가지고 있으면..
왠만한 깔끔하게 만들만들 수 있지 않을까? +_+;
1. editplus
말이 필요 없다..
editpluseditplus : http://www.editplus.com/kr/
2. IE Developer Toolbar
현재 보여지는 페이지의페이지의 정보를 보거나 HTML, CSS 등을 수정해 어떻게 변하는 지 확인할 수수 있다.
IE 8에서부터는 기본으로 들어가는 듯 보인다.
IE Developer Toolbar :: http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en
3. Microsoft Script Debugger
MS visual studio에 기본으로기본으로 내장되어 있는 도구이나, VS를 설치 하지 않았다면, 별도로 설치해야한다.
이 ToolTool 은 해당 페이지에서 스크립트 에러가 발생 되면 오류난 부분에 대해서 break-pointbreak-point 가 걸린 상태로
해당 소스를 보여주는 tool 이다.
에러나는 페이지를 일일이 열어서열어서 해당 라인을 찾아가는 거 보다는 쉽게 에러나는 곳을 찾아갈 수 있다.있다.
또 에러나는 시점에서 data값을 확인할 수도 있다.
- 하나 더 : Companion JS 라는 프로그램을 설치하면, MS Script Debugger 가 IE의 addon 형태로 나온다.
Script Debugger : http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&DisplayLang=en
Companion Js : http://www.my-debugbar.com/wiki/CompanionJS/HomePage
※ firefox 상에서는 firebug가firebug가 있다고 합니다.
4. Fiddler
HTTP가 오고 가는 전송데이터들을 확인할확인할 수 있다.
TCP 전송라인을 trace 하는 tool 이라고 보면 될 것이다.것이다.
fiddler : http://www.fiddlertool.com/fiddler/
이정도 가지고 있으면..
왠만한 깔끔하게 만들만들 수 있지 않을까? +_+;
-- 2009.06.11 추가
IE 8.0 이후로는 IE developer toolbar(이하, IEDT)와 MS Script Debugger(이하, MSSD)가 필요가 없을 듯 싶네요
IEDT와 MSSD는 IE8.0에 새로운 IEDT로 통합 흡수가 되었습니다.
마치 Firefox 의 plug-in 기능인 firebug와 같은 형태이지요..
이로써, IE 8.0 의 IEDT, Firefox의 firebug, Chrome 의 자체 디버거..
각 브라우저 별로 디버거를 구축해놨으니 이제 개발자는 신나게 개발만 하면 되는거겠죠? ㅜ ㅡ...
