[영화정보 웹 만들기] 4. jQuery를 STS에 설치하기

JQuery란?

- 모든 브라우저에서 동작하는 클라이언트 자바스크립트 라이브러리
- 문서 객체 모델과 관련된 처리를 쉽게 구현
- 일관된 이벤트 연결을 쉽게 구현
- 시각적 효과를 쉽게 구현 (웹 표준만으로도 플래시 & 실버라이트로 구현한 것과 비슷한 수준의 시각적 효과)
- Ajax 애플리케이션을 쉽게 개발
- 완전 꽁짜!!
- 부트스트랩도 jQuery를 기반으로 만들어진 솔루션임.  

JQuery는 http://jquery.com/ 여기에서 받는다.

JQuery는 위의 링크가 워낙 잘되어있어서(http://api.jquery.com/) 따로 책이 없다.

jQuery 1.x는 옛날 버전을 지원(인터넷 익스플로러 전부 지원)하고, 2.x는 최신 버전을 지원한다. 실무에서는 브라우저를 호환할 때 인터넷 익스플로러 8에 최적화시키는데(공무원들 때문에..) 1.x 를 사용하는 것이 좋다. 파란색 체크 되있는 링크를 눌러 다운받는다. production 버전은 엔터없이 쭉 나열된

 

이제 STS를 켜서 서버를 시작하고, 저번 포스팅에서 만들었던 페이지에 배우 등록, 영화 등록 버튼을 만들어보려고 한다.

 

프로젝트 구성도이다. 다운받았던 jquery 파일을 resource - js  밑에 붙여넣기 해준다. resource 폴더를 만들어서 이 밑에서 파일들을 관리한다.

프로젝트에는 dynamic type file과 static type file이 있다. static에는 정적인 자원들 대표적으로 img file, css, js가 해당된다. dynamic에는 jsp 딱 하나이다. static type file들은 resource라고 하는 폴더 밑에 집어넣는다. 프로젝트에 따라 resource나 static이라고 이름을 지어준다. (삼성같은 경우는 static이라는 이름으로 쓰고 비율은 static이 조금더 많다고 한다.)