{"id":50732,"date":"2024-08-10T14:27:11","date_gmt":"2024-08-10T05:27:11","guid":{"rendered":"https:\/\/m9js.shop\/blog\/development\/chaining-pattern-for-dynamic-processing-and-optimization-of-network-requests"},"modified":"2024-08-10T14:27:11","modified_gmt":"2024-08-10T05:27:11","slug":"chaining-pattern-for-dynamic-processing-and-optimization-of-network-requests","status":"publish","type":"post","link":"https:\/\/m9js.shop\/blog\/development\/chaining-pattern-for-dynamic-processing-and-optimization-of-network-requests","title":{"rendered":"\ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \ub3d9\uc801 \ucc98\ub9ac\uc640 \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uccb4\uc774\ub2dd \ud328\ud134"},"content":{"rendered":"<ul class=\"toc_post_list\">\n<li>\n<h2>\ubaa9\ucc28<\/h2>\n<ul>\n<li><a href=\"#%eb%84%a4%ed%8a%b8%ec%9b%8c%ed%81%ac-%ec%9a%94%ec%b2%ad%ec%9d%98-%eb%8f%99%ec%a0%81-%ec%b2%98%eb%a6%ac%ec%99%80-%ec%b5%9c%ec%a0%81%ed%99%94%eb%a5%bc-%ec%9c%84%ed%95%9c-%ec%b2%b4%ec%9d%b4%eb%8b%9d-ZcWSlkUFiY\">\ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \ub3d9\uc801 \ucc98\ub9ac\uc640 \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uccb4\uc774\ub2dd \ud328\ud134<\/a><\/li>\n<li><a href=\"#1-%eb%84%a4%ed%8a%b8%ec%9b%8c%ed%81%ac-%ec%9a%94%ec%b2%ad%ec%9d%98-%ec%9d%b4%ed%95%b4-ZcWSlkUFiY\">1. \ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \uc774\ud574<\/a><\/li>\n<li><a href=\"#2-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ea%b0%9c%eb%85%90-ZcWSlkUFiY\">2. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \uac1c\ub150<\/a><\/li>\n<li><a href=\"#3-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ea%b5%ac%ed%98%84-ZcWSlkUFiY\">3. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \uad6c\ud604<\/a><\/li>\n<li><a href=\"#4-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ec%b5%9c%ec%a0%81%ed%99%94-ZcWSlkUFiY\">4. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \ucd5c\uc801\ud654<\/a><\/li>\n<li><a href=\"#5-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ec%98%a4%eb%a5%98-%ec%b2%98%eb%a6%ac-ZcWSlkUFiY\">5. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \uc624\ub958 \ucc98\ub9ac<\/a><\/li>\n<li><a href=\"#6-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ea%b3%bc-async-await-ZcWSlkUFiY\">6. \uccb4\uc774\ub2dd \ud328\ud134\uacfc async\/await<\/a><\/li>\n<li><a href=\"#7-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ec%8b%a4%ec%a0%9c-%ec%82%ac%eb%a1%80-ZcWSlkUFiY\">7. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \uc2e4\uc81c \uc0ac\ub840<\/a><\/li>\n<li><a href=\"#8-%ea%b2%b0%eb%a1%a0-%eb%b0%8f-%ed%96%a5%ed%9b%84-%ec%a0%84%eb%a7%9d-ZcWSlkUFiY\">8. \uacb0\ub860 \ubc0f \ud5a5\ud6c4 \uc804\ub9dd<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h1 id=\"%eb%84%a4%ed%8a%b8%ec%9b%8c%ed%81%ac-%ec%9a%94%ec%b2%ad%ec%9d%98-%eb%8f%99%ec%a0%81-%ec%b2%98%eb%a6%ac%ec%99%80-%ec%b5%9c%ec%a0%81%ed%99%94%eb%a5%bc-%ec%9c%84%ed%95%9c-%ec%b2%b4%ec%9d%b4%eb%8b%9d-ZcWSlkUFiY\">\ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \ub3d9\uc801 \ucc98\ub9ac\uc640 \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uccb4\uc774\ub2dd \ud328\ud134<\/h1>\n<p>\ud604\ub300 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uadf9\ub300\ud654\ud558\uae30 \uc704\ud574 \ub2e4\uc591\ud55c \ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc744 \ub3d9\uc801\uc73c\ub85c \ucc98\ub9ac\ud574\uc57c \ud569\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc694\uccad\ub4e4\uc740 \uc885\uc885 \uc11c\ub85c \uc758\uc874\uc801\uc774\uba70, \uc774\ub97c \ud6a8\uc728\uc801\uc73c\ub85c \uad00\ub9ac\ud558\uae30 \uc704\ud574 \uccb4\uc774\ub2dd \ud328\ud134\uc774 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \ubcf8 \uae00\uc5d0\uc11c\ub294 \ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \ub3d9\uc801 \ucc98\ub9ac\uc640 \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uccb4\uc774\ub2dd \ud328\ud134\uc5d0 \ub300\ud574 \uae4a\uc774 \uc788\ub294 \ubd84\uc11d\uc744 \uc81c\uacf5\ud558\uace0, \uc774\ub97c \ud1b5\ud574 \ub3c5\uc790\ub4e4\uc774 \uc774 \uc8fc\uc81c\ub97c \uc774\ud574\ud558\uace0 \ud65c\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 id=\"1-%eb%84%a4%ed%8a%b8%ec%9b%8c%ed%81%ac-%ec%9a%94%ec%b2%ad%ec%9d%98-%ec%9d%b4%ed%95%b4-ZcWSlkUFiY\">1. \ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \uc774\ud574<\/h2>\n<p>\ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc740 \ud074\ub77c\uc774\uc5b8\ud2b8\uc640 \uc11c\ubc84 \uac04\uc758 \ub370\uc774\ud130 \uc804\uc1a1\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4. \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc774\ub7ec\ud55c \uc694\uccad\uc740 \uc8fc\ub85c API\ub97c \ud1b5\ud574 \uc774\ub8e8\uc5b4\uc9c0\uba70, \uc0ac\uc6a9\uc790\uac00 \uc6f9 \ud398\uc774\uc9c0\ub97c \ub85c\ub4dc\ud560 \ub54c\ub9c8\ub2e4 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc740 \ub2e4\uc74c\uacfc \uac19\uc740 \uc5ec\ub7ec \uc694\uc18c\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4:<\/p>\n<ul>\n<li>\uc694\uccad \uba54\uc11c\ub4dc: GET, POST, PUT, DELETE \ub4f1<\/li>\n<li>URL: \uc694\uccad\uc744 \ubcf4\ub0bc \uc11c\ubc84\uc758 \uc8fc\uc18c<\/li>\n<li>\ud5e4\ub354: \uc694\uccad\uc5d0 \ub300\ud55c \uba54\ud0c0\ub370\uc774\ud130<\/li>\n<li>\ubcf8\ubb38: POST \uc694\uccad \uc2dc \uc804\uc1a1\ub418\ub294 \ub370\uc774\ud130<\/li>\n<\/ul>\n<p>\uc774\ub7ec\ud55c \uc694\uccad\ub4e4\uc740 \ube44\ub3d9\uae30\uc801\uc73c\ub85c \ucc98\ub9ac\ub418\uba70, \uc774\ub294 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub294 \ub370 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc5ec\ub7ec \uc694\uccad\uc774 \ub3d9\uc2dc\uc5d0 \ubc1c\uc0dd\ud560 \uacbd\uc6b0, \uc774\ub97c \uad00\ub9ac\ud558\ub294 \uac83\uc774 \ubcf5\uc7a1\ud574\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \uccb4\uc774\ub2dd \ud328\ud134\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n<h2 id=\"2-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ea%b0%9c%eb%85%90-ZcWSlkUFiY\">2. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \uac1c\ub150<\/h2>\n<p>\uccb4\uc774\ub2dd \ud328\ud134\uc740 \uc5ec\ub7ec \uac1c\uc758 \ube44\ub3d9\uae30 \uc791\uc5c5\uc744 \uc21c\ucc28\uc801\uc73c\ub85c \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4. \uc774 \ud328\ud134\uc740 \uac01 \uc791\uc5c5\uc774 \uc644\ub8cc\ub41c \ud6c4 \ub2e4\uc74c \uc791\uc5c5\uc744 \uc2e4\ud589\ud558\ub3c4\ub85d \uc124\uacc4\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ucf54\ub4dc\uc758 \uac00\ub3c5\uc131\uc744 \ub192\uc774\uace0, \uc624\ub958 \ucc98\ub9ac\ub97c \uc6a9\uc774\ud558\uac8c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uccb4\uc774\ub2dd \ud328\ud134\uc758 \uc8fc\uc694 \uc7a5\uc810\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n<ul>\n<li>\ucf54\ub4dc\uc758 \uac00\ub3c5\uc131 \ud5a5\uc0c1<\/li>\n<li>\ube44\ub3d9\uae30 \uc791\uc5c5\uc758 \uc21c\ucc28\uc801 \ucc98\ub9ac<\/li>\n<li>\uc624\ub958 \ucc98\ub9ac\uc758 \uc6a9\uc774\uc131<\/li>\n<\/ul>\n<p>\uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790\uac00 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc785\ub825\ud558\uace0 \uc81c\ucd9c\ud560 \ub54c, \uc774 \ub370\uc774\ud130\uac00 \uc11c\ubc84\ub85c \uc804\uc1a1\ub418\uace0, \uc11c\ubc84\uc5d0\uc11c \ucc98\ub9ac\ub41c \ud6c4 \uacb0\uacfc\uac00 \ub2e4\uc2dc \ud074\ub77c\uc774\uc5b8\ud2b8\ub85c \uc804\uc1a1\ub418\ub294 \uacfc\uc815\uc744 \uccb4\uc774\ub2dd \ud328\ud134\uc73c\ub85c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 id=\"3-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ea%b5%ac%ed%98%84-ZcWSlkUFiY\">3. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \uad6c\ud604<\/h2>\n<p>\uccb4\uc774\ub2dd \ud328\ud134\uc740 JavaScript\uc758 Promise \uac1d\uccb4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Promise\ub294 \ube44\ub3d9\uae30 \uc791\uc5c5\uc758 \uc644\ub8cc \ub610\ub294 \uc2e4\ud328\ub97c \ub098\ud0c0\ub0b4\ub294 \uac1d\uccb4\ub85c, \uccb4\uc774\ub2dd\uc744 \ud1b5\ud574 \uc5ec\ub7ec \uc791\uc5c5\uc744 \uc21c\ucc28\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre><code>\nfunction fetchData(url) {\n    return new Promise((resolve, reject) =&gt; {\n        fetch(url)\n            .then(response =&gt; {\n                if (!response.ok) {\n                    throw new Error('Network response was not ok');\n                }\n                return response.json();\n            })\n            .then(data =&gt; resolve(data))\n            .catch(error =&gt; reject(error));\n    });\n}\n\nfetchData('https:\/\/api.example.com\/data')\n    .then(data =&gt; {\n        console.log('Data received:', data);\n        return fetchData('https:\/\/api.example.com\/next-data');\n    })\n    .then(nextData =&gt; {\n        console.log('Next data received:', nextData);\n    })\n    .catch(error =&gt; {\n        console.error('Error fetching data:', error);\n    });\n<\/code><\/pre>\n<p>\uc704\uc758 \uc608\uc81c\uc5d0\uc11c fetchData \ud568\uc218\ub294 URL\uc744 \uc778\uc790\ub85c \ubc1b\uc544 \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\ub294 Promise\ub97c \ubc18\ud658\ud569\ub2c8\ub2e4. \uc774 Promise\ub294 \ub370\uc774\ud130\ub97c \uc131\uacf5\uc801\uc73c\ub85c \uac00\uc838\uc624\uba74 resolve\ub97c \ud638\ucd9c\ud558\uace0, \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uba74 reject\ub97c \ud638\ucd9c\ud569\ub2c8\ub2e4. \uccb4\uc774\ub2dd\uc744 \ud1b5\ud574 \uccab \ubc88\uc9f8 \ub370\uc774\ud130\uac00 \uc131\uacf5\uc801\uc73c\ub85c \ub85c\ub4dc\ub41c \ud6c4 \ub450 \ubc88\uc9f8 \ub370\uc774\ud130\ub97c \uc694\uccad\ud569\ub2c8\ub2e4.<\/p>\n<h2 id=\"4-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ec%b5%9c%ec%a0%81%ed%99%94-ZcWSlkUFiY\">4. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \ucd5c\uc801\ud654<\/h2>\n<p>\uccb4\uc774\ub2dd \ud328\ud134\uc744 \uc0ac\uc6a9\ud560 \ub54c \uc131\ub2a5\uc744 \ucd5c\uc801\ud654\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \uc5ec\ub7ec \uc694\uccad\uc744 \ub3d9\uc2dc\uc5d0 \ucc98\ub9ac\ud574\uc57c \ud560 \uacbd\uc6b0, Promise.all() \uba54\uc11c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubcd1\ub82c\ub85c \uc694\uccad\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc804\uccb4 \uc694\uccad \uc2dc\uac04\uc744 \ub2e8\ucd95\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre><code>\nPromise.all([\n    fetchData('https:\/\/api.example.com\/data1'),\n    fetchData('https:\/\/api.example.com\/data2'),\n    fetchData('https:\/\/api.example.com\/data3')\n])\n.then(results =&gt; {\n    console.log('All data received:', results);\n})\n.catch(error =&gt; {\n    console.error('Error fetching data:', error);\n});\n<\/code><\/pre>\n<p>\uc704\uc758 \uc608\uc81c\uc5d0\uc11c\ub294 \uc138 \uac1c\uc758 \ub370\uc774\ud130\ub97c \ub3d9\uc2dc\uc5d0 \uc694\uccad\ud558\uace0, \ubaa8\ub4e0 \uc694\uccad\uc774 \uc644\ub8cc\ub418\uba74 \uacb0\uacfc\ub97c \ucc98\ub9ac\ud569\ub2c8\ub2e4. \uc774\ub807\uac8c \ud558\uba74 \uac01 \uc694\uccad\uc774 \ub3c5\ub9bd\uc801\uc73c\ub85c \uc2e4\ud589\ub418\ubbc0\ub85c \uc804\uccb4 \ucc98\ub9ac \uc2dc\uac04\uc774 \uc904\uc5b4\ub4ed\ub2c8\ub2e4.<\/p>\n<h2 id=\"5-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ec%98%a4%eb%a5%98-%ec%b2%98%eb%a6%ac-ZcWSlkUFiY\">5. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \uc624\ub958 \ucc98\ub9ac<\/h2>\n<p>\ube44\ub3d9\uae30 \uc791\uc5c5\uc5d0\uc11c \uc624\ub958\ub294 \ubd88\uac00\ud53c\ud558\uac8c \ubc1c\uc0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uccb4\uc774\ub2dd \ud328\ud134\uc5d0\uc11c\ub294 \uac01 \ub2e8\uacc4\uc5d0\uc11c \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \uc624\ub958\ub97c \uc801\uc808\ud788 \ucc98\ub9ac\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. Promise\uc758 catch \uba54\uc11c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc624\ub958\ub97c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc608\ub97c \ub4e4\uc5b4, \ub2e4\uc74c\uacfc \uac19\uc774 \uac01 \ub2e8\uacc4\uc5d0\uc11c \uc624\ub958\ub97c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<pre><code>\nfetchData('https:\/\/api.example.com\/data')\n    .then(data =&gt; {\n        console.log('Data received:', data);\n        return fetchData('https:\/\/api.example.com\/next-data');\n    })\n    .then(nextData =&gt; {\n        console.log('Next data received:', nextData);\n    })\n    .catch(error =&gt; {\n        console.error('Error occurred:', error);\n    });\n<\/code><\/pre>\n<p>\uc704\uc758 \ucf54\ub4dc\uc5d0\uc11c \uccab \ubc88\uc9f8 fetchData \ud638\ucd9c\uc5d0\uc11c \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uba74 catch \ube14\ub85d\uc73c\ub85c \ub118\uc5b4\uac00 \uc624\ub958\ub97c \ucc98\ub9ac\ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc548\uc815\uc131\uc744 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 id=\"6-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ea%b3%bc-async-await-ZcWSlkUFiY\">6. \uccb4\uc774\ub2dd \ud328\ud134\uacfc async\/await<\/h2>\n<p>ES2017\ubd80\ud130 \ub3c4\uc785\ub41c async\/await \uad6c\ubb38\uc740 \ube44\ub3d9\uae30 \ucf54\ub4dc\ub97c \ub354 \uac04\uacb0\ud558\uace0 \uc77d\uae30 \uc27d\uac8c \ub9cc\ub4e4\uc5b4 \uc90d\ub2c8\ub2e4. async \ud568\uc218\ub294 \ud56d\uc0c1 Promise\ub97c \ubc18\ud658\ud558\uba70, await \ud0a4\uc6cc\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec Promise\uac00 \ud574\uacb0\ub420 \ub54c\uae4c\uc9c0 \uae30\ub2e4\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre><code>\nasync function fetchAllData() {\n    try {\n        const data = await fetchData('https:\/\/api.example.com\/data');\n        console.log('Data received:', data);\n        \n        const nextData = await fetchData('https:\/\/api.example.com\/next-data');\n        console.log('Next data received:', nextData);\n    } catch (error) {\n        console.error('Error fetching data:', error);\n    }\n}\n\nfetchAllData();\n<\/code><\/pre>\n<p>\uc704\uc758 \uc608\uc81c\uc5d0\uc11c async\/await \uad6c\ubb38\uc744 \uc0ac\uc6a9\ud558\uc5ec \ucf54\ub4dc\ub97c \ub354 \uc9c1\uad00\uc801\uc73c\ub85c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac01 \uc694\uccad\uc740 \uc21c\ucc28\uc801\uc73c\ub85c \uc2e4\ud589\ub418\uba70, \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uba74 catch \ube14\ub85d\uc5d0\uc11c \ucc98\ub9ac\ub429\ub2c8\ub2e4.<\/p>\n<h2 id=\"7-%ec%b2%b4%ec%9d%b4%eb%8b%9d-%ed%8c%a8%ed%84%b4%ec%9d%98-%ec%8b%a4%ec%a0%9c-%ec%82%ac%eb%a1%80-ZcWSlkUFiY\">7. \uccb4\uc774\ub2dd \ud328\ud134\uc758 \uc2e4\uc81c \uc0ac\ub840<\/h2>\n<p>\uccb4\uc774\ub2dd \ud328\ud134\uc740 \ub2e4\uc591\ud55c \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \ud65c\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc18c\uc15c \ubbf8\ub514\uc5b4 \ud50c\ub7ab\ud3fc\uc5d0\uc11c\ub294 \uc0ac\uc6a9\uc790\uac00 \uac8c\uc2dc\ubb3c\uc744 \uc791\uc131\ud560 \ub54c \uc5ec\ub7ec API \ud638\ucd9c\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \uac8c\uc2dc\ubb3c\uc744 \uc791\uc131\ud558\uba74, \ud574\ub2f9 \uac8c\uc2dc\ubb3c \ub370\uc774\ud130\uac00 \uc11c\ubc84\ub85c \uc804\uc1a1\ub418\uace0, \uc11c\ubc84\ub294 \uc774\ub97c \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0 \uc800\uc7a5\ud55c \ud6c4, \uad00\ub828\ub41c \uc0ac\uc6a9\uc790 \ud53c\ub4dc\ub97c \uc5c5\ub370\uc774\ud2b8\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub7ec\ud55c \uacfc\uc815\uc740 \uccb4\uc774\ub2dd \ud328\ud134\uc744 \ud1b5\ud574 \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\ud604\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<pre><code>\nasync function createPost(postData) {\n    try {\n        const response = await fetch('https:\/\/api.example.com\/create-post', {\n            method: 'POST',\n            body: JSON.stringify(postData),\n            headers: { 'Content-Type': 'application\/json' }\n        });\n        \n        const result = await response.json();\n        console.log('Post created:', result);\n        \n        const feedUpdate = await fetch('https:\/\/api.example.com\/update-feed');\n        console.log('Feed updated:', feedUpdate);\n    } catch (error) {\n        console.error('Error creating post:', error);\n    }\n}\n\ncreatePost({ title: 'New Post', content: 'This is a new post.' });\n<\/code><\/pre>\n<p>\uc704\uc758 \uc608\uc81c\uc5d0\uc11c\ub294 \uac8c\uc2dc\ubb3c\uc744 \uc0dd\uc131\ud55c \ud6c4 \ud53c\ub4dc\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\ub294 \uacfc\uc815\uc744 \uccb4\uc774\ub2dd \ud328\ud134\uc73c\ub85c \uad6c\ud604\ud558\uc600\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ucf54\ub4dc\uc758 \uac00\ub3c5\uc131\uc744 \ub192\uc774\uace0, \uac01 \ub2e8\uacc4\uc5d0\uc11c \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \uc624\ub958\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 id=\"8-%ea%b2%b0%eb%a1%a0-%eb%b0%8f-%ed%96%a5%ed%9b%84-%ec%a0%84%eb%a7%9d-ZcWSlkUFiY\">8. \uacb0\ub860 \ubc0f \ud5a5\ud6c4 \uc804\ub9dd<\/h2>\n<p>\ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \ub3d9\uc801 \ucc98\ub9ac\uc640 \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uccb4\uc774\ub2dd \ud328\ud134\uc740 \ud604\ub300 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0\uc11c \ud544\uc218\uc801\uc778 \uae30\uc220\uc785\ub2c8\ub2e4. \uc774 \ud328\ud134\uc744 \ud1b5\ud574 \ube44\ub3d9\uae30 \uc791\uc5c5\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uad00\ub9ac\ud558\uace0, \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c, async\/await \uad6c\ubb38\uc744 \ud65c\uc6a9\ud558\uba74 \ucf54\ub4dc\uc758 \uac00\ub3c5\uc131\uc744 \ub354\uc6b1 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc55e\uc73c\ub85c\ub3c4 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ubcf5\uc7a1\uc131\uc774 \uc99d\uac00\ud568\uc5d0 \ub530\ub77c \uccb4\uc774\ub2dd \ud328\ud134\uacfc \uac19\uc740 \uae30\uc220\uc758 \uc911\uc694\uc131\uc740 \ub354\uc6b1 \ucee4\uc9c8 \uac83\uc785\ub2c8\ub2e4. \uac1c\ubc1c\uc790\ub4e4\uc740 \uc774\ub7ec\ud55c \ud328\ud134\uc744 \uc774\ud574\ud558\uace0 \ud65c\uc6a9\ud568\uc73c\ub85c\uc368 \ub354 \ub098\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\uc744 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<p>\uacb0\ub860\uc801\uc73c\ub85c, \uccb4\uc774\ub2dd \ud328\ud134\uc740 \ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \ucc98\ub9ac\ud558\uace0 \ucd5c\uc801\ud654\ud558\ub294 \ub370 \uc788\uc5b4 \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uac1c\ubc1c\uc790\ub4e4\uc740 \ubcf5\uc7a1\ud55c \ube44\ub3d9\uae30 \uc791\uc5c5\uc744 \uac04\uacb0\ud558\uac8c \uad00\ub9ac\ud558\uace0, \uc548\uc815\uc801\uc778 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\ucd95\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ubaa9\ucc28 \ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \ub3d9\uc801 \ucc98\ub9ac\uc640 \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uccb4\uc774\ub2dd \ud328\ud134 1. \ub124\ud2b8\uc6cc\ud06c \uc694\uccad\uc758 \uc774\ud574 2. \uccb4\uc774\ub2dd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":33704,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1957],"tags":[2119],"class_list":["post-50732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","tag-api"],"acf":[],"_links":{"self":[{"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/posts\/50732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/comments?post=50732"}],"version-history":[{"count":0,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/posts\/50732\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/media\/33704"}],"wp:attachment":[{"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/media?parent=50732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/categories?post=50732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/tags?post=50732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}