{"id":862,"date":"2023-06-19T12:36:10","date_gmt":"2023-06-19T03:36:10","guid":{"rendered":"https:\/\/nangchang.nes.or.kr\/?p=862"},"modified":"2023-06-27T17:25:44","modified_gmt":"2023-06-27T08:25:44","slug":"react-native-axios-%eb%a1%9c-json-image-multipart-%eb%8d%b0%ec%9d%b4%ed%84%b0-%ec%a0%84%ec%86%a1%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/nangchang.nes.or.kr\/?p=862","title":{"rendered":"React native + axios \ub85c json + image multipart \ub370\uc774\ud130 \uc804\uc1a1\ud558\uae30"},"content":{"rendered":"\n<p>React native \uc5d0\uc11c \uc0ac\uc6a9\ub418\ub294 FormData \ub294 form-data \ubaa8\ub4c8\uacfc\ub294 \ubb54\uac00 \ub2e4\ub978\uc9c0, multipart\ub85c \uc804\uc1a1\ud560 \uacbd\uc6b0\uc5d0 \uac01 \ud30c\ud2b8\uc758 content-type \uc744 \uc9c0\uc815\ud560 \uc218 \uc5c6\uc5b4\uc11c \uc560\ub97c \uba39\uc5c8\ub2e4. (\ub514\ud3f4\ud2b8 application\/octect-stream \uc73c\ub85c \uc124\uc815\ub428)<\/p>\n\n\n\n<p>\uc774\ubbf8\uc9c0\ub294 uri \ud504\ub85c\ud37c\ud2f0\uc5d0 \ud30c\uc77c\uacbd\ub85c\ub97c type \ud504\ub85c\ud37c\ud2f0\uc5d0 \ud0c0\uc785\uc744 \uc9c0\uc815\ud574\uc11c \uac1d\uccb4\ub85c \ub118\uae30\uba74 \ub41c\ub2e4\ub294 \uac70\uae4c\uc9c0\ub294 \uc27d\uac8c \uc54c\uc544\ub0c8\ub294\ub370, JSON\uc740 \ub3c4\ud1b5 \ubc29\ubc95\uc744 \ucc3e\uc744 \uc218\uac00 \uc5c6\ub2e4.<\/p>\n\n\n\n<p>\uac70\uc758 \ud3ec\uae30\ud560\ub824\ub358 \ucc30\ub098&#8230; string \ud504\ub85c\ud37c\ud2f0\uc5d0 JSON\uc744 \ubb38\uc790\uc5f4\ub85c \ubcc0\ud658\ud558\uc5ec \ub118\uae30\uba74 \ub41c\ub2e4\ub294 \ub0b4\uc6a9\uc744 \ubc1c\uacac! \ud574\uacb0\ub418\uc5c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript line-numbers\">import axios from \"axios\";\n\nexprot const submitMultipart = (body: any) =&gt; {\n  const formData = new FormData();\n\n  formData.append(\"jsonData\", {\"string\": JSON.stringfy(body.jsonData, type: \"application\/json\"});\n  formData.appand(\"image\", {uri: body.imageUri, type: \"image\/jpeg\"});\n\n  const instance = axios.create();\n  return await instance({\n    url: \"\/post-data\",\n    method: \"post\",\n    data: formData,\n    headers: {\n      \"content-type: \"multipart\/form-data\"\n    }\n  });\n}<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow\">\n<p><code>\ucc38\uace0 : <a href=\"https:\/\/stackoverflow.com\/questions\/32441963\/how-to-use-formdata-in-react-native\">https:\/\/stackoverflow.com\/questions\/32441963\/how-to-use-formdata-in-react-native<\/a><\/code><\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>React native \uc5d0\uc11c \uc0ac\uc6a9\ub418\ub294 FormData \ub294 form-data \ubaa8\ub4c8\uacfc\ub294 \ubb54\uac00 \ub2e4\ub978\uc9c0, multipart\ub85c \uc804\uc1a1\ud560 \uacbd\uc6b0\uc5d0 \uac01 \ud30c\ud2b8\uc758 content-type \uc744 \uc9c0\uc815\ud560 \uc218 \uc5c6\uc5b4\uc11c \uc560\ub97c \uba39\uc5c8\ub2e4. (\ub514\ud3f4\ud2b8 application\/octect-stream \uc73c\ub85c \uc124\uc815\ub428) \uc774\ubbf8\uc9c0\ub294 uri \ud504\ub85c\ud37c\ud2f0\uc5d0 \ud30c\uc77c\uacbd\ub85c\ub97c type \ud504\ub85c\ud37c\ud2f0\uc5d0 \ud0c0\uc785\uc744 \uc9c0\uc815\ud574\uc11c \uac1d\uccb4\ub85c \ub118\uae30\uba74 \ub41c\ub2e4\ub294 \uac70\uae4c\uc9c0\ub294 \uc27d\uac8c \uc54c\uc544\ub0c8\ub294\ub370, JSON\uc740 \ub3c4\ud1b5 \ubc29\ubc95\uc744 \ucc3e\uc744 \uc218\uac00 \uc5c6\ub2e4. \uac70\uc758 \ud3ec\uae30\ud560\ub824\ub358 \ucc30\ub098&#8230; string \ud504\ub85c\ud37c\ud2f0\uc5d0 JSON\uc744 \ubb38\uc790\uc5f4\ub85c \ubcc0\ud658\ud558\uc5ec \ub118\uae30\uba74 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[77,79,78,76],"class_list":["post-862","post","type-post","status-publish","format-standard","hentry","category-pogramming","tag-axios","tag-form-data","tag-multipart","tag-react-native"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/posts\/862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=862"}],"version-history":[{"count":0,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/posts\/862\/revisions"}],"wp:attachment":[{"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}