SlideShare a Scribd company logo
1 of 34
웹개발도구
             {   Web Developer Tools




penguns@naver.com                      Han seung ho 한승호
Index


    CODE EDITOR
    CLOUD WEB APP

    Browser Developer Tools

    Virtual Computer
{ CODE EDITOR
Code editor

      자동완성
      인코딩 호환
      한글화
      ftp 지원
      디버그
      확장도구
EditPlus3
DreamWeaver
eclipse
Aptana Studio 3




                  http://www.aptana.com/
Microsoft Visual Studio
Microsoft Visual Studio
Zen-coding
          div#test>div+ul#navi>li*3>a

                          Ctrl+e



    <div id="test">
     <div></div>
     <ul id="navi">                HTML
      <li><a href=""></a></li>     HTML5
      <li><a href=""></a></li>
      <li><a href=""></a></li>
                                    CSS
      </ul>                         CSS3
    </div>


                                        http://zen-coding.ru/
{ CLOUD WEB APP
Google chrome
Chrome Web Store   생산성 카테고리
Chrome Web Store
  생산성 카테고리
Chrome - ShiftEdit
Chrome – cloud9 ide
Chrome – cloud9 ide
Chrome – colrd
Chrome – Pixlr Editor
Android – SilverEdit
Android – SilverEdit
Chrome – Firebug
Chrome – Firebug
{ Browser Developer Tools
Internet Explorer
Firefox
Firefox – Web developer




                 http://chrispederick.com/work/web-developer/
Firefox – Firebug
{ Virtual computer
Oracle VM VirtualBox




                       http://www.virtualbox.org/
Oracle VM VirtualBox
Oracle VM VirtualBox
{ Thank you

More Related Content

More from Seungho Han

REST API SDK Generator - 한승호@에멘탈
REST API SDK Generator - 한승호@에멘탈REST API SDK Generator - 한승호@에멘탈
REST API SDK Generator - 한승호@에멘탈Seungho Han
 
Monorepo with Lerna - 한승호@에멘탈
Monorepo with Lerna - 한승호@에멘탈Monorepo with Lerna - 한승호@에멘탈
Monorepo with Lerna - 한승호@에멘탈Seungho Han
 
Typescript 개발 문화 - 한승호@에멘탈
Typescript 개발 문화 - 한승호@에멘탈Typescript 개발 문화 - 한승호@에멘탈
Typescript 개발 문화 - 한승호@에멘탈Seungho Han
 
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈Seungho Han
 
Rinker 전시회 발표용 (1)
Rinker 전시회 발표용 (1)Rinker 전시회 발표용 (1)
Rinker 전시회 발표용 (1)Seungho Han
 
사이버상의 인간관계
사이버상의 인간관계사이버상의 인간관계
사이버상의 인간관계Seungho Han
 
전공연구실 계획7
전공연구실 계획7전공연구실 계획7
전공연구실 계획7Seungho Han
 
전공연구실 계획6
전공연구실 계획6전공연구실 계획6
전공연구실 계획6Seungho Han
 
전공연구실 계획5
전공연구실 계획5전공연구실 계획5
전공연구실 계획5Seungho Han
 
전공연구실 계획4
전공연구실 계획4전공연구실 계획4
전공연구실 계획4Seungho Han
 
전공연구실 계획3
전공연구실 계획3전공연구실 계획3
전공연구실 계획3Seungho Han
 
전공연구실 계획2
전공연구실 계획2전공연구실 계획2
전공연구실 계획2Seungho Han
 
[Web tutoring]CMS를 통한 웹사이트 제작
[Web tutoring]CMS를 통한 웹사이트 제작[Web tutoring]CMS를 통한 웹사이트 제작
[Web tutoring]CMS를 통한 웹사이트 제작Seungho Han
 

More from Seungho Han (15)

REST API SDK Generator - 한승호@에멘탈
REST API SDK Generator - 한승호@에멘탈REST API SDK Generator - 한승호@에멘탈
REST API SDK Generator - 한승호@에멘탈
 
Monorepo with Lerna - 한승호@에멘탈
Monorepo with Lerna - 한승호@에멘탈Monorepo with Lerna - 한승호@에멘탈
Monorepo with Lerna - 한승호@에멘탈
 
Typescript 개발 문화 - 한승호@에멘탈
Typescript 개발 문화 - 한승호@에멘탈Typescript 개발 문화 - 한승호@에멘탈
Typescript 개발 문화 - 한승호@에멘탈
 
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
 
Rinker 전시회 발표용 (1)
Rinker 전시회 발표용 (1)Rinker 전시회 발표용 (1)
Rinker 전시회 발표용 (1)
 
사이버상의 인간관계
사이버상의 인간관계사이버상의 인간관계
사이버상의 인간관계
 
개발자와 Ux
개발자와 Ux개발자와 Ux
개발자와 Ux
 
전공연구실 계획7
전공연구실 계획7전공연구실 계획7
전공연구실 계획7
 
전공연구실 계획6
전공연구실 계획6전공연구실 계획6
전공연구실 계획6
 
전공연구실 계획5
전공연구실 계획5전공연구실 계획5
전공연구실 계획5
 
전공연구실 계획4
전공연구실 계획4전공연구실 계획4
전공연구실 계획4
 
전공연구실 계획3
전공연구실 계획3전공연구실 계획3
전공연구실 계획3
 
전공연구실 계획2
전공연구실 계획2전공연구실 계획2
전공연구실 계획2
 
[Web tutoring]CMS를 통한 웹사이트 제작
[Web tutoring]CMS를 통한 웹사이트 제작[Web tutoring]CMS를 통한 웹사이트 제작
[Web tutoring]CMS를 통한 웹사이트 제작
 
webstudy jquery
webstudy jquerywebstudy jquery
webstudy jquery
 

웹개발도구