ํ๋ก์ ํธ์์ jQuery๋ฅผ ์ ๊ฑฐํ๋ ๊ฒ์ ์ด์ ์ ๋์๊ฒ ์ ์๋์์ผ๋ฉฐ @coliff ๋ ๋ค๊ฐ์ค๋ 8.0 ๋ฆด๋ฆฌ์ค์ ๋ํ ํ ๋ก ์ง์ ์ผ๋ก ์ ์ํ์ต๋๋ค.
๋๋ ๊ทธ๊ฒ์ ๋ํด ๋ ผ์ํ๋ ๋ฐ ์ด๋ ค ์์ต๋๋ค. ์ด ํฐ์ผ์ ๊ทธ ํ ๋ก ์ ์ฅ์์ ๋๋ค ๐ค ๐ ๐ ๐ข
๋๋ ์์ง ๋ด ์๊ฐ์ ๋์ดํ์ง ์์ ๊ฒ์ด์ง๋ง, ๋๋ ๊ทธ๊ฒ์ ๋ณด๋ ๋ ๊ฐ์ง ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด๋ผ๊ณ ์๊ฐํ๋ ๊ฒ์ ๊ณต์ ํ ๊ฒ์ ๋๋ค.
ํํธ์ผ๋ก Builtwith์ jQuery ์ฌ์ฉ ํต๊ณ ์ฌ์ฉ ํต๊ณ์ ๋ฐ๋ฅด๋ฉด ์์ 100๋ง ๊ฐ ์ฌ์ดํธ ์ค 76%์์ ์ฌ์ฉ ์ค์ธ ๊ฒ์ผ๋ก ๋ํ๋ฌ์ต๋๋ค. ๋ง์ ์ฌ๋๋ค์๊ฒ ๊ทธ๊ฒ์ ์ฌ์ ํ โโ๋งค์ฐ ์ค์ํ ์ผ์ ๋๋ค.
๋ฐ๋ฉด์ GitHub์์ ํ๋ํ๊ณ ํ๋ก ํธ ์๋ ๊ฐ๋ฐ์ ์ต์ฒจ๋จ์ ๋จธ๋ฌด๋ฅด๋ ๋ง์ ์ฌ๋๋ค์๊ฒ jQuery๋ 3~4์ธ๋๊ฐ ์ง๋ฌ๊ณ ์ผ์์ ์ธ ๊ฐ๋ฐ์์ ์ ํ ์๋ฆฌ๊ฐ ์์ต๋๋ค. ์ผ๋ถ ํ๋ก์ ํธ์ ์ด๋๊ฐ์ ์ข
์์ฑ์ผ๋ก ์กด์ฌํ ์ ์์ง๋ง ๋ง์ $()
์์
์ ์ํํ๋ ๊ฒ์ ๊ณผ๊ฑฐ์ ๊ฒ์
๋๋ค.
@์ฝ๋ฆฌํ๊ฐ ๋งํ๋ค
์ค๋ jQuery 3.5.0์ผ๋ก ์ ๋ฐ์ดํธํ๊ธฐ ์ํด PR์ ํ์ง๋ง ๋น ๋ฅธ ํจ์น ๋ฆด๋ฆฌ์ค(jquery/jquery#4665)๊ฐ ๊ณง ์ถ์๋ ๊ฒ ๊ฐ์ผ๋ฏ๋ก ๋ค์ ์ ๋ฐ์ดํธํด์ผ ํฉ๋๋ค. ์๋๋ฉด jQuery๋ฅผ ์์ ํ ์ ๊ฑฐํ๋ ๊ฒ์ ๊ณ ๋ คํ ์๋ ์์ต๋๋ค. ์น์ฌ์ดํธ๊ฐ ๊ตฌ์ถ๋๋ ๋ฐฉ์์ ์ง๋ 10๋ ๋์ ๋ง์ด ๋ฐ๋์๊ณ jQuery๋ ๋ ์ด์ ํ์ ํฌํจ์ด ์๋๋๋ค. ์ฌ๋๋ค์ด ๊ทธ๊ฒ์ ์ถ๊ฐํ๊ณ ์ถ๋ค๋ฉด ๊ธฐ๋ณธ์ ์ผ๋ก ๋ชจ๋ ์ฌ๋์๊ฒ ํฌํจ๋์ง ์๊ณ ์ค์ค๋ก ์ฝ๊ฒ ํ ์ ์์ต๋๋ค.
๋ํ ๋ช ๋ น์ค์์ jQuery๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ์ฌ์ฉํ์ง ์๊ณ ์ ํ์ ์ผ๋ก ํ๋ก์ ํธ๋ฅผ ๋น๋ํ ์ ์๋ ์ต์ ๋ ์ด๋ ค ์์ต๋๋ค. 8.0 zip์ผ๋ก ์ ๊ณต๋๋ ๋ง์กฑ์ค๋ฌ์ด ๋ฒ์ ์ ๊ฐ๊ณ ์ถ์ง๋ง ๊ตฌ์ฑ ํ์ผ์ ์ ์ ์์ฑ์ ์ฌ์ฉํ์ฌ ๋งค์ฐ ์ฝ๊ฒ ๋ง๋ค ์ ์๋๋ก ์ผ๋ถ ์ ํ์ ํญ๋ชฉ์ ๋น๋์ ์ถ๊ฐํ๊ฒ ๋์ด ๊ธฐ์ฉ๋๋ค. ๊ฑฐ๊ธฐ์ lang ์์ฑ ๊ฐ๊ณผ ๊ฐ์ ๊ฒ์ ์ถ๊ฐํ ์๋ ์์ต๋๋ค.
์ฌ๊ธฐ UI ๋์์ด๋, ์น ์ฌ์ดํธ ์ํธ ์์ฉ ๋ฑ์ ํ๋กํ ํ์ดํ์ ์ํด ์ด ํ๋ก์ ํธ๋ฅผ ์์ฃผ ์ฌ์ฉํฉ๋๋ค.
๋์ ์ด๊ธฐ ๋ฐ์์ _์ค, ์ jQuery๋ฅผ ๊ฐ์ ธ๊ฐ์ง ๋ง์ธ์_์์ต๋๋ค. ๋๋ ๋ด ๋ฐฉ์์ ๊ฐํ ์์ผ๋ฉฐ ๊ฐ๋จํ DOM ํ์ ๋ฐ ์กฐ์์ ๋ํด "์ด์น์ ๋ง๋"๊ฒ์ผ๋ก ์ฌ์ ํ ์ฌ์ฉํฉ๋๋ค.
๊ทธ๋ฌ๋ 2๋ถ ํ: _ํ์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฒ๋ค๋ง์ ์ด ํ๋ก์ ํธ์ ํต์ฌ ์ญ๋์ด ์๋๋๋ค_. jQuery๋ฅผ ์ง์ ์ถ๊ฐํ๋ ๊ฒ์ ๊ฐ๋จํฉ๋๋ค. ์ฌ์ค, ์ง๊ธ ๋น์ฅ์ ๊ธฐ์ต๋์ง ์๋ ์ด์ ๋ก ํฌํจ๋ ๋ฒ์ ์ ์ ๊ฑฐํ๊ณ ๊ฐ์ฅ ์ต๊ทผ ํ๋กํ ํ์ ์ jQuery Slim์ ์ถ๊ฐํ์ต๋๋ค.
jQuery๋ฅผ ํฌํจํ๋ ๊ฒ์ ๊ทธ๋ค์ CDN(https://code.jquery.com)๊ณผ ํจ๊ป ์์ฒญ๋๊ฒ ๊ฐ๋จํ๊ณ ๋ค์ด๋ก๋ํ๊ธฐ ์ฝ๊ธฐ ๋๋ฌธ์ ์ ๊ฑฐํ๋ ๊ฒ์ด ์์ ํ๋ค๊ณ ๋งํฉ๋๋ค.
์ง๊ธ ํธ๋ ๋๋ jQuery ์ง์์ ์์ ๋ ๊ฒ์ด๊ณ , ์ด ํธ๋ ๋๋ฅผ ์ง์ํ๋ ๊ฒ์ด ์ณ๊ณ , ์์ฆ ์น ๊ฐ๋ฐ์ jQuery๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ํฌํจ๋์ด์๋ ์ ๋๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ด์จ๋ ๊ฐ๋ฐ์๊ฐ jQuery๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ์ ํธํ๋ค๋ฉด ์ถ๊ฐํ๊ธฐ๊ฐ ๋งค์ฐ ์ฝ์ง๋ง ๊ธฐ๋ณธ์ ์ผ๋ก ํฌํจ๋์ง ์์ ๋ ๊ฐ๋ฐ์๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ํด๋์ค๋ฅผ ํ ๊ธํ ํ์๋ง ์์ ๋ ๊ทธ์ ํ๋ก์ ํธ์ jQuery๊ฐ ์ ๋ง๋ก ํ์ํ์ง ๊ฐ๋ฐ์๋ฅผ ์๊ฐํ ๊ฐ๋ฅ์ฑ์ด ๋ ๋๋ค๊ณ ์๊ฐํฉ๋๋ค. ํ ๋ฒ..
jQuery๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ๊บผ์ ธ ์๋ jQuery๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ์ฌ์ฉํ์ง ์๊ณ ํ๋ก์ ํธ๋ฅผ ์ ํ์ ์ผ๋ก ๋น๋ํ๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ ์ต์ ์ธ ๊ฒ ๊ฐ์ต๋๋ค.
์ ๊ฑฐํ๊ณ ์ง๊ธ ์ ๊ฑฐํ์ญ์์ค! ๐ฏ
https://github.com/h5bp/html5-boilerplate/issues/2215#issuecomment -615350077์ ์์ฝํ๋ ค๋ฉด jQuery๋ฅผ ์ ๊ฑฐํ๋ฉด ์ฌ์ดํธ๋ฅผ ํฅ์์ํค๊ธฐ ์ํด ์ถ๊ฐํ๊ฑฐ๋ ์ถ๊ฐํ์ง ์์ ์ ์๋ ๋ฐฉ๋ฒ๊ณผ ํญ๋ชฉ์ ์ ํํ ์ ์๋ ์ ์ฐ์ฑ์ด ์ ๊ณต๋ฉ๋๋ค. ํ ๋ jQuery๋ ๋ชจ๋ ์ฌ์ดํธ์ ํ์ ๋ถ๋ถ์ด์๊ณ ์ด์ ๋ ๊ฐ๋ฐ์๊ฐ ๋ค์ํ ํ๋ก ํธ ์๋ ์์ ์ ์ํํ๋ ๋ฐ ์ฌ์ฉํ ์ ์๋ ๋ง์ ๋๊ตฌ ์ค ํ๋์ผ ๋ฟ์ ๋๋ค.
ํ ๋ฒ ๊ฐ.... ๋ ๋ฒ ๊ฐ...
๋นจ๋ฆฌ ๋ด ์๊ฐ์ ๋ผ์ด๋ค๊ณ ์ถ์๋ค. ์ ๋ jQuery์ ์ด๋ ฌํ ํฌ์ด๋ฉฐ ๋ง์ ํ๋ก์ ํธ์์ ์ฌ์ฉํ์ง๋ง ํ ํ๋ฆฟ์ ๊ธฐ๋ณธ์ ์ผ๋ก ํฌํจํ์ง ์์์ผ ํ๋ ๋ช ๊ฐ์ง ์ข์ ์ด์ ๊ฐ ์์ต๋๋ค.
ํํธ์ผ๋ก๋ jQuery๋ฅผ ์ ๊ฑฐํ๋ ๋ฐ ์ฐฌ์ฑํฉ๋๋ค. ์ค๋ซ๋์ jQuery๋ ์์ฃผ ์ฌ์ฉ๋๋ javascript ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ผ๋ฉฐ ๊ฑฐ์ โโ๋ชจ๋ ํ๋ก์ ํธ์์ ์ฌ์ฉ๋์์ง๋ง ๋ ๊ฐ๋ ฅํ HTML ๋ฐ CSS์ ๋ค์ํ ๊ธฐํ ์๋ฐ์คํฌ๋ฆฝํธ ์๋ฃจ์
.
ํ์ง๋ง ... ์ ๋ ์ข
์ข
CDN์์ ๊ฐ์ ธ์จ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ๋ก์ ํธ ๋ด์์ ์ฌ์ฉํ๋ฏ๋ก ์ฝ๋์์ "์ต๊ณ ", "์ฌ๋ฐ๋ฅธ" ๋๋ ๊ฐ์ฅ ํจ์จ์ ์ธ ๋ฐฉ๋ฒ์ผ๋ก ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ ๋ํ ์์ ๋ฅผ ๋จ๊ฒจ๋๋ ๊ฒ์ด ์ฌ์ ํ ์ ์ตํฉ๋๋ค. ( head
-tags ์ฌ์ด์ ๊ฑฐ์ ๋ชจ๋ ๊ฒ์ ์ฑ์ฐ๊ณค ํ๋ ๊ฒ์ ๊ธฐ์ตํ์ญ๋๊น?)
jQuery๊ฐ ๋ชจ๋ ํ๋ก์ ํธ ๋ด์์ ํ์ค์ด์ด์ผ ํ๋ค๋ ์๋ฏธ๋ฅผ ํผํ๊ธฐ ์ํด ๊ฐ์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ๋ ์์ ๋จ์ผ ๊ธฐ๋ฅ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๊ตฌํ ๋ฐฉ๋ฒ์ ๋ํ ์์ ๋ผ๋ ์ฃผ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
ํ๋ก์ ํธ์์ jQuery๋ฅผ ์ ๊ฑฐํ๋ ๊ฒ์ ์ด์ ์ ๋์๊ฒ ์ ์๋์์ผ๋ฉฐ @coliff๋ ๋ค๊ฐ์ค๋ 8.0 ๋ฆด๋ฆฌ์ค์ ๋ํ ํ ๋ก ์ง์ ์ผ๋ก ์ ์ํ์ต๋๋ค.
๋๋ ๊ทธ๊ฒ์ ๋ํด ๋ ผ์ํ๋ ๋ฐ ์ด๋ ค ์์ต๋๋ค. ์ด ํฐ์ผ์ ๊ทธ ํ ๋ก ์ ์ฅ์์ ๋๋ค ๐ค ๐ ๐ ๐ข
๋๋ ์์ง ๋ด ์๊ฐ์ ๋์ดํ์ง ์์ ๊ฒ์ด์ง๋ง, ๋๋ ๊ทธ๊ฒ์ ๋ณด๋ ๋ ๊ฐ์ง ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด๋ผ๊ณ ์๊ฐํ๋ ๊ฒ์ ๊ณต์ ํ ๊ฒ์ ๋๋ค.
ํํธ์ผ๋ก Builtwith์ jQuery ์ฌ์ฉ ํต๊ณ ์ฌ์ฉ ํต๊ณ์ ๋ฐ๋ฅด๋ฉด ์์ 100๋ง ๊ฐ ์ฌ์ดํธ ์ค 76%์์ ์ฌ์ฉ ์ค์ธ ๊ฒ์ผ๋ก ๋ํ๋ฌ์ต๋๋ค. ๋ง์ ์ฌ๋๋ค์๊ฒ ๊ทธ๊ฒ์ ์ฌ์ ํ โโ๋งค์ฐ ์ค์ํ ์ผ์ ๋๋ค.
๋ฐ๋ฉด์ GitHub์์ ํ๋ํ๊ณ ํ๋ก ํธ ์๋ ๊ฐ๋ฐ์ ์ต์ฒจ๋จ์ ๋จธ๋ฌด๋ฅด๋ ๋ง์ ์ฌ๋๋ค์๊ฒ jQuery๋ 3~4์ธ๋๊ฐ ์ง๋ฌ๊ณ ์ผ์์ ์ธ ๊ฐ๋ฐ์์ ์ ํ ์๋ฆฌ๊ฐ ์์ต๋๋ค. ์ผ๋ถ ํ๋ก์ ํธ์ ์ด๋๊ฐ์ ์ข ์์ฑ์ผ๋ก ์กด์ฌํ ์ ์์ง๋ง ๋ง์
$()
์์ ์ ์ํํ๋ ๊ฒ์ ๊ณผ๊ฑฐ์ ๊ฒ์ ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ง๊ธ ํธ๋ ๋๋ jQuery ์ง์์ ์์ ๋ ๊ฒ์ด๊ณ , ์ด ํธ๋ ๋๋ฅผ ์ง์ํ๋ ๊ฒ์ด ์ณ๊ณ , ์์ฆ ์น ๊ฐ๋ฐ์ jQuery๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ํฌํจ๋์ด์๋ ์ ๋๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ด์จ๋ ๊ฐ๋ฐ์๊ฐ jQuery๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ์ ํธํ๋ค๋ฉด ์ถ๊ฐํ๊ธฐ๊ฐ ๋งค์ฐ ์ฝ์ง๋ง ๊ธฐ๋ณธ์ ์ผ๋ก ํฌํจ๋์ง ์์ ๋ ๊ฐ๋ฐ์๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ํด๋์ค๋ฅผ ํ ๊ธํ ํ์๋ง ์์ ๋ ๊ทธ์ ํ๋ก์ ํธ์ jQuery๊ฐ ์ ๋ง๋ก ํ์ํ์ง ๊ฐ๋ฐ์๋ฅผ ์๊ฐํ ๊ฐ๋ฅ์ฑ์ด ๋ ๋๋ค๊ณ ์๊ฐํฉ๋๋ค. ํ ๋ฒ..
jQuery๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ๊บผ์ ธ ์๋ jQuery๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ์ฌ์ฉํ์ง ์๊ณ ํ๋ก์ ํธ๋ฅผ ์ ํ์ ์ผ๋ก ๋น๋ํ๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ ์ต์ ์ธ ๊ฒ ๊ฐ์ต๋๋ค.