{"id":380,"date":"2026-06-26T13:34:59","date_gmt":"2026-06-26T13:34:59","guid":{"rendered":"https:\/\/aabbee.cafe24.com\/?p=380"},"modified":"2026-06-26T14:02:46","modified_gmt":"2026-06-26T14:02:46","slug":"promise-thencatch","status":"publish","type":"post","link":"https:\/\/coalacoding.com\/?p=380","title":{"rendered":"promise-thencatch"},"content":{"rendered":"
\n

Info<\/strong>: Promise : javascript\uc758 \ube44\ub3d9\uae30 \ucc98\ub9ac\ub97c \uc9c0\uc6d0\ud558\ub294 \uac1d\uccb4 \uc911 \ud558\ub098<\/a><\/p>\n<\/blockquote>\n

\n
    \n
  1. Promise \uac1d\uccb4\ub294 then\uacfc catch \uba54\uc11c\ub4dc\ub97c \uac00\uc9c0\uace0 \uc788\ub2e4.
    \n1. then (\ucf5c\ubc31) \ub294 \ud1b5\uc2e0\uc131\uacf5\uc2dc \uacb0\uacfc\uac12 \ubc18\ud658
    \n1. catch (\ucf5c\ubc31) \ub294 \ud1b5\uc2e0\uc5d0\ub7ec\uc2dc \uacb0\uacfc\uac12 \ubc18\ud658<\/li>\n<\/ol>\n
    \n

    \u2611 promise \uac1d\uccb4\ub97c \ubc18\ud658\ud558\ub294 \ub300\ud45c\uc801\uc778 \ud568\uc218 fetch<\/code><\/strong><\/strong> \ub97c \uc54c\uc544\ubcf4\uc790<\/strong><\/p>\n

    \n

    Info<\/strong>: \ud83d\udce2 Fetch API \uae30\ubcf8\uc608\uc81c<\/strong><\/p>\n<\/blockquote>\n

    \n

    \ud83d\udd17mdn \ubb38\uc11c\ub97c \uc77d\uc5b4\ubcf4\uc790<\/a><\/p>\n

    \"\"<\/p>\n

    \ud83d\udd17\ubb38\ubc95\uc744 \ubcf4\uc790<\/a>
    \n \ud83d\udd17    \ub9ac\ud134\ub418\ub294 \uac12\uc744 \ubcf4\uc790<\/a><\/p>\n

    \n

    \u270f\ufe0f\uc2e4\uc2b5 1 <\/strong><\/p>\n

    var fetched=fetch('https:\/\/jsonplaceholder.typicode.com\/photos');\nconsole.log(`fetched, ${fetched}`)\n<\/code><\/pre>\n
    \"\ud504\ub85c\ubbf8\uc2a4\uac00<\/p>\n
      (\u261e\uff9f\u30ee\uff9f)\u261e \ub9e4\uc6b0\uc911\uc694<\/strong>  promise \ub294 \ube44\ub3d9\uae30\ub85c \ub3d9\uc791\ud558\ub294 \uac1d\uccb4\uc774\uba70 then \uacfc catch \ub97c \ud3ec\ud568\ud558\uace0 \uc788\ub2e4<\/strong>
    \n  (\u261e\uff9f\u30ee\uff9f)\u261e \ub9e4\uc6b0\uc911\uc694   <\/strong>then \uacfc catch\ub294 \ucf5c\ubc31\ud568\uc218!<\/strong><\/p>\n
      \u270f\ufe0f\uc2e4\uc2b5 2<\/strong>
    \n  then\uc740 fatch \ud1b5\uc2e0\uc774 \uc131\uacf5\uc2dc \ubc18\ud658\ub418\uba70, catch\ub294 \uc624\ub958\uc2dc \ubc18\ud658\ub41c\ub2e4<\/p>\n
    var fetched=fetch('https:\/\/jsonplaceholder.typicode.com\/photos');\nconsole.log(`fetched, ${fetched}`)\n\tfetched.then((result)=>{console.log('\uc131\uacf5',result)})\n\tfetched.catch((reason)=>{console.log('\uc2e4\ud328',reason)})\n<\/code><\/pre>\n
    \"\"<\/p>\n

    \n![http \ud1b5\uc2e0\uc758 \uc751\ub2f5\uacb0\uacfc \ud655\uc778\ub428](https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/04-12.png)<\/p>\n
    \"catch
    \n<\/Accordion><\/p>\n
      \u270f\ufe0f\uc2e4\uc2b5 3<\/strong>
    \n  fetched \uc0dd\ub7b5<\/p>\n
    https:\/\/38296b07-33cb-460f-80bc-e30368fe0bd9.mock.pstmn.io\/products"\nfetch("https:\/\/jsonplaceholder.typicode.com\/user")\n    .then((result) => {\n      console.log("\uc131\uacf5", result);\n    })\n    .catch((reson) => {\n      console.log("\uc2e4\ud328", reson);\n    });\n<\/code><\/pre>\n
      \ud83d\udce2 fetch \ud568\uc218\uc758 \ubb38\ubc95\uacfc \ub9ac\ud134\uac12\uc758 \uc54c\uc544\ubcf4\uc558\ub2e4. \ubc18\ud658\ub41c \ub370\uc774\ud130\ub97c \ub2e4\ub904\ubcf4\uc790<\/strong><\/p>\n
    \n
    Info<\/strong>: \ud83d\udc41\ufe0f\u200d\ud83d\udde8\ufe0f https:\/\/jsonplaceholder.typicode.com\/photos<\/a>
    \n\uc11c\ubc84\uc5d0 \uc800\uc7a5\ub41c \uc815\ubcf4\ub294 \uc77c\ubc18 \ud14d\uc2a4\ud2b8 \ud615\ud0dc\ub85c
    \n\uc6f9\ud398\uc774\uc9c0\uc5d0 \ucd9c\ub825 \uc2dc\ud0a4\ub824\uba74 \uc6f9\uc5d0\uc11c \uac00\uacf5\ud560\uc218 \uc788\ub294
    \n\uc5b8\uc5b4\ub85c \ubcc0\uacbd\ud574\uc57c \ud55c\ub2e4.<\/p>\n<\/blockquote>\n
    \ud83d\udd17MDN\ubb38\uc11c\uac00\uae30<\/a>\u21d2 \uacf5\uc2dd\ubb38\uc11c\uc758 \uc608\uc81c \ud65c\uc6a9
    \n\u270f\ufe0f\uc2e4\uc2b5\uc608\uc81c<\/strong><\/p>\n
    fetch('https:\/\/jsonplaceholder.typicode.com\/photos')\n  .then((response) => response.json())\n  .then((data) => console.log(data));\n<\/code><\/pre>\n
    \ud83d\udd17\ucd94\uac00\uc608\uc81c\ud398\uc774\uc9c0<\/a><\/p>\n
    \n
     \uc815\ub9ac<\/strong><\/p>\n<\/blockquote>\n