๋ชฉ๋กKITRI (108)

๐Ÿ’ป

JavaScript ์˜ ์ดํ•ด - [AJAX] Kakao ์ง€๋„ Javscript API ์ด์šฉํ•ด์„œ ์ง€๋„๊ทธ๋ฆฌ๊ธฐ

kakao developers ์‚ฌ์ดํŠธ(https://developers.kakao.com/) ์—์„œ ์นด์นด์˜ค์•„์ด๋””๋กœ ๋กœ๊ทธ์ธ ํ•œ ํ›„ ๋‚ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ถ”๊ฐ€ํ•ด์ค€๋‹ค. Kakao Developers ์นด์นด์˜ค API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋‹ค์–‘ํ•œ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•ด๋ณด์„ธ์š”. ์นด์นด์˜ค ๋กœ๊ทธ์ธ, ๋ฉ”์‹œ์ง€ ๋ณด๋‚ด๊ธฐ, ์นœ๊ตฌ API, ์ธ๊ณต์ง€๋Šฅ API ๋“ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. developers.kakao.com ์•ฑ์ด๋ฆ„๊ณผ ํšŒ์‚ฌ๋ช…์„ ์ ๊ณ , ํ”Œ๋žซํผ์œผ๋กœ Web๋กœ์ปฌ์ฃผ์†Œ(ex. http://localhost:8181)๋กœ ์„ค์ •ํ•ด์ฃผ๊ณ , ์•ฑ ํ‚ค(๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ ํ‚ค, REST API ํ‚ค, JavaScript ํ‚ค, Admin ํ‚ค)๊ฐ€ ์„ค์ •๋œ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ด๋ ‡๊ฒŒ ์ƒ์„ฑํ•œ ํ‚ค๋Š” API๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ํ•„์š”ํ•˜๋‹ค. ์ง€๋„ ๊ทธ๋ ค๋ณด๊ธฐ(์—ฐ์Šต) https://apis.map.kakao.co..

KITRI/JAVASCRIPT 2020. 7. 20. 13:55
JavaScript ์˜ ์ดํ•ด - [AJAX] JSON ๊ฐ์ฒด ๋‹ค๋ฃจ๊ธฐ

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

KITRI/JAVASCRIPT 2020. 7. 15. 16:50