You Can Become A
๋ฆ๊ฒ ์์ํด๋ ๋๊ตฌ๋ ์ง ๋ ธ๋ ฅํ๋ฉด ๊ฐ๋ฐ์๊ฐ ๋ ์ ์์ด์ !
jQuery
๐ ์ ์ด์ฟผ๋ฆฌ AJAX ์์ฒญ ๋ฌธ๋ฒ ์ ๋ฆฌ
์ ์ด์ฟผ๋ฆฌ AJAX ์์ฒญ ์ด๋ฒ ํฌ์คํ ์๋ ajax์ ๊ธฐ๋ณธ๊ฐ๋ ๊ฐ๋จ ์ ๋ฆฌ์ ์ ์ด์ฟผ๋ฆฌ ajax ๋ฉ์๋๋ฅผ ์ดํด๋ด ๋๋ค. AJAX ๋? AJAX๋ asynchronous Javascript and XML์ ๋๋ค. ์์ฆ์ XML๋ณด๋ค HTML์ด๋ JSON์ ๋ ๋ง์ด ์ฐ์ง๋ง, ๊ฐ๋ฐ ๋น์ xml์ด ์ฃผ๋ฅ๋ผ์ ์ด๋ฆ์ด ๊ทธ๋ ๊ฒ ๋ ๊ฒ์ ๋๋ค. ๊ธฐ์กด์ ์น์์๋ ํ ๋ฒ ํ์ด์ง๋ฅผ ๋ก๋ฉํ๋ฉด ๋ค๋ฅธ ํ์ด์ง๋ฅผ ๋ก๋ฉํ๊ธฐ ์ํด์ ๋งํฌ๋ฅผ ํ๊ณ ๋์ด๊ฐ์ผ ํ์ต๋๋ค. ๊ทธ๋ ๊ฒ ๋๋ฉด ํํ ๋งํ๋ ํ์ด์ง ๊น๋นก์์ด ๋ฐ์ํฉ๋๋ค. ๊ตฌ๊ธ ๊ฒ์์ ํด๋ณด๋ฉด, ํ์ด์ง๋ฅผ ์ ํํ์ง ์๊ณ ๋ ์์ ๊ฒ์์ด์ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ฌ์ค๋๋ค. Gmail๋ ๋ง์ฐฌ๊ฐ์ง์ฃ . ๋ฐ๋ก AJAX ๊ธฐ์ ์ ์ฌ์ฉํ์๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ด์ฒ๋ผ ๋น๋๊ธฐ์ ์ผ๋ก ์๋ฒ์ ์์ฒญ์ ํ์ฌ ํ์ด์ง ์ ํ ์์ด๋ ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ฌ ์ ์..
๐ ์๋ฐ์คํฌ๋ฆฝํธ this vs ์ ์ด์ฟผ๋ฆฌ $(this) ์ฐจ์ด
์๋ฐ์คํฌ๋ฆฝํธ this ์๋ฐ์คํฌ๋ฆฝํธ์์ this๋ ํ์ฌ ์คํ ์ปจํ ์คํธ์์ ์ฐธ์กฐ๋๋ ๊ฐ์ฒด๋ฅผ ๊ฐ๋ฆฌํจ๋ค. ์ผ๋ฐ์ ์ผ๋ก ํจ์ ๋ด์์ ์ฌ์ฉ๋๋ฉฐ, ํจ์ ํธ์ถ ๋ฐฉ์์ ๋ฐ๋ผ this๊ฐ ๊ฐ๋ฆฌํค๋ ๊ฐ์ฒด๊ฐ ๋ฌ๋ผ์ง๊ฒ ๋๋ค. ์๋ฅผ๋ค์ด ์ด๋ฒ ํธ ํธ๋ค๋ฌ๋ฅผ ์ธ๋ผ์ธ์ผ๋ก ๋ฑ๋กํ ๊ฒฝ์ฐ ํจ์๋ด์ this๋ ๋ฒํผ์ด ์๋ window ๊ฐ์ฒด๋ฅผ ๊ฐ๋ฆฌํค๊ฒ ๋๋ค. Button ๋ฐ๋ฉด addEventListener ์ด๋ฒคํธ ํธ๋ค๋ฌ ๊ฐ์๊ฒฝ์ฐ ์ด๋ฒคํธ์ ๋ฐ์ธ๋ฉ๋ ์์๋ฅผ ๊ฐ๋ฆฌํจ๋ค. ์ด๊ฒ์ ์ด๋ฒคํธ ๊ฐ์ฒด์ currentTarget ํ๋กํผํฐ์ ๊ฐ๋ค. Button ์ ์ด์ฟผ๋ฆฌ $(this) ์๋ฐ์คํฌ๋ฆฝํธ this์ ์ ์ด์ฟผ๋ฆฌ $(this)๋ ๋ช ์นญ์ ๊ฐ์ ์ง๋ผ๋ ์ค์ ๋ก ํ์๋๋ ์ ๋ณด๋ ์๋ก ๋ค๋ฅด๋ค. ์ ์ด์ฟผ๋ฆฌ์์ $(this)๋ ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ด์์ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ ์์๋ฅผ ๊ฐ๋ฆฌํค๋ ์ญ..
๐ jQuery ๊ธฐ๋ณธ ๋ฌธ๋ฒ $() ์ ๋ฆฌ
jQuery ๊ธฐ๋ณธ ๋ฌธ๋ฒ $(์ ํ์).๋์ํจ์1().๋์ํจ์2() $(์ ํ์).๋์ํจ์1().๋์ํจ์2() ๋ฌ๋ฌ($) ๊ธฐํธ๋ ์ ์ด์ฟผ๋ฆฌ๋ฅผ ์๋ฏธํ๊ณ , ์ ์ด์ฟผ๋ฆฌ์ ์ ๊ทผํ ์ ์๊ฒ ํด์ฃผ๋ ์๋ณ์์ด๋ค. - ์ ํ์๋ฅผ ์ด์ฉํ์ฌ ์ํ๋ HTML ์์๋ฅผ ์ ํํ๊ณ , - ๋์ ํจ์๋ฅผ ์ ์ํ์ฌ ์ ํ๋ ์์์ ์ํ๋ ๋์์ ์ค์ ํ๋ค. jQuery $๊ฐ์ฒด โjQuery๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด์๋ ๋จผ์ jQuery ๊ฐ์ฒด๋ฅผ ์์ฑํ์ฌ์ผ ํ๋ค. ์์ฑ๋ jQuery ๊ฐ์ฒด๋ ๋ค์ํ ๋ฉ์๋๋ฅผ ๊ฐ์ง๋๋ฐ, jQuery๋ฅผ ํ์ตํ๋ค๊ณ ํ๋ ๊ฒ์ ๋์ฒด๋ก ์ด ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ตํ๋ ๊ฒ์ด๋ค. $() // jQuery() ํจ์์ ์ถ์ฝํ jQuery() ํจ์๋ ์ ๋ฌ๋๋ ์ธ์์ ์ข ๋ฅ์ ๋ฐ๋ผ ๋ค๋ฅธ ์์ง์์ ํ์ง๋ง ๊ฒฐ๊ตญ jQuery ๊ฐ์ฒด๋ฅผ ๋ฐํํ๋ค. ์ธ์์ ์ข ๋ฅ..
๐ jQuery ์ค์น & ์ ์ฉ ๋ฐฉ๋ฒ
์ ์ด์ฟผ๋ฆฌ ์ค์น ํ๋ ์ ์ธ๊ณ์์ ๊ฐ์ฅ ๋ง์ด ์ฐ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น & ์ ์ฉ ๋ฐฉ๋ฒ์ ๋ํด ํฌ์คํ ํด๋ณธ๋ค. 1. ๋ก์ปฌ ๋ค์ด๋ก๋ ๋ฐฉ๋ฒ ์๋ ๋งํฌ๋ก ๋ค์ด๊ฐ jquery ํ์ผ์ ๋ค์ด๋ก๋ ํ๋ค, ์์ ์ ํ๋ก์ ํธ์ ๋ฃ์ผ๋ฉด ๋๋ค. jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.c..
