JS์ ํต์ฌ! ajax+Plus
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