API (3) μΈλ€μΌν 리μ€νΈν [JavaScript] Axios μ¬μ©νμ¬ μΉμλ²μ ν΅μ νκΈ° π½ AJAX, HTTPμ λν΄μλ μλ ν¬μ€νΈλ₯Ό μ°Έκ³ ν΄μ£ΌμΈμ π½ [JavaScript / λΉλκΈ° μ²λ¦¬] AJAX / Callback, Promise, async, await π λκΈ°(Synchronous) νλ‘κ·Έλλ° vs λΉλκΈ°(Asynchronous) νλ‘κ·Έλλ° λκΈ° νλ‘κ·Έλλ°μ μ½λκ° λ°λμ μμ±λ μμλλ‘ μ€νλλ λ°©μμ΄λ€. λΉλκΈ° νλ‘κ·Έλλ°μ μ½λμ μ²λ¦¬κ° μλ£λ λκΉ devjindev.tistory.com [HTTP] APIλ? REST(RESTful) APIλ? π API(Application Programing Interface)λ? μμ© νλ‘κ·Έλ¨μμ μ¬μ©ν μ μλλ‘, μ΄μ 체μ λ νλ‘κ·Έλλ° μΈμ΄κ° μ 곡νλ κΈ°λ₯μ μ μ΄ν μ μκ² λ§λ μΈν°νμ΄μ€λ₯Ό μλ―Ένλ€. π REST(RESTful) A.. [보μ] CORSλ? π CORS(Cross-Origin Resource Sharing)λ? CORSλ μΆκ°μ μΈ HTTP μμ² ν€λλ₯Ό μ¬μ©νμ¬ μλ‘ λ€λ₯Έ λλ©μΈμ μΉ λΈλΌμ°μ μ μλ²κ° 리μμ€ μμ²κ³Ό μλ΅μ μ£Όκ³ λ°μ μ μκ² νλ λ°©λ²μ λ§νλ€. π CORSλ μ νμν κΉ? μΉ λΈλΌμ°μ κ° λ€λ₯Έ λλ©μΈμ μλ²λ‘ 리μμ€ μμ²μ ν λ κ°μΈμ 보 μ μΆ, νΌμ± μ¬μ΄νΈμ κ°μ 보μμμ μνμ΄ μμ μ μκΈ° λλ¬Έμ νμ©ν μΉ λΈλΌμ°μ λ§ μλ²μ μμ²ν μ μλλ‘ νκΈ° μν΄ μ¬μ©νλ€. π CORSλ μ΄λ»κ² λμν κΉ? μΉ λΈλΌμ°μ μμλ μμ² ν€λμ CORS κ΄λ ¨ μ΅μ μ λ£μ΄μ£Όκ³ , μλ²μμλ μμ² ν€λμ ν΄λΉ μΉ λΈλΌμ°μ μ μμ²μ νμ©νλ€λ λ΄μ©μ λ£μ΄μ€λ€. π μ°Έκ³ μλ£ CORSμ΄ λμ€κ² λ λ°°κ²½ μ΄μΌκΈ° CORSλ 무μμΈκ°? π‘ κ°μ΄ 보면 μ’.. [HTTP] APIλ? REST(RESTful) APIλ? π API(Application Programing Interface)λ? μ΄μ체μ λ νλ‘κ·Έλλ° μΈμ΄κ° μ 곡νλ κΈ°λ₯μ μμ© νλ‘κ·Έλ¨μ μ¬μ©ν μ μλλ‘ ν΄μ£Όλ μ΄ν리μΌμ΄μ νλ‘κ·Έλλ° μΈν°νμ΄μ€μ΄λ€. π REST(RESTful) APIλ? 'REST'λ μμμ μ΄λ¦μΌλ‘ ꡬλΆνμ¬ μμμ μνλ₯Ό μ£Όκ³ λ°λ λͺ¨λ κ²μ μλ―Ένλ€. RESTλ₯Ό μΆ©μ‘±νλ APIλ₯Ό REST APIλΌκ³ νλ€. HTTP URIλ₯Ό ν΅ν΄ μμμ λͺ μνκ³ , HTTP CRUD λ©μλλ₯Ό ν΅ν΄ ν΄λΉ μμμ λν CRUDλ₯Ό μ μ©νλ€. π HTTP CRUD λ©μλ β GET : μλ² μμμ κ°μ Έμ¨λ€. β‘ POST : μλ²μ μμμ μλ‘ λ±λ‘νλ€. β’ PUT : μλ² μμμ μμ²μ λ€μ΄ μλ μμμΌλ‘ λ°κΎΌλ€. β£ PATCH : μλ² μμμ μΌλΆ μμ νλ€.. μ΄μ 1 λ€μ