Develop
2013.04.23 17:08
[doc] UI개발시 유용한 소프트웨어 (개발 및 디버깅 툴)
조회 수 12935 댓글 0
▒ UI개발 시에 유용한 소프트웨어
┃Firebug
⊙ 성능,로그분석, 디버깅
⊙ 주로 Console창을 통해 스크립트 코드 내의 테스트 콘솔을 출력할 수 있으며, break point를 찍어보면서 스크립트 코드를 점검해 볼 수 있습니다.
⊙ Firefox3 이상
⊙ Home
⊙ Firefox add-on
┃dynaTrace
⊙ 성능,로그분석
⊙ 전체 성능에 대한 Summary Graph제공, WebLog Monitoring, 부분별/시간별(Timeline) javascript호출 내역, CPU점유율, 로딩 소요시간 등 확인이 가능합니다.
⊙ Internet Explorer 6 이상
⊙ Home
⊙ 간단한 이메일 인증에 의한 가입 후 무료 이용.
┃HttpWatch
⊙ 성능,로그분석
⊙ Overview, Time Chart, Headers, Cookies 등 확인, 요청 데이터 로딩 소요시간 확인 등이 가능합니다.
⊙ Internet Explorer 6 이상, Firefox2 이상
⊙ Home(Internet Explorer) Home(Firefox)
⊙ Basic Edition - Free, Professional Edition - $395
┃Procexp
⊙ 성능,로그분석
⊙ 윈도우 작업관리자와 유사한 프로세스 모니터링 툴로서 정상/비정상 프로세스 상태를 정확히 파악할 수 있습니다.
⊙ Internet Explorer 6 이상, Firefox2 이상
⊙ Home
⊙ Windows 전용 프로세스 모니터링 툴로서 무료 다운.
┃Page Speed
⊙ 성능,로그분석
⊙ 시간별 페이지 성능/속도 분석을 해주며(점수화), 상태에 따른 성능 최적화 방법을 제시해줍니다.
⊙ Firefox3.5/Firebug1.4.2 이상
⊙ Home
⊙ Firefox와 Firebug가 설치된 상태에서 해당 페이지에서 다운 받아 설치.
┃Fiddler
⊙ 성능,로그분석, 디버깅
⊙ Http, Https 프로토콜 등의 웹디버깅 등을 수행할 수 있습니다.
⊙ Windows2K 이상, Microsoft .NET Framework v2.0 or later
⊙ Home
⊙ 해당 페이지에서 무료 다운.
┃Httpfox
⊙ 성능,로그분석
⊙ Http 프로토콜 분석 툴로서 HttpWatch와 유사합니다.
⊙ Firefox 이상
⊙ Home
⊙ Firefox add-on
┃YSlow
⊙ 성능,로그분석
⊙ 웹사이트 성능분석, JSLint가 내장되어있으며 성능최적화를 위한 22가지 팁 제공을 제공합니다.
⊙ Firefox3/Firebug 이상
⊙ Home
⊙ Firefox와 Firebug가 설치된 상태에서 해당 페이지에서 다운 받아 설치.
┃Speed Tracer
⊙ 성능,로그분석
⊙ 웹사이트 성능분석 툴로서 성능그래프를 보며 어떤 프로그램의 실행 속도가 느리고, 어떠한 시간 때에 가장 많은 지연 발생이 발생하는지 파악할 수 있습니다.
⊙ Chrome3 이상
⊙ Home
⊙ Chrome 전용 웹성능분석툴
※ 성능분석 및 디버깅 등의 사용용도는 주사용용도를 나타내며, 개인에 따라 차이날 수 있습니다.
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
741 | Develop | [js] 자바스크립트 이벤트 핸들.. | hooni | 2003.04.23 | 7946 |
740 | Develop | [js] 자바스크립트 메뉴얼 사이트.. ㅋㅋ | hooni | 2013.04.23 | 7434 |
739 | Develop | [js] 자바스크립트 escape()를 PHP로 받기 | hooni | 2013.04.23 | 6003 |
738 | Develop | [js] 인터넷 주소(URL) 인코딩 ㅋㅋ | hooni | 2013.04.23 | 11384 |
737 | Develop | [js] 이벤트 핸들러(Event Handlers) | hooni | 2003.04.23 | 6757 |
736 | Develop | [js] 이벤트 전파 3단계 | hooni | 2013.12.18 | 9994 |
735 | Develop | [js] 이미지 사이즈를 동적으로 조절.. | hooni | 2013.04.23 | 7500 |
734 | Develop | [js] 이미지 미리 로딩하기 | hooni | 2003.04.23 | 7041 |
733 | Develop | [js] 윤동이가 만든 영어 학습(?) 프로그램 | hooni | 2013.04.23 | 6479 |
732 | Develop | [js] 윈도우 시작버튼처럼 나오는 메뉴 | hooni | 2013.04.23 | 6766 |
731 | Develop | [js] 웹페이지에서 특정 엘리먼트 드래그, 복사, 컨텍스트메뉴, 키보드 막기 | hooni | 2013.11.04 | 30133 |
730 | Develop | [js] 여러가지 트리(tree) 모음.. ㅋㅋ | hooni | 2013.04.23 | 7136 |