Brackets, Open Source Tools

1. 오픈소스 개발도구
오픈소스 관점에서 본 2014년 웹개발 동향 및 2015년 전망
허광남
kenu@okjsp.net

2. 대박뉴스
http://news.microsoft.com/2014/11/12/microsoft-takes-net-open-source-and-cross-platform-adds-new-development-capabilities-
with-visual-studio-2015-net-2015-and-visual-studio-online/

3. 오픈소스 “웹” 개발도구

4. 웹 개발용 개발도구
상용과 불법
오픈소스 개발도구
선택의 이유
오픈소스 도구의 품질과 가
능성

5. 상용과 불법
비싼 가격, 100만원~
적당한 가격, 5~20?
trial 30 days

6. 오픈소스 개발도구
Free Software와 구분
OSI 오픈소스 라이선스
이클립스, Notepad++,
Brackets, …

7. 선택의 이유
품질
기능
Gimp vs Photoshop

8. 오픈소스 도구의
품질과 가능성
다양한 플러그인이 +?
자주 쓰는 기능의 품질

9. 이클립스 쓰는 이유
대안 도구? IntelliJ?
이클립스 불만 요소
플러그인의 품질
m2eclipse, egit, …

10. IntelliJ의 선전
ADT 개발 종료
안드로이드 스튜디오
http://jetbrainz.com
IntelliJ IDEA $199
WebStorm $49~$99

11. Adobe’s Open Sources

13. Web Dev Features
실시간 미리보기
코드 자동 완성
리소스 경로 자동 완성
이미지 미리보기

14. 실시간 미리보기

15. 코드 자동 완성
jQuery, AngularJS API 지원
Emmet, Zen coding 플러그인

16. 리소스 자동 경로 완성
폴더 오픈한 프로젝트
src="" 안에 폴더,파일명 보이기
자동 경로 완성

17. 이미지

18. 미리보기

19. Plug ins
다음 제품들의 공통점?
WoW, LOL,
워드프레스, 이클립스,
jQuery, 젠킨스, …

20. Brackets.io
Live Demo

21. 기타 개발도구와 서비스
Pencil
pixlr
Web Inspector

22. http://pencil.evolus.vn/

23. http://apps.pixlr.com/editor/

24. 브라우저 안에서 개발
c9.io
eclipse orion project
Koding

25. 브라우저로 개발
Console
Firebug
Firefox, Chrome,
Safari, IE, Opera

26. 정리
오픈소스 개발도구 증가
웹 개발도구의 플랫폼
브라우저
플러그인의 품질 고려
YouTube ScreenCast

27. 감사합니다.