[web] 웹 개발환경과 jQuery
--프리뷰--------------------------
1. 개발환경- eclipse
2. jquery
3. Rental 정리
-----------------------------------
1. 웹 개발환경
- eclipse : 플랫폼
IBM에서 자바 개발 툴로 이용하기 위해 만들어서 오픈한 오픈후 플랫폼으로 변경했다.
JDT라는 개발 플러그인을 올린다
=> 일반적인 eclipse = eclipse + JDT(Java Development Kit) (CDT, PDT를 추가하여 패키지 화 할 수 도 있다)
web을 지원하는 패키지의 조건은 jsp, js, html등을 컴파일 하고 실행할 수 있는 환경을 갖추고 있어야한다.
SE는 java만 지원, EE는 web기능 포함, ME는 모바일 기능을 포함한다.
web을 개발하기 위해서 EE가 포함된 이클립스 패키지를 설치해야한다.
-----------------------------
https://www.eclipse.org/downloads/download.php?file=/oomph/epp/2018-09/Ra/eclipse-inst-mac64.dmg&mirror_id=1248 에서 Eclipse IDE 2018‑09 를 설치한다
설치 및 셋팅
1. photho > j2EE 설치
2. workSpace 위치 지정
3. update 체크 ( help > check for update )
4. anyEdite 플러그인 설치 ( help > marketplace)
5. encoding type 을 UTF-8지정 - 지정되지 않으면 모든 파일이 깨진다.
1) 이클립스 : 환경설정 > general > workspace
2) 파일별 : 환경설정 > general > content Type > text
6. build tool 설치
1) gradle : marketplace > buildship gradle 설치 (코끼리)
7. tomcat 설정
-
8. import > gradle >v2선택
import > dynamic web project > bookrental 선택
2. jquery
1) 장점
- plug-in이 많음
- html을 컨트롤, dom컨트롤, ajax(비동기 통신)을 제공하는 라이브러리 제공
2)
- vanila script > 생짜로 코딩한다, 라이브러리가 없는 경우
- 플러그인을 이용하는것 : 일반 자바크스립트
3)
$('a')[] : 지시자
도큐먼트를 찾아서 배열로 리턴받는다.
$('~셀렉터~')
- 태그는 그대로 넣는다 ( a, td, tr..등)
- class 로 찾는 경우
: . 을 붙인다 <예 - $('.btnClassName') , $('button.btnClassName')>
- id 로 찾는 경우
: #을 붙인다 < 예 - $('#ddd').attr('key','value') >
- depth 가 있는 경우
: $('div>table') div 1단계 아래의 모든 table를 찾는다
: $('div table') div 아래 단계의 모든 table를 찾는다.
: $('div>table div span>button.name')
- 기능
: attr set < $('#ddd').attr('key','value') >
: attr get < $('#ddd').attr('key') >
4) ajax
3. Rental 정리