API๋ž€?_JavaScript

Pepzeraยท2025๋…„ 3์›” 17์ผ

LGHV3๊ธฐ_๊ณต๋ถ€์ •๋ฆฌ

๋ชฉ๋ก ๋ณด๊ธฐ
31/34

API๋ž€? ๐Ÿง


๐Ÿ“” API์˜ ์‚ฌ์ „์  ์ •์˜

๐Ÿ’ก API(application programming interface ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ธํ„ฐํŽ˜์ด์Šค, ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ธํ„ฐํŽ˜์ด์Šค)๋Š”ย ์ปดํ“จํ„ฐ๋‚˜ ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋žจ ์‚ฌ์ด์˜ ์—ฐ๊ฒฐ์ด๋‹ค. ์ผ์ข…์˜ ์†Œํ”„ํŠธ์›จ์–ด ์ธํ„ฐํŽ˜์ด์Šค์ด๋ฉฐ ๋‹ค๋ฅธ ์ข…๋ฅ˜์˜ ์†Œํ”„ํŠธ์›จ์–ด์— ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•œ๋‹ค.
(์ถœ์ฒ˜ : ์œ„ํ‚ค๋ฐฑ๊ณผ)

  • Application Programming Interface
  • ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด์˜ ๋Œ€ํ™”!!!!
  • ํ”„๋ก ํŠธ์—”๋“œ์˜ ๊ฝƒ๐ŸŒผ

ํ”„๋ก ํŠธ์—”๋“œ(Front-end)์™€ ๋ฐฑ์—”๋“œ(Back-end)

ํ”„๋ก ํŠธ์—”๋“œ(Front-end)

ํ”„๋ก ํŠธ์—”๋“œ๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ง€๋Š” ๋ถ€๋ถ„์ด๋‹ค. (์œ ์ €๊ฐ€ ๋ณด๋Š” ์›น์‚ฌ์ดํŠธ ์ž์ฒด๋ฅผ ์˜๋ฏธ, ์œ ์ €๋ž‘ ์†Œํ†ต)

์‹๋‹น์œผ๋กœ ์˜ˆ๋ฅผ ๋“ค์–ด๋ณด๊ฒ ๋‹ค.

์†๋‹˜(์‚ฌ์šฉ์ž, user)์ด ์‹๋‹น์—์™€์„œ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„๋“ค. ์ฆ‰, ์˜์ž, ์‹ํƒ, ๋ถ„์œ„๊ธฐ, ๋ฉ”๋‰ด, ์ฐฝ๋ฌธ ๋“ฑ์„ ํ”„๋ก ํŠธ์—”๋“œ๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค.

ํ”„๋ก ํŠธ์—”๋“œ์—๋Š” HTML,CSS,JavaScript,React ๋“ฑ์ด ์žˆ๋‹ค.

๋ฐฑ์—”๋“œ(Back-end)

๋ฐฑ์—”๋“œ๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ค„ ๋‚ด์šฉ๋“ค์ด๋‹ค. ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ค„ ๋‚ด์šฉ์˜ ์ •๋ณด๋ฅผ ๋“ค๊ณ ์žˆ๋Š” ๋ถ€๋ถ„์ด๋‹ค.
(ํ”„๋ก ํŠธ์—”๋“œ๊ฐ€ ๋ณด์—ฌ์ค„ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ๋‹ค ์ฃผ๋Š” ์—ญํ• )

ํ”„๋ก ํŠธ์—”๋“œ์˜ ์š”์ฒญ์— ๋”ฐ๋ผ ๋ฐฑ์—”๋“œ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ œ๊ณตํ•ด์ค€๋‹ค.

๋‹ค์‹œ ์‹๋‹น์œผ๋กœ ์˜ˆ๋ฅผ ๋“ค์–ด๋ณด์ž๋ฉด,

์†๋‹˜(์‚ฌ์šฉ์ž, user)์ด ์ฃผ๋ฌธํ•œ ์Œ์‹์— ๋”ฐ๋ผ์„œ ์ฃผ๋ฐฉ์—์„œ ์Œ์‹์„ ๋‚ด๋†“๋Š”๋‹ค. ์†๋‹˜์—๊ฒŒ ๋ณด์—ฌ์ค„ ์Œ์‹์„ ๋งŒ๋“ค์–ด์ฃผ๋Š”,

์ฆ‰, ์Œ์‹์„ ๋งŒ๋“œ๋Š” ์ฃผ๋ฐฉ์ด๋ผ๋Š” ๊ณต๊ฐ„์ด ๋ฐฑ์—”๋“œ๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค.

๋ฐฑ์—”๋“œ์—๋Š” MySQL, Oracle, Java ๋“ฑ์ด ์žˆ๋‹ค.

๊ทธ๋Ÿผ API๋Š”?

API

์‹๋‹น์˜ ์˜ˆ์—์„œ,

์†๋‹˜์ด ์‹๋‹น์— ๋“ค์–ด์™€์„œ ๋ฉ”๋‰ด๋ฅผ ๋ณด๊ณ !(Front-End), ์†๋‹˜์ด ์ฃผ๋ฌธํ•œ ์Œ์‹์„ ์ฃผ๋ฐฉ์—์„œ ์กฐ๋ฆฌ๋ฅผ ํ•˜๋ฉด!(Back-End)

์†๋‹˜์˜ ์ฃผ๋ฌธ์„ ๋ฐ›๊ณ , ์ฃผ๋ฐฉ์—์„œ ์†๋‹˜์—๊ฒŒ ์Œ์‹์„ ์ „๋‹ฌํ•ด์ฃผ๋Š” ์—ญํ• ์ด API ์ธ ๊ฒƒ์ด๋‹ค!!!

0๊ฐœ์˜ ๋Œ“๊ธ€