๋ฐ์ํ
JQuery ?
์๋ฐ ์คํฌ๋ฆฝํธ์ ๋ํ์ ์ธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ธ์ด(ํ๋ ์์ํฌ)
=> ์ ํ์, ์ด๋ฒคํธ์ฒ๋ฆฌ, Ajax, JSON
JQuery๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด์๋ https://jquery.com/ ์์ ๋ค์ด๋ฐ์์ผํจ
๋ค๊ฐ ์ค ์๋ฌด๊ฑฐ๋ ๋ค์ด ๋ฐ์ผ๋ฉด ๋จ.
Download the compressed, production jQuery 3.6.0
=> ์์ถ๋ ํ์ผ(์ฃผ์x, ์ค๋ฐ๊ฟ, ๊ณต๋ฐฑx)
Download the uncompressed, development jQuery 3.6.0
=> ๋น์์ถ๋ ํ์ผ(์ฃผ์o, ์ค๋ฐ๊ฟ, ๊ณต๋ฐฑ o)
Download the compressed, production jQuery 3.6.0 slim build
=> ์์ถ๋ ํ์ผ(์ฃผ์x, ์ค๋ฐ๊ฟ, ๊ณต๋ฐฑx, Ajax, ํจ๊ณผx)
Download the uncompressed, development jQuery 3.6.0 slim build
=> ๋น์์ถ๋ ํ์ผ(์ฃผ์o, ์ค๋ฐ๊ฟ, ๊ณต๋ฐฑ o, Ajax, ํจ๊ณผx)
๋ค์ด๋ฐ์ ํ์ผ์ ํ๋ก์ ํธ - WebContent - js ํด๋์ ๋ณต๋ถ
WebContent - jsํด๋์ jspํ์ผ์ ์๋ก ์์ฑ (test1.jsp)
head ๋ถ๋ถ์
<script src = "ํ์ผ ์์น"></script>
<script type="text/javascript>
$(document).ready(functaion(){
});
</script>
๋ฅผ ์์ฑํด์ค์ผ JQuery๋ฅผ ์ฌ์ฉํ ์ค๋น๊ฐ ์๋ฃ๋จ
* ์ ๋๊ฒฝ๋ก
- ํ์ผ, ์นํ์ด์ง๊ฐ ๊ฐ์ง๊ณ ์๋ ๊ณ ์ ํ ๊ฒฝ๋ก
- ์์์ ์ [ / ]๋ฅผ ์ฌ์ฉํ์ฌ ์ ๊ทผ
ex) ~~~~ /WebContent/jq/test1.jsp
* ์๋๊ฒฝ๋ก
- ํ์ผ์ด ์์ฑํ ํด๋๋ฅผ ๊ธฐ์ค์ผ๋ก ์์์ ์ ์ค์ ํ ๊ฒฝ๋ก
- ์์์ [/(์ต์์๊ฒฝ๋ก), ./(ํ์ฌํด๋), ../(์์ ํด๋)
ex) ../js/jquery.js
JQuery๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ด 4๊ฐ์ง๊ฐ ์์
๋ฐ์ํ
'STUDY > JSP' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
session ์ฐ์ต (0) | 2022.03.31 |
---|---|
Scope ์ฐ์ต (0) | 2022.03.31 |
ํ ํ๋ฆฟํ์ด์ง ์ฐ์ต (0) | 2022.03.31 |
Formํ๊ทธ ์ฐ์ต2(radio, checkbox, select) (0) | 2022.03.30 |
JSP formํ๊ทธ ์ฐ์ต (0) | 2022.03.30 |