728x90

TIL/Ajax 2

Ajax ๋™์ž‘ ์›๋ฆฌ

# Ajax ๊ตฌ์„ฑ์š”์†Œ ๊ธฐ์กด์— ์‚ฌ์šฉ๋˜๋˜ ์—ฌ๋Ÿฌ ๊ธฐ์ˆ ์„ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜์—ฌ, ์›น ใ…์ด์ง€์˜ ์ผ๋ถ€๋ถ„๋งŒ์„ ๊ฐฑ์‹ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ๊ฐœ๋ฐœ ๊ธฐ๋ฒ•์ด๋‹ค. Ajax์—์„œ ์‚ฌ์šฉํ•˜๋Š” ๊ธฐ์กด ๊ธฐ์ˆ ์„ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. ์›น ํŽ˜์ด์ง€์˜ ํ‘œํ˜„์„ ์œ„ํ•œ HTML๊ณผ CSS ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผํ•˜๊ฑฐ๋‚˜ ํ™”๋ฉด ๊ตฌ์„ฑ์„ ๋™์ ์œผ๋กœ ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” DOM๋ชจ๋ธ ๋ฐ์ดํ„ฐ์˜ ๊ตํ™˜์„ ์œ„ํ•œ JSON์ด๋‚˜ XML ์›น ์„œ๋ฒ„์™€์˜ ๋น„๋™๊ธฐ์‹ ํ†ต์‹ ์„ ์œ„ํ•œ XMLHttpRequest ๊ฐ์ฒด ์œ„์—์„œ ์–ธ๊ธ‰ํ•œ ๋ชจ๋“  ๊ธฐ์ˆ ์„ ๊ฒฐํ•ฉํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ ์ž‘์—… ํ๋ฆ„์„ ์ œ์–ดํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” JS # Ajax ๋™์ž‘์›๋ฆฌ Ajax๋ฅผ ์ด์šฉํ•œ ์›น ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์€ JS ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด ์›น ์„œ๋ฒ„์™€ ํ†ต์‹ ์„ ํ•˜๊ฒŒ ๋˜์–ด ์žˆ๋‹ค. ๋”ฐ๋ผ์„œ ์‚ฌ์šฉ์ž์˜ ๋™์ž‘์—๋Š” ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š๊ณ , ๋ฐฑ๊ทธ๋ผ์šด๋“œ์—์„œ ์ง€์†ํ•ด์„œ ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋‹ค์Œ ๊ทธ๋ฆผ์€ Aja..

TIL/Ajax 2022.01.24

Ajax ๊ธฐ์ดˆ

# Ajax๋ž€? Asynchronous JavaScript And XML์˜ ์•ฝ์ž ๋น ๋ฅด๊ฒŒ ๋™์ž‘ํ•˜๋Š” ๋™์ ์ธ ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๊ฐœ๋ฐœ ๊ธฐ๋ฒ•์˜ ํ•˜๋‚˜ ์›น ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๋‹ค์‹œ ๋กœ๋”ฉํ•˜์ง€ ์•Š๊ณ ๋„, ์›น ํŽ˜์ด์ง€์˜ ์ผ๋ถ€๋ถ„๋งŒ์„ ๊ฐฑ์‹ ํ•  ์ˆ˜ ์žˆ์Œ โ€ป Ajax๋ฅผ ์ด์šฉํ•œ๋‹ค๋ฉด ๋ฐฑ๊ทธ๋ผ์šด๋“œ ์˜์—ญ์—์„œ ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•˜์—ฌ, ๊ฒฐ๊ณผ๋ฅผ ์›น ํŽ˜์ด์ง€์˜ ์ผ๋ถ€๋ถ„์—๋งŒ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ์Œ ์ด๋•Œ ์„œ๋ฒ„์™€๋Š” ๋‹ค์–‘ํ•œ ํ˜•ํƒœ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜์žˆ์Œ JSON, XML, HTML, ํ…์ŠคํŠธํŒŒ์ผ ๋“ฑ # Ajax์˜ ์žฅ์  ์›น ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๋‹ค์‹œ ๋กœ๋”ฉํ•˜์ง€ ์•Š๊ณ ๋„, ์›น ํŽ˜์ด์ง€์˜ ์ผ๋ถ€๋ถ„๋งŒ์„ ๊ฐฑ์‹ ํ•  ์ˆ˜ ์žˆ์Œ ์›น ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋œ ํ›„์— ์„œ๋ฒ„๋กœ ๋ฐ์ดํ„ฐ ์š”์ฒญ์„ ๋ณด๋‚ผ ์ˆ˜ ์žˆ์Œ ์›น ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋œ ํ›„์— ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์Œ ๋ฐฑ๊ทธ๋ผ์šด๋“œ ์˜์—ญ์—์„œ ์„œ๋ฒ„๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ผ ์ˆ˜ ์žˆ์Œ # Aj..

TIL/Ajax 2022.01.24
728x90