웹 개발에 유용한 프레임워크와 라이브러리

 

 

 

[JQuery Plug-in]
LazyLoad (OpenSource)

- 이미지가 화면에 잡힐 때만 로드하게 해준다. 
- 페이지 로딩 시 한꺼번에 이미지를 가져오지 않아 페이지 로딩 속도를 개선할 수 있다.
- 페이지에 수많은 이미지를 출력할 때 scrollstop 플러그인과 같이 사용하면 화면에 잡힌 이미지들만 나오게 할 수 있다.

 

scrollstop (OpenSource)

- 스크롤 시작 혹은 끝 이벤트를 발생시킨다.
- 스크롤 중일 때 어떤 처리를 하거나 LazyLoad 와 같은 플러그인와 연동할 수 있다.

 

jquery.cookie (OpenSource)

URL: https://github.com/carhartl/jquery-cookie

- Cookie 를 손쉽게 사용할 수 있게 해준다.

 

[Framework]
Bootstrap (OpenSource)

Web UI Framework 로 트위터와 비슷한 UI 사용 가능.
트위터 개발자들이 오픈소스로 만든 프레임워크.

 

 

[Library]
SyntaxHighlighter (OpenSource)

페이지에 소스 코드를 올릴 때 라인과 언어별 색상 처리 및 하이라이트 처리 등 코드를 보기 편하게 만들어주는 자바스크립트로 만들어진 라이브러리.
티스토리같은 블로그에서도 사용 가능하다.

 

html5shiv (OpenSource)

IE 6,7,8 에게 새 html5 elements 를 인식시켜주는 라이브러리.

 

 

[WYSIWYG Web Editor]
Spac Editor (OpenSource)

국산 웹에디터.

개인/기업/영리/비영리 에 관계없이 웹개발에 무료로 자유롭게 사용 가능하다.

 

FCKEditor (OpenSource)

세계적으로 많이 쓰이는 웹에디터.

 

TinyMCE (OpenSource)

FCKEditor 와 더불어 세계적으로 많이 쓰이는 웹에디터.

 

네이버 스마트에디터 (OpenSource)

네이버에서 개발 및 제공하는 웹에디터

 

다음 오픈 에디터 (OpenSource)

다음에서 개발 및 제공하는 웹에디터

 

Redactor (License)

유료지만 가격이 적정하며 디자인 및 기능이 뛰어남