๊ด€๋ฆฌ ๋ฉ”๋‰ด

C-log

JS์˜ ํ•ต์‹ฌ! ajax+Plus ๋ณธ๋ฌธ

๐Ÿ“’JS/โšกver.1

JS์˜ ํ•ต์‹ฌ! ajax+Plus

4:Bee 2023. 5. 1. 00:27
728x90

 YouTube Link
 
ajax ๋Š” ์™œ ํ•„์š”ํ•œ๊ฐ€? ์ด๊ฑธ๋กœ ํ•œ๋ฐฉ์— ๋
https://youtu.be/_Kh5Kdha3Ww

Ajax์˜ ๊ฐœ๋… : HTTP,WEB,๋ธŒ๋ผ์šฐ์ €์˜ ๊ฐœ๋…

http,WEB,๋ธŒ๋ผ์šฐ์ €์˜ ๊ฐœ๋…์ด ํ•„์š”ํ•˜๋‹ค. ์›น์„œ๋ฒ„์™€ ์›น์˜ ๋ธŒ๋ผ์šฐ์ €๊ฐ„์˜ ์†Œํ†ต(Request,Response)์ด ๊ณ„์†ํ•ด์„œ ์ด๋ฃจ์–ด์ง„๋‹ค. 

๋ธŒ๋ผ์šฐ์ €๋ž€ ์›น์—์„œ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด๋ฅผ ์‚ฌ์šฉ์ž๊ฐ€ ์‰ฝ๊ฒŒ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ๋ณด์—ฌ์ฃผ๋Š” ์†Œํ”„ํŠธ์›จ์–ด์ด๋‹ค. ์ฆ‰, ์›น์€ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๋Š” ์„œ๋น„์Šค์ด๊ณ  ๋ธŒ๋ผ์šฐ์ €๋Š” ์ •๋ณด๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์†Œํ”„ํŠธ์›จ์–ด์ด๋‹ค.

http๋ž€ WEB์„ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•œ ํ”„๋กœํ† ์ปฌ์ด๋‹ค. ftp๋Š” ํŒŒ์ผ ํ”„๋กœํ† ์ปฌ์ด๋‹ค. ๋” ๋‚˜์•„๊ฐ€์„œ https์˜ s๋Š” ๋ณด์•ˆ์„ ์˜๋ฏธํ•œ๋‹ค. http๋Š” ๋™์ ์ด๋‹ค. http๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ TCP/IP ํ”„๋กœํ† ์ฝœ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•œ๋‹ค. ๋”ฐ๋ผ์„œ http๋Š” ์ •์ ์ธ ํ”„๋กœํ† ์ปฌ์ด๋‹ค. http๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ ๊ฐ„์— ๋ฐ์ดํ„ฐ๋“ค์ด ์˜ค๊ณ ๊ฐ€๋Š” ๊ฒƒ(์„œ๋ฒ„ํ†ต์‹ )์ด๋‹ค. ๊ทธ๋ž˜์„œ ๋™์ ์ธ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•˜๊ธฐ์œ„ํ•ด์„œ๋Š” CGI,FastCGI,Servlet,ASP.NET๋“ฑ์˜ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋กœ๊ทธ๋žจ์„ ์ด์šฉํ•˜๊ธฐ๋„ ํ•œ๋‹ค.

 ๊ฒฐ๊ณผ์ ์œผ๋กœ Ajax๋Š” ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„๊ฐ„์˜ ์ƒˆ๋กœ์šด ์š”์ฒญ์ด ํ•„์š” ์—†์ด ๋‹ค๋ฅธ ์ž‘์—…๋“ค์„ ์ˆ˜ํ–‰ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค. ์ด ๋ชจ์Šต์ด ๋งˆ์น˜ ๋ณ‘๋ ฌ์ ์ธ ๊ฒƒ์ด๊ณ  ๋น„๋™์ ์ด๋ผ ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์ด๋ฅผ ๋น—๋Œ€์–ด์„œ ๋น„๋™๊ธฐ์ ์ธ ์ˆ˜ํ–‰์„ ํ•˜๋Š” Promise()๋ฌธ๋ฒ•๊ณผ ๋งŽ์ด ์—ฐ๊ด€์ง€์–ด ์„ค๋ช…ํ•˜๊ฑฐ๋‚˜ ํŒŒํŠธ๋ฅผ ๋‚˜๋ˆˆ๋‹ค. ์ด์— ๋”ํ•ด์„œ Promise()๋ฅผ ๋„์™€์ฃผ๋Š” async/await ๋ฌธ๋ฒ•์„ ์„ค๋ช…ํ•œ๋‹ค.



ref : 
 YouTube Link
 
jQuery - ajax
https://youtu.be/fiqApu1t1Vc

The Web Boot camp 23

728x90
Comments