{"id":681,"date":"2025-02-27T20:12:00","date_gmt":"2025-02-27T11:12:00","guid":{"rendered":"https:\/\/blog.anchors-biz.com\/?p=681"},"modified":"2025-02-25T19:50:06","modified_gmt":"2025-02-25T10:50:06","slug":"react-library-axios","status":"publish","type":"post","link":"https:\/\/blog.anchors-biz.com\/?p=681","title":{"rendered":"React Library – Axios"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc5d0\uc11c \uc11c\ubc84\uc640 \ub370\uc774\ud130\ub97c \uc8fc\uace0\ubc1b\ub294 \uc791\uc5c5\uc740 \ud544\uc218\uc801\uc785\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 \uac00\uc7a5 \ub9ce\uc774 \uc0ac\uc6a9\ub418\ub294 \ub3c4\uad6c \uc911 \ud558\ub098\uac00 Axios<\/strong>\uc785\ub2c8\ub2e4. \ud55c\ub54c React \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc0ac\uc2e4\uc0c1\uc758 \ud45c\uc900\uc73c\ub85c \uc790\ub9ac \uc7a1\uc558\ub358 Axios\ub294 \uc5ec\uc804\ud788 \uac15\ub825\ud55c HTTP \ud074\ub77c\uc774\uc5b8\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub85c \ub110\ub9ac \uc0ac\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ucd5c\uadfc\uc5d0\ub294 Axios\uc758 \uc6a9\ub7c9 \ubd80\ub2f4<\/strong>\uacfc Fetch API\uc758 \ubc1c\uc804<\/strong>\uc73c\ub85c \uc778\ud574 Fetch API\ub9cc \uc0ac\uc6a9\ud558\ub294 \ud504\ub85c\uc81d\ud2b8\ub3c4 \ub298\uc5b4\ub098\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\uc774\ubc88 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c\ub294 Axios\uc640 Fetch API\ub97c \ube44\uad50\ud558\uba70, \uac01\uac01\uc758 \ud2b9\uc9d5, \uc7a5\ub2e8\uc810, \uadf8\ub9ac\uace0 \ud604\ub300 \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc5d0\uc11c\uc758 \uc62c\ubc14\ub978 \uc120\ud0dd \uae30\uc900\uc5d0 \ub300\ud574 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n\n\n\n

1. Axios\ub780 \ubb34\uc5c7\uc778\uac00?<\/h3>\n\n\n\n

Axios<\/strong>\ub294 \ube0c\ub77c\uc6b0\uc800\uc640 Node.js \ud658\uacbd\uc5d0\uc11c \ubaa8\ub450 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 Promise \uae30\ubc18\uc758 HTTP \ud074\ub77c\uc774\uc5b8\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac<\/strong>\uc785\ub2c8\ub2e4. \uc8fc\ub85c REST API\uc640 \ud1b5\uc2e0\ud560 \ub54c \uc0ac\uc6a9\ub418\uba70, HTTP \uc694\uccad(GET, POST, PUT, DELETE \ub4f1)\uc744 \uac04\ub2e8\ud558\uace0 \uc9c1\uad00\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n

Axios\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uc0c1\ud669\uc5d0\uc11c \uc720\uc6a9\ud569\ub2c8\ub2e4:<\/h5>\n\n\n\n
  • \uc11c\ubc84\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac00\uc838\uc640 \ud654\uba74\uc5d0 \ub80c\ub354\ub9c1\ud560 \ub54c<\/li>
  • \ud3fc \ub370\uc774\ud130\ub97c \uc11c\ubc84\ub85c \uc804\uc1a1\ud560 \ub54c<\/li>
  • \ud30c\uc77c \uc5c5\ub85c\ub4dc \ubc0f \ub2e4\uc6b4\ub85c\ub4dc\ub97c \ucc98\ub9ac\ud560 \ub54c<\/li><\/ul>\n\n\n\n
    <\/div>\n\n\n\n
    \n\n\n\n

    2. Axios\uc758 \uc8fc\uc694 \ud2b9\uc9d5<\/h3>\n\n\n\n

    Axios\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ud2b9\uc9d5\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n\n\n\n

    1. Promise \uae30\ubc18<\/strong> Axios\ub294 ES6\uc758 Promise<\/code>\ub97c \uae30\ubc18\uc73c\ub85c \ub3d9\uc791\ud558\ubbc0\ub85c, \ube44\ub3d9\uae30 \uc791\uc5c5\uc744 \ucc98\ub9ac\ud560 \ub54c async\/await<\/code> \ubb38\ubc95\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>
    2. \ube0c\ub77c\uc6b0\uc800\uc640 Node.js \ud658\uacbd \ubaa8\ub450 \uc9c0\uc6d0<\/strong> Axios\ub294 \ube0c\ub77c\uc6b0\uc800\ubfd0\ub9cc \uc544\ub2c8\ub77c Node.js \ud658\uacbd\uc5d0\uc11c\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc5b4, \ud074\ub77c\uc774\uc5b8\ud2b8\uc640 \uc11c\ubc84 \uc591\ucabd\uc5d0\uc11c \ud65c\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/li>
    3. \uc694\uccad \ubc0f \uc751\ub2f5 \ub370\uc774\ud130 \ubcc0\ud658<\/strong> \uc694\uccad \ub370\uc774\ud130\ub97c JSON\uc73c\ub85c \uc790\ub3d9 \ubcc0\ud658\ud558\uac70\ub098, \uc751\ub2f5 \ub370\uc774\ud130\ub97c \uc27d\uac8c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>
    4. \uc778\ud130\uc149\ud130(Interceptors) \uc9c0\uc6d0<\/strong> \uc694\uccad \ub610\ub294 \uc751\ub2f5 \uc804\uc5d0 \ud2b9\uc815 \uc791\uc5c5(\uc608: \ud1a0\ud070 \ucd94\uac00, \ub85c\uae45)\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>
    5. \ucde8\uc18c \ud1a0\ud070(Cancel Token)<\/strong> \uc9c4\ud589 \uc911\uc778 \uc694\uccad\uc744 \ucde8\uc18c\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>
    6. \ud0c0\uc784\uc544\uc6c3 \uc124\uc815<\/strong> \uc694\uccad\uc774 \uc77c\uc815 \uc2dc\uac04 \ub0b4\uc5d0 \uc644\ub8cc\ub418\uc9c0 \uc54a\uc73c\uba74 \uc790\ub3d9\uc73c\ub85c \uc694\uccad\uc744 \uc911\ub2e8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>
    7. CSRF \ubcf4\ud638<\/strong> Axios\ub294 \uae30\ubcf8\uc801\uc73c\ub85c XSRF \ud1a0\ud070\uc744 \uc9c0\uc6d0\ud558\uc5ec \ubcf4\uc548\uc131\uc744 \ub192\uc785\ub2c8\ub2e4.<\/li><\/ol>\n\n\n\n
      <\/div>\n\n\n\n
      \n\n\n\n

      3. Axios \uc0ac\uc6a9 \uc608\uc81c<\/h3>\n\n\n\n

      3.1 GET \uc694\uccad<\/h4>\n\n\n\n

      \uc11c\ubc84\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\ub294 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \uc608\uc81c\uc785\ub2c8\ub2e4:<\/p>\n\n\n\n

      import axios from 'axios';\n\naxios.get('<https:\/\/jsonplaceholder.typicode.com\/posts>')\n  .then(response => {\n    console.log(response.data); \/\/ \uc751\ub2f5 \ub370\uc774\ud130\n  })\n  .catch(error => {\n    console.error(error); \/\/ \uc5d0\ub7ec \ucc98\ub9ac\n  });<\/code><\/pre>\n\n\n\n
      3.2 POST \uc694\uccad<\/h4>\n\n\n\n
      \uc11c\ubc84\ub85c \ub370\uc774\ud130\ub97c \uc804\uc1a1\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4:<\/p>\n\n\n\n
      axios.post('<https:\/\/jsonplaceholder.typicode.com\/posts>', {\n  title: 'Axios Example',\n  body: 'This is a POST request example.',\n  userId: 1,\n})\n  .then(response => {\n    console.log(response.data);\n  })\n  .catch(error => {\n    console.error(error);\n  });<\/code><\/pre>\n\n\n\n
      3.3 \uc694\uccad \ucde8\uc18c<\/h4>\n\n\n\n
      \uc9c4\ud589 \uc911\uc778 \uc694\uccad\uc744 \ucde8\uc18c\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4:<\/p>\n\n\n\n
      const controller = new AbortController();\n\naxios.get('<https:\/\/jsonplaceholder.typicode.com\/posts>', {\n  signal: controller.signal,\n})\n  .then(response => {\n    console.log(response.data);\n  })\n  .catch(error => {\n    if (axios.isCancel(error)) {\n      console.log('Request canceled:', error.message);\n    } else {\n      console.error(error);\n    }\n  });\n\n\/\/ \uc694\uccad \ucde8\uc18c\ncontroller.abort();<\/code><\/pre>\n\n\n\n
      <\/div>\n\n\n\n
      \n\n\n\n
      4. Fetch API\uc758 \ubd80\uc0c1\uacfc Axios\uc758 \ubd80\ub2f4<\/h3>\n\n\n\n
      4.1 Fetch API\uc758 \ubc1c\uc804<\/h4>\n\n\n\n
      Fetch API\ub294 \ube0c\ub77c\uc6b0\uc800\uc5d0 \ub0b4\uc7a5\ub41c HTTP \uc694\uccad API\ub85c, Axios\uc640 \uc720\uc0ac\ud55c \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ud2b9\ud788 \ucd5c\uadfc\uc5d0\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uae30\ub2a5\uc774 \ucd94\uac00\ub418\uba74\uc11c Fetch API\ub9cc\uc73c\ub85c\ub3c4 \ucda9\ubd84\ud788 \uac15\ub825\ud55c HTTP \uc694\uccad \ucc98\ub9ac\uac00 \uac00\ub2a5\ud574\uc84c\uc2b5\ub2c8\ub2e4:<\/p>\n\n\n\n
      • Promise \uae30\ubc18<\/strong>: Fetch API\ub294 \uae30\ubcf8\uc801\uc73c\ub85c Promise\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>
      • AbortController<\/strong>: \uc694\uccad \ucde8\uc18c \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>
      • JSON \ucc98\ub9ac<\/strong>: \uc751\ub2f5 \ub370\uc774\ud130\ub97c JSON\uc73c\ub85c \ubcc0\ud658\ud558\ub294 \uac83\uc774 \uac04\ub2e8\ud569\ub2c8\ub2e4.<\/li><\/ul>\n\n\n\n
        4.2 Axios\uc758 \uc6a9\ub7c9 \ubd80\ub2f4<\/h4>\n\n\n\n
        Axios\ub294 \uc57d 20KB(gzip \uae30\uc900)\uc758 \ucd94\uac00 \uc6a9\ub7c9\uc744 \ucc28\uc9c0\ud569\ub2c8\ub2e4. \uc774\ub294 \uc131\ub2a5 \ucd5c\uc801\ud654\uac00 \uc911\uc694\ud55c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ubd80\ub2f4\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubc18\uba74, Fetch API\ub294 \ube0c\ub77c\uc6b0\uc800\uc5d0 \ub0b4\uc7a5\ub418\uc5b4 \uc788\uc5b4 \ucd94\uac00 \uc6a9\ub7c9\uc774 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
        \ucc38\uace0\ub85c \uc791\ub144\uc5d0 \uc9c4\ud589\ub41c \ud300\ub124\uc774\ubc84 \ucee8\ud37c\ub7f0\uc2a4 DAN 24\uc5d0\uc11c Naver Financial\uc5d0\uc11c\ub294 \ubc88\ub4e4 \uc0ac\uc774\uc988 \ucd5c\uc18c\ud654<\/strong>\ub97c \uc704\ud574 axios<\/strong>\ub97c \uc81c\uac70\ud558\uace0 native Fetch<\/strong>\ub97c \uc0ac\uc6a9\ud558\uae30\ub85c \uacb0\uc815\ud588\ub2e4\ub294 \ub0b4\uc6a9\uc744 \ubc1c\ud45c\ud588\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n
        <\/p>\n\n\n\n
        4.3 Axios\uc640 Fetch API \ube44\uad50<\/h4>\n\n\n\n
        \ud2b9\uc9d5<\/td>Axios<\/td>Fetch API<\/td><\/tr>
        \ube0c\ub77c\uc6b0\uc800 \ud638\ud658\uc131<\/td>IE \ub4f1 \uad6c\ud615 \ube0c\ub77c\uc6b0\uc800 \uc9c0\uc6d0<\/td>\ucd5c\uc2e0 \ube0c\ub77c\uc6b0\uc800\ub9cc \uc9c0\uc6d0<\/td><\/tr>
        \uc694\uccad \ucde8\uc18c<\/td>CancelToken \uc9c0\uc6d0<\/td>AbortController\ub85c \uc9c0\uc6d0<\/td><\/tr>
        \uc778\ud130\uc149\ud130<\/td>\uc9c0\uc6d0<\/td>\uc9c1\uc811 \uad6c\ud604\ud574\uc57c \ud568<\/td><\/tr>
        \ucd94\uac00 \uc6a9\ub7c9<\/td>\uc57d 29kb<\/td>\uc5c6\uc74c<\/td><\/tr>
        \uc0ac\uc6a9\uc131<\/td>\uac04\uacb0\ud558\uace0 \uc9c1\uad00\uc801<\/td>\uc57d\uac04\uc758 \ucd94\uac00 \ucf54\ub4dc \ud544\uc694<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
        <\/p>\n\n\n\n
        <\/div>\n\n\n\n
        \n\n\n\n
        5. \uad00\uc131\uc801\uc73c\ub85c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc120\ud0dd\ud558\ub294 \uac83\uc740 \uc798\ubabb\ub41c \ubc29\ubc95<\/h3>\n\n\n\n
        6.1 \uad00\uc131\uc801 \uc120\ud0dd\uc758 \ubb38\uc81c\uc810<\/h5>\n\n\n\n
        \ub9ce\uc740 \uac1c\ubc1c\uc790\ub4e4\uc774 “Axios\ub294 React \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ud544\uc218”\ub77c\ub294 \uc0dd\uac01\uc73c\ub85c \uad00\uc131\uc801\uc73c\ub85c Axios\ub97c \uc124\uce58\ud558\uace0 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc774\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ubb38\uc81c\ub97c \uc57c\uae30\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n\n\n\n
        • \ubd88\ud544\uc694\ud55c \uc758\uc874\uc131 \ucd94\uac00<\/strong>: Fetch API\ub85c \ucda9\ubd84\ud788 \ud574\uacb0\ud560 \uc218 \uc788\ub294 \uc791\uc5c5\uc5d0 \uad73\uc774 Axios\ub97c \ucd94\uac00\ud558\uba74 \ud504\ub85c\uc81d\ud2b8\uc758 \ubcf5\uc7a1\uc131\uacfc \uc6a9\ub7c9\uc774 \uc99d\uac00\ud569\ub2c8\ub2e4.<\/li>
        • \ucd5c\uc801\ud654 \uae30\ud68c \uc0c1\uc2e4<\/strong>: \uc131\ub2a5 \ucd5c\uc801\ud654\uac00 \uc911\uc694\ud55c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ubd88\ud544\uc694\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc740 \ucd5c\uc801\ud654 \uae30\ud68c\ub97c \ub193\uce58\ub294 \uacb0\uacfc\ub97c \ucd08\ub798\ud569\ub2c8\ub2e4.<\/li>
        • \uae30\uc220 \ubd80\ucc44<\/strong>: \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd94\uac00\ud558\uba74 \ud574\ub2f9 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc758 \uc5c5\ub370\uc774\ud2b8, \ubcf4\uc548 \ud328\uce58 \ub4f1\uc744 \uad00\ub9ac\ud574\uc57c \ud558\ub294 \ubd80\ub2f4\uc774 \uc0dd\uae41\ub2c8\ub2e4.<\/li><\/ul>\n\n\n\n
          6.2 \uc62c\ubc14\ub978 \uc120\ud0dd \uae30\uc900<\/h5>\n\n\n\n
          \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc120\ud0dd\ud560 \ub54c\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uae30\uc900\uc744 \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4:<\/p>\n\n\n\n
          1. \ud504\ub85c\uc81d\ud2b8 \uc694\uad6c\uc0ac\ud56d<\/strong> \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c Fetch API\ub85c \ucda9\ubd84\ud788 \ud574\uacb0\ud560 \uc218 \uc788\ub2e4\uba74, \uad73\uc774 Axios\ub97c \ucd94\uac00\ud560 \ud544\uc694\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>
          2. \uc131\ub2a5 \ucd5c\uc801\ud654<\/strong> \uc131\ub2a5\uc774 \uc911\uc694\ud55c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 \ucd94\uac00 \uc6a9\ub7c9\uc744 \ucd5c\uc18c\ud654\ud558\uae30 \uc704\ud574 \uae30\ubcf8 API\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/li>
          3. \uc720\uc9c0\ubcf4\uc218\uc131<\/strong> \uc758\uc874\uc131\uc744 \uc904\uc774\uba74 \uc720\uc9c0\ubcf4\uc218\uc640 \ubcf4\uc548 \uad00\ub9ac\uac00 \ub354 \uc26c\uc6cc\uc9d1\ub2c8\ub2e4.<\/li>
          4. \ud300\uc758 \uae30\uc220 \uc2a4\ud0dd<\/strong> \ud300\uc6d0\ub4e4\uc774 Fetch API\uc5d0 \uc775\uc219\ud558\ub2e4\uba74, \uc0c8\ub85c\uc6b4 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ub3c4\uc785\ud558\ub294 \uac83\ubcf4\ub2e4 \uae30\ubcf8 API\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \ud6a8\uc728\uc801\uc785\ub2c8\ub2e4.<\/li><\/ol>\n\n\n\n
            <\/div>\n\n\n\n
            \n\n\n\n
            7. \ub9c8\ubb34\ub9ac<\/h3>\n\n\n\n
            Axios\ub294 \uc5ec\uc804\ud788 \uac15\ub825\ud55c HTTP \ud074\ub77c\uc774\uc5b8\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc774\uba70, \ud2b9\uc815 \uc0c1\ud669\uc5d0\uc11c\ub294 Fetch API\ubcf4\ub2e4 \ub354 \ud3b8\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, “\ud56d\uc0c1 Axios\ub97c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4”\ub294 \uace0\uc815\uad00\ub150\uc740 \ubc84\ub824\uc57c \ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8\uc758 \uc694\uad6c\uc0ac\ud56d\uacfc \ud658\uacbd\uc5d0 \ub530\ub77c Fetch API\ub9cc\uc73c\ub85c \ucda9\ubd84\ud55c\uc9c0, \uc544\ub2c8\uba74 Axios\uac00 \ud544\uc694\ud55c\uc9c0\ub97c \uc2e0\uc911\ud788 \ud310\ub2e8\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
            \uc694\uc57d<\/h4>\n\n\n\n
            • Axios\ub294 \uac15\ub825\ud558\uc9c0\ub9cc, \uc6a9\ub7c9\uacfc \uc758\uc874\uc131 \uce21\uba74\uc5d0\uc11c \ubd80\ub2f4\uc774 \ub420 \uc218 \uc788\ub2e4.<\/strong><\/li>
            • Fetch API\ub294 \ucd5c\uc2e0 \ube0c\ub77c\uc6b0\uc800 \ud658\uacbd\uc5d0\uc11c \ucda9\ubd84\ud788 \uac15\ub825\ud558\uba70, \uc758\uc874\uc131\uc744 \uc904\uc77c \uc218 \uc788\ub2e4.<\/strong><\/li>
            • \ub77c\uc774\ube0c\ub7ec\ub9ac \uc120\ud0dd\uc740 \uad00\uc131\uc801\uc73c\ub85c \ud558\uc9c0 \ub9d0\uace0, \ud504\ub85c\uc81d\ud2b8 \uc694\uad6c\uc0ac\ud56d\uc5d0 \ub530\ub77c \uc2e0\uc911\ud788 \uacb0\uc815\ud574\uc57c \ud55c\ub2e4.<\/strong><\/li><\/ul>\n\n\n\n
              <\/div>\n\n\n\n
              \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
              \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc5d0\uc11c \uc11c\ubc84\uc640 \ub370\uc774\ud130\ub97c \uc8fc\uace0\ubc1b\ub294 \uc791\uc5c5\uc740 \ud544\uc218\uc801\uc785\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 \uac00\uc7a5 \ub9ce\uc774 \uc0ac\uc6a9\ub418\ub294 \ub3c4\uad6c \uc911 \ud558\ub098\uac00 Axios\uc785\ub2c8\ub2e4. \ud55c\ub54c React \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc0ac\uc2e4\uc0c1\uc758 \ud45c\uc900\uc73c\ub85c \uc790\ub9ac \uc7a1\uc558\ub358 Axios\ub294 \uc5ec\uc804\ud788 \uac15\ub825\ud55c HTTP \ud074\ub77c\uc774\uc5b8\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub85c \ub110\ub9ac \uc0ac\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ucd5c\uadfc\uc5d0\ub294 Axios\uc758 \uc6a9\ub7c9 \ubd80\ub2f4\uacfc Fetch API\uc758 \ubc1c\uc804\uc73c\ub85c \uc778\ud574 Fetch API\ub9cc \uc0ac\uc6a9\ud558\ub294 \ud504\ub85c\uc81d\ud2b8\ub3c4 \ub298\uc5b4\ub098\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c\ub294 Axios\uc640 Fetch API\ub97c \ube44\uad50\ud558\uba70, \uac01\uac01\uc758 \ud2b9\uc9d5, […]<\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false},"categories":[3],"tags":[70,71,60,59,55],"_links":{"self":[{"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=\/wp\/v2\/posts\/681"}],"collection":[{"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=681"}],"version-history":[{"count":3,"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=\/wp\/v2\/posts\/681\/revisions"}],"predecessor-version":[{"id":700,"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=\/wp\/v2\/posts\/681\/revisions\/700"}],"wp:attachment":[{"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.anchors-biz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}