{"id":6404,"date":"2026-05-28T23:52:59","date_gmt":"2026-05-28T14:52:59","guid":{"rendered":"https:\/\/secondlife.lol\/?p=6404"},"modified":"2026-05-28T23:53:00","modified_gmt":"2026-05-28T14:53:00","slug":"mobile-webapp-local-execution-netlify-deploy","status":"publish","type":"post","link":"https:\/\/secondlife.lol\/en\/mobile-webapp-local-execution-netlify-deploy\/","title":{"rendered":"\uc571 \uc2a4\ud1a0\uc5b4 \uc5c6\uc774 3\ubd84 \ub9cc\uc5d0! \ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9\ubd80\ud130 Netlify \ubc30\ud3ec\uae4c\uc9c0 \uc644\ubcbd \uac00\uc774\ub4dc"},"content":{"rendered":"<p class=\"wp-block-paragraph\">\uc548\ub155\ud558\uc138\uc694! \uc624\ub298\uc740 \ub9ce\uc740 \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790\ub4e4\uc774 \ud55c \ubc88\ucbe4 \uace0\ubbfc\ud574\ubcf4\uc558\uc744&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\uc5d0 \ub300\ud55c \uc2e4\uc81c \ud504\ub85c\uc81d\ud2b8 \uacbd\ud5d8\ub2f4\uacfc \uc644\ubcbd\ud55c \ud2b8\ub7ec\ube14\uc288\ud305 \uacfc\uc815\uc744 \uacf5\uc720\ud558\ub824\uace0 \ud569\ub2c8\ub2e4. \uc2dd\ub2f9 \ud604\uc7a5\uc774\ub098 \uc624\ud504\ub77c\uc778 \ub9e4\uc7a5\uc5d0\uc11c \ube60\ub974\uace0 \uac00\ubccd\uac8c \ub3d9\uc791\ud574\uc57c \ud558\ub294 \uc571\uc744 \ub9cc\ub4e4 \ub54c, \uc571 \uc2a4\ud1a0\uc5b4 \uc2ec\uc0ac\ub97c \uae30\ub2e4\ub9ac\uac70\ub098 \ubcf5\uc7a1\ud55c \ubc31\uc5d4\ub4dc \uc11c\ubc84\ub97c \uad6c\ucd95\ud558\ub294 \uac83\uc740 \ub108\ubb34 \uacfc\ud55c \uc791\uc5c5\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub54c \uac00\uc7a5 \ub9e4\ub825\uc801\uc778 \ub300\uc548\uc774 \ubc14\ub85c&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. \ud504\ub85c\uc81d\ud2b8\uc758 \uc2dc\uc791: \uc65c \ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9\uc778\uac00?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ucd5c\uadfc \uc9c4\ud589\ud55c \ud504\ub85c\uc81d\ud2b8\ub294 \uc624\ud504\ub77c\uc778 \uc2dd\ub2f9 \uacb0\uc81c \ub370\uc2a4\ud06c\uc5d0 \ub193\uc77c \ud0dc\ube14\ub9bf\uc6a9 &#8216;\uc704\ub85c\uc758 \ud55c\ub9c8\ub514&#8217; \uc571\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \uc694\uad6c\uc0ac\ud56d\uc740 \uc544\uc8fc \uba85\ud655\ud588\uc2b5\ub2c8\ub2e4. \uace0\uac1d\uc774 \uacb0\uc81c\ub97c \uc9c4\ud589\ud558\ub294 \uc9e7\uc740 \uc21c\uac04, \ud654\uba74\uc744 \ud0ed\ud558\uba74 \ub530\ub73b\ud55c \ubb38\uad6c\uc640 \ud568\uaed8 \uc74c\uc131(\uc74c\uc6d0)\uc774 \ub098\uc624\ub294 \ub2e8\uc21c\ud55c \uae30\ub2a5\uc774\uc5c8\uc8e0. \ud558\uc9c0\ub9cc \uc911\uc694\ud55c \uc81c\uc57d \uc870\uac74\uc774 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \uce74\uce74\uc624\ud1a1 \uacf5\uc720 \uae30\ub2a5 \uac19\uc740 \uc678\ubd80 \uc11c\ube44\uc2a4 \uc5f0\ub3d9\uc774 \ud544\uc694 \uc5c6\uc73c\uba70, \uc778\ud130\ub137 \uc5f0\uacb0\uc5d0 \ud06c\uac8c \uc758\uc874\ud558\uc9c0 \uc54a\ub294&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\uc774 \ubaa9\ud45c\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n<style>.kb-image6404_c476fe-16 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6404_c476fe-16\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/webapp_concept_design_v2_1779979290478-600x600.jpg\" alt=\"\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9 \uc6f9\uc571 \uc774\ubbf8\uc9c0\" class=\"kb-img wp-image-6405\" srcset=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/webapp_concept_design_v2_1779979290478-600x600.jpg 600w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/webapp_concept_design_v2_1779979290478-300x300.jpg 300w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/webapp_concept_design_v2_1779979290478-150x150.jpg 150w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/webapp_concept_design_v2_1779979290478-768x768.jpg 768w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/webapp_concept_design_v2_1779979290478-12x12.jpg 12w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/webapp_concept_design_v2_1779979290478.jpg 1024w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>\ub530\ub73b\ud558\uace0 \uba85\ub791\ud55c \ubd84\uc704\uae30\ub85c \ub514\uc790\uc778\ub41c \ud0dc\ube14\ub9bf \uae30\ubc18\uc758 \uc624\ud504\ub77c\uc778 \uc6f9\uc571 \ucf58\uc149\ud2b8<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\ucd08\uae30\uc5d0\ub294&nbsp;<code>index.html<\/code>,&nbsp;<code>style.css<\/code>,&nbsp;<code>app.js<\/code>\ub85c \ub098\ub204\uc5b4 \uac1c\ubc1c\uc744 \uc2dc\uc791\ud588\uc2b5\ub2c8\ub2e4. \ub85c\uceec PC \ud658\uacbd\uc5d0\uc11c\ub294 \ube0c\ub77c\uc6b0\uc800\ub85c&nbsp;<code>index.html<\/code>\uc744 \uc5f4\uba74 \uc544\uc8fc \uc798 \ub3d9\uc791\ud588\uc8e0. \uc5ec\uae30\uc11c&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\uc774 \uc544\uc8fc \uc27d\uac8c \ub2ec\uc131\ub420 \uac83\uc774\ub77c \ubbff\uc5c8\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ubaa8\ubc14\uc77c \uae30\uae30(\uc544\uc774\ud3f0, \uc548\ub4dc\ub85c\uc774\ub4dc \ud3f0\/\ud0dc\ube14\ub9bf)\ub85c \ub118\uc5b4\uac00\uba74\uc11c \uc804\ud600 \uc608\uc0c1\uce58 \ubabb\ud55c \uac70\ub300\ud55c \uc7a5\ubcbd\uc5d0 \ubd80\ub52a\ud788\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. \uccab \ubc88\uc9f8 \ub09c\uad00: \ubaa8\ubc14\uc77c \ud658\uacbd\uc758 \ubcf4\uc548 \uc815\ucc45\uacfc \uc624\ub514\uc624 \ucc28\ub2e8<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ud0dc\ube14\ub9bf\uc5d0\uc11c \uc571\uc744 \uad6c\ub3d9\ud558\uae30 \uc704\ud574 \ud30c\uc77c\uc744 \uc555\ucd95\ud558\uc5ec \uc548\ub4dc\ub85c\uc774\ub4dc \uae30\uae30\ub85c \ub118\uacbc\uc2b5\ub2c8\ub2e4. \ub85c\uceec \ud30c\uc77c \uc2dc\uc2a4\ud15c(<code>file:\/\/<\/code>&nbsp;\ud504\ub85c\ud1a0\ucf5c)\uc5d0\uc11c HTML\uc744 \uc5ec\ub294 \uac83\uc740 \uc131\uacf5\ud588\uc9c0\ub9cc, \ubc84\ud2bc\uc744 \ub20c\ub7ec\ub3c4 \uc18c\ub9ac\uac00 \ub098\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4.&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>&nbsp;\uc2dc \ub9cc\ub098\ub294 \uac00\uc7a5 \ub300\ud45c\uc801\uc778 \ubcf4\uc548 \uc815\ucc45 \uc774\uc288\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc548\ub4dc\ub85c\uc774\ub4dc \ud658\uacbd\uc5d0\uc11c\ub294&nbsp;<code>file:\/\/<\/code>&nbsp;\ud504\ub85c\ud1a0\ucf5c\uc5d0\uc11c&nbsp;<code>audio<\/code>&nbsp;\ud0dc\uadf8\uc758&nbsp;<code>src<\/code>\ub97c \ub3d9\uc801\uc73c\ub85c \ubcc0\uacbd\ud560 \ub54c \uba85\uc2dc\uc801\uc73c\ub85c&nbsp;<code>load()<\/code>&nbsp;\ud568\uc218\ub97c \ud638\ucd9c\ud574 \uc8fc\uc5b4\uc57c \ud588\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uc624\ub514\uc624 \uac1d\uccb4\uc758 \ucd08\uae30&nbsp;<code>preload<\/code>&nbsp;\uc18d\uc131\uc774 \ucc28\ub2e8\ub418\uc5b4 \uc788\uc5b4&nbsp;<code>preload=\"auto\"<\/code>&nbsp;\uc124\uc815\uacfc \uc0ac\uc6a9\uc790 \uc0c1\ud638\uc791\uc6a9(\ud130\uce58 \uc774\ubca4\ud2b8) \uc2dc \ube48 \ubc84\ud37c\ub97c \uc7ac\uc0dd\ud558\uc5ec AudioContext\ub97c \uac15\uc81c \ud574\uc81c\ud558\ub294 \uc6b0\ud68c \uae30\ubc95\uc774 \ud544\uc694\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uc5ec \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c\ub294 \uc18c\ub9ac\uac00 \ub098\uac8c \ub9cc\ub4e4\uc5c8\uc9c0\ub9cc, \uc9c4\uc9dc \ubcf4\uc2a4\ub294 \uc544\uc774\ud3f0(iOS)\uc774\uc5c8\uc2b5\ub2c8\ub2e4. iOS\uc758 Safari \uc5d4\uc9c4\uc740 \ubcf4\uc548\uc744 \uc704\ud574 \ub85c\uceec \ud30c\uc77c(<code>file:\/\/<\/code>) \uc0c1\ud0dc\uc5d0\uc11c \ud558\uc704 \ud3f4\ub354\uc5d0 \uc788\ub294 \ubbf8\ub514\uc5b4(mp3) \ud30c\uc77c\uc5d0 \uc811\uadfc\ud558\ub294 \uac83\uc744 \uc6d0\ucc9c \ucc28\ub2e8\ud569\ub2c8\ub2e4.&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\uc744 \ud558\uba74\uc11c \uac00\uc7a5 \ud53c\ud558\uae30 \ud798\ub4e0 &#8216;\ud06c\ub85c\uc2a4 \ub3c4\uba54\uc778(CORS)&#8217; \ubc0f \ub85c\uceec \uc0cc\ub4dc\ubc15\uc2a4 \uc815\ucc45\uc785\ub2c8\ub2e4. \uc2ec\uc9c0\uc5b4 \ud30c\uc77c \uc571\uc5d0\uc11c HTML\uc744 \uc5f4\uba74 Safari\uac00 \uc544\ub2cc &#8216;\ud6d1\uc5b4\ubcf4\uae30(Quick Look)&#8217;\ub85c \uc2e4\ud589\ub418\uc5b4 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc790\uccb4\uac00 \ub3d9\uc791\ud558\uc9c0 \uc54a\ub294 \ubb38\uc81c\ub3c4 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. \uc9c4\uc815\ud55c \ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9\uc744 \uc704\ud55c Base64 \ubcc0\ud658 \ud2b8\ub9ad<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc678\ubd80 \uc11c\ubc84 \uc5c6\uc774 \uc21c\uc218\ud558\uac8c \uae30\uae30 \ub0b4\uc5d0\uc11c&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\uc744 \uc131\uacf5\uc2dc\ud0a4\uae30 \uc704\ud574 \ud2b9\ub2e8\uc758 \uc870\uce58\ub97c \ucde8\ud588\uc2b5\ub2c8\ub2e4. 92\uac1c\uc758 mp3 \uc624\ub514\uc624 \ud30c\uc77c \uacbd\ub85c\ub97c \ucc38\uc870\ud558\ub294 \ub300\uc2e0, \uc74c\uc6d0 \ud30c\uc77c \uc790\uccb4\ub97c Base64 \ubb38\uc790\uc5f4\ub85c \uc778\ucf54\ub529\ud558\uc5ec \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ubcc0\uc218\uc5d0 \uc9c1\uc811 \ub54c\ub824 \ub123\ub294(Inline) \ubc29\uc2dd\uc744 \uc120\ud0dd\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n<style>.kb-image6404_c455a1-c2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6404_c455a1-c2\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/audio_code_troubleshooting_v2_1779979306971-600x600.jpg\" alt=\"\uc624\ub514\uc624 \ucc28\ub2e8 \ubcf4\uc548 \uc815\ucc45\uc744 Base64 \uc778\ucf54\ub529\uc744 \ud1b5\ud574 \uc6b0\ud68c\ud558\ub294 \ubaa8\uc2b5\" class=\"kb-img wp-image-6406\" srcset=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/audio_code_troubleshooting_v2_1779979306971-600x600.jpg 600w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/audio_code_troubleshooting_v2_1779979306971-300x300.jpg 300w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/audio_code_troubleshooting_v2_1779979306971-150x150.jpg 150w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/audio_code_troubleshooting_v2_1779979306971-768x768.jpg 768w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/audio_code_troubleshooting_v2_1779979306971-12x12.jpg 12w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/audio_code_troubleshooting_v2_1779979306971.jpg 1024w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>\uc624\ub514\uc624 \ucc28\ub2e8 \ubcf4\uc548 \uc815\ucc45\uc744 Base64 \uc778\ucf54\ub529\uc744 \ud1b5\ud574 \uc6b0\ud68c\ud558\ub294 \ubaa8\uc2b5<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\ud30c\uc774\uc36c \uc2a4\ud06c\ub9bd\ud2b8\ub97c \ud65c\uc6a9\ud574 \uc624\ub514\uc624 \ud30c\uc77c\ub4e4\uc744&nbsp;<code>data:audio\/mpeg;base64,...<\/code>&nbsp;\ud615\ud0dc\uc758 \ubb38\uc790\uc5f4\ub85c \ubcc0\ud658\ud558\uc5ec&nbsp;<code>index.html<\/code>&nbsp;\ub0b4\ubd80\uc758&nbsp;<code>&lt;script&gt;<\/code>&nbsp;\ud0dc\uadf8 \uc548\uc5d0 \ud1b5\uc9f8\ub85c \uc0bd\uc785\ud588\uc2b5\ub2c8\ub2e4. \uc774\ub85c\uc368 \uc678\ubd80 \ub9ac\uc18c\uc2a4 \ucc38\uc870\uac00 0\uac74\uc778, \uc644\ubcbd\ud788 \ub3c5\ub9bd\ub41c \ub2e8\uc77c HTML \ud30c\uc77c\uc774 \ud0c4\uc0dd\ud588\uc2b5\ub2c8\ub2e4. \uc774\ub807\uac8c \ud558\uba74 \ube0c\ub77c\uc6b0\uc800\uac00 \ud30c\uc77c \uc2dc\uc2a4\ud15c \uacbd\ub85c\uc5d0 \uc811\uadfc\ud560 \ud544\uc694\uac00 \uc5c6\uc5b4\uc9c0\ubbc0\ub85c, \uadf9\ub2e8\uc801\uc778 \ud615\ud0dc\uc758&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\uc774 \uac00\ub2a5\ud574\uc9d1\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc544\uc774\ud3f0\uc758 &#8216;\ud6d1\uc5b4\ubcf4\uae30&#8217; \ubb38\uc81c\ub294 \ubcc4\ub3c4\uc758&nbsp;<code>\uc5f4\uae30_\uc548\ub0b4.html<\/code>&nbsp;\ub7f0\ucc98 \ud398\uc774\uc9c0\ub97c \ub9cc\ub4e4\uc5b4 \ud574\uacb0\uc744 \uc2dc\ub3c4\ud588\uc2b5\ub2c8\ub2e4. \ub7f0\ucc98 \ud398\uc774\uc9c0\uc758 \ub9c1\ud06c\ub97c \ud0ed\ud558\uba74 Safari\ub85c \uc720\ub3c4\ub418\ub3c4\ub85d \ub9d0\uc774\uc8e0. \ud558\uc9c0\ub9cc iOS \ud30c\uc77c \uc571\uc758 \uac15\ub825\ud55c \uc81c\ud55c\uc740 \uc774\ub9c8\uc800\ub3c4 \uc27d\uc9c0 \uc54a\uac8c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. \ubc1c\uc0c1\uc758 \uc804\ud658: \ub85c\uceec \ud30c\uc77c\uc758 \ud55c\uacc4\ub97c \ub118\ub294 Netlify \ubb34\ub8cc \ubc30\ud3ec<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ubcf4\uc548 \uc815\ucc45\uacfc \uae30\uae30\ubcc4 \ud30c\ud3b8\ud654\ub85c \uc778\ud574&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\uc758 \uc720\uc9c0\ubcf4\uc218 \ube44\uc6a9\uc774 \uae30\ud558\uae09\uc218\uc801\uc73c\ub85c \ub298\uc5b4\ub098\ub294 \uc2dc\uc810\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \uce74\uce74\uc624\ud1a1 \uacf5\uc720 \uae30\ub2a5\ub3c4 \uc5c6\uace0, \ub3c4\uba54\uc778\ub3c4 \ud544\uc694 \uc5c6\ub294 \uc624\ud504\ub77c\uc778 \uc804\uc6a9 \uc571\uc774\ub77c \ud560\uc9c0\ub77c\ub3c4, \ube0c\ub77c\uc6b0\uc800\uc758 \uc815\uc0c1\uc801\uc778 \uc6f9 API\ub97c 100% \ud65c\uc6a9\ud558\ub824\uba74 \uacb0\uad6d&nbsp;<code>http:\/\/<\/code>&nbsp;\ud504\ub85c\ud1a0\ucf5c \ud658\uacbd\uc774 \ud544\uc694\ud558\ub2e4\ub294 \uacb0\ub860\uc5d0 \ub3c4\ub2ec\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5ec\uae30\uc11c \uc120\ud0dd\ud55c \uac83\uc774 \ubc14\ub85c\u00a0<strong><a href=\"https:\/\/app.netlify.com\/drop\" target=\"_blank\" rel=\"noopener\">Netlify Drop<\/a><\/strong>\uc785\ub2c8\ub2e4. \uc11c\ubc84\ub97c \uad6c\ucd95\ud558\uac70\ub098 \uc2e0\uc6a9\uce74\ub4dc\ub97c \ub4f1\ub85d\ud560 \ud544\uc694 \uc5c6\uc774, \ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d \ud55c \ubc88\uc73c\ub85c \uc815\uc801 \uc0ac\uc774\ud2b8\ub97c \ubb34\ub8cc\ub85c \ubc30\ud3ec\ud560 \uc218 \uc788\ub294 \uc11c\ube44\uc2a4\uc785\ub2c8\ub2e4.<\/p>\n\n\n<style>.kb-image6404_01b6f5-c8 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6404_01b6f5-c8\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"600\" height=\"289\" src=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/image-15-600x289.jpg\" alt=\"\ub85c\uceec \ud3f4\ub354\ub97c \ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d\ud558\ub294 \uac83\ub9cc\uc73c\ub85c \ubc30\ud3ec\uac00 \uc644\ub8cc\ub418\ub294 Netlify Drop\" class=\"kb-img wp-image-6410\" srcset=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/image-15-600x289.jpg 600w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/image-15-300x144.jpg 300w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/image-15-768x369.jpg 768w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/image-15-18x9.jpg 18w, https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/image-15.jpg 1200w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>\ub85c\uceec \ud3f4\ub354\ub97c \ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d\ud558\ub294 \uac83\ub9cc\uc73c\ub85c \ubc30\ud3ec\uac00 \uc644\ub8cc\ub418\ub294 Netlify Drop<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uc55e\uc11c \ub9cc\ub4e0 \ub2e8\uc77c&nbsp;<code>index.html<\/code>&nbsp;\ud30c\uc77c(\uc624\ub514\uc624 Base64 \ud3ec\ud568)\uc744 \ud3f4\ub354\uc5d0 \ub123\uace0 Netlify\uc5d0 \ub4dc\ub798\uadf8\ud558\ub294 \uc21c\uac04, 30\ucd08 \ub9cc\uc5d0&nbsp;<code>https:\/\/...netlify.app<\/code>&nbsp;\ud615\ud0dc\uc758 URL\uc774 \ubc1c\uae09\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774 URL\uc744 \ub9e4\uc7a5 \ud0dc\ube14\ub9bf\uc758 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc5f4\uace0&nbsp;<strong>&#8216;\ud648 \ud654\uba74\uc5d0 \ucd94\uac00&#8217;<\/strong>&nbsp;\uae30\ub2a5(PWA)\uc744 \ud65c\uc6a9\ud558\uba74, \uc571 \uc544\uc774\ucf58\uc774 \ubc14\ud0d5\ud654\uba74\uc5d0 \uc0dd\uc131\ub418\uba70 \uc804\uccb4\ud654\uba74 \ubaa8\ub4dc\ub85c \uc791\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5. \ub9c8\ubb34\ub9ac: \ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9\uc758 \uc9c4\uc815\ud55c \uc758\ubbf8<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ucc98\uc74c\uc5d0\ub294 \ubb3c\ub9ac\uc801\uc778 \uae30\uae30 \uc800\uc7a5\uc18c\uc5d0 \ud30c\uc77c\uc744 \ub123\ub294 \ud615\ud0dc\uc758&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\uc744 \uc2dc\ub3c4\ud588\uc9c0\ub9cc, \uacb0\uad6d \ubb34\ub8cc \ud638\uc2a4\ud305(Netlify)\uacfc PWA(Progressive Web App) \uae30\uc220\uc744 \uacb0\ud569\ud558\ub294 \ubc29\uc2dd\uc73c\ub85c \uc9c4\ud654\ud588\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ud604\ub300 \ube0c\ub77c\uc6b0\uc800\uc758 \uac15\ub825\ud55c \ubcf4\uc548 \uc815\ucc45(CORS)\uc744 \uc900\uc218\ud558\uba74\uc11c\ub3c4, \uc11c\ubc84 \uc778\ud504\ub77c \uad00\ub9ac \ube44\uc6a9\uc744 0\uc6d0\uc73c\ub85c \ub9cc\ub4dc\ub294 \uac00\uc7a5 \uc2a4\ub9c8\ud2b8\ud55c&nbsp;<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>&nbsp;\ubc29\uc2dd\uc774\ub77c\uace0 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uacb0\ub860\uc801\uc73c\ub85c, \uc624\ud504\ub77c\uc778\uc774\ub098 \uc0ac\ub0b4\ub9dd\uc5d0\uc11c \uac00\ubccd\uac8c \ub3cc\uc544\uac00\ub294 \uc571\uc744 \uae30\ud68d \uc911\uc774\uc2dc\ub77c\uba74 \uc544\ub798 \uc138 \uac00\uc9c0\ub97c \uae30\uc5b5\ud558\uc138\uc694.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\ubaa8\ubc14\uc77c \ube0c\ub77c\uc6b0\uc800(\ud2b9\ud788 iOS)\uc5d0\uc11c \uc21c\uc218 \ub85c\uceec \ud30c\uc77c(<code>file:\/\/<\/code>) \ubc29\uc2dd\uc758 \ubbf8\ub514\uc5b4 \uc81c\uc5b4\ub294 \uadf9\ub3c4\ub85c \uc81c\ud55c\uc801\uc785\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ub2e8\uc77c \ud30c\uc77c\ud654(Base64 \uc774\ubbf8\uc9c0, \uc624\ub514\uc624 \ub0b4\uc7a5)\ub294 \uc81c\uc57d\uc744 \uc6b0\ud68c\ud558\ub294 \uc88b\uc740 \ud2b8\ub9ad\uc785\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ucd5c\uace0\uc758\u00a0<strong>\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9<\/strong>\u00a0\uacbd\ud5d8\uc740 \uc815\uc801 \ubb34\ub8cc \ud638\uc2a4\ud305(Netlify, GitHub Pages \ub4f1)\uacfc &#8216;\ud648 \ud654\uba74\uc5d0 \ucd94\uac00(PWA)&#8217;\uc758 \uacb0\ud569\uc5d0\uc11c \ub098\uc635\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\ubcf5\uc7a1\ud55c \ub124\uc774\ud2f0\ube0c \uc571 \uac1c\ubc1c\uc774\ub098 \uc571 \uc2a4\ud1a0\uc5b4 \uc2ec\uc0ac \uc5c6\uc774 \ub2e8 3\ubd84 \ub9cc\uc5d0 \uc720\uc6a9\ud55c \uc11c\ube44\uc2a4\ub97c \ubc30\ud3ec\ud574\ubcf4\uc138\uc694. \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220\uc758 \ubc1c\uc804 \ub355\ubd84\uc5d0 \uc6b0\ub9ac\ub294 \uadf8 \uc5b4\ub290 \ub54c\ubcf4\ub2e4 \ube60\ub974\uace0 \uc790\uc720\ub86d\uac8c \uc544\uc774\ub514\uc5b4\ub97c \uc138\uc0c1\uc5d0 \ub0b4\ub193\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4!<\/p>","protected":false},"excerpt":{"rendered":"<p>\uc548\ub155\ud558\uc138\uc694! \uc624\ub298\uc740 \ub9ce\uc740 \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790\ub4e4\uc774 \ud55c \ubc88\ucbe4 \uace0\ubbfc\ud574\ubcf4\uc558\uc744&nbsp;\ubaa8\ubc14\uc77c \uc6f9\uc571&#8230;<\/p>","protected":false},"author":3,"featured_media":6405,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[15],"tags":[1518,61,1519,1520,1517,1508,1521],"class_list":["post-6404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it-jewel","tag-base64","tag-netlify","tag-1519","tag-1520","tag-1517","tag-1508","tag-1521"],"taxonomy_info":{"category":[{"value":15,"label":"D \ubcf4\ubb3c\ucc3d\uace0(Jewel)"}],"post_tag":[{"value":1518,"label":"Base64"},{"value":61,"label":"netlify"},{"value":1519,"label":"\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9"},{"value":1520,"label":"\uc624\ub514\uc624 \uc774\uc288"},{"value":1517,"label":"\uc6f9\uc571 \ub9cc\ub4e4\uae30"},{"value":1508,"label":"\ud2b8\ub7ec\ube14\uc288\ud305"},{"value":1521,"label":"\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c"}]},"featured_image_src_large":["https:\/\/secondlife.lol\/wp-content\/uploads\/2026\/05\/webapp_concept_design_v2_1779979290478-600x600.jpg",600,600,true],"author_info":{"display_name":"TERE","author_link":"https:\/\/secondlife.lol\/en\/author\/tere\/"},"comment_info":0,"category_info":[{"term_id":15,"name":"D \ubcf4\ubb3c\ucc3d\uace0(Jewel)","slug":"it-jewel","term_group":0,"term_taxonomy_id":15,"taxonomy":"category","description":"","parent":0,"count":59,"filter":"raw","cat_ID":15,"category_count":59,"category_description":"","cat_name":"D \ubcf4\ubb3c\ucc3d\uace0(Jewel)","category_nicename":"it-jewel","category_parent":0}],"tag_info":[{"term_id":1518,"name":"Base64","slug":"base64","term_group":0,"term_taxonomy_id":1518,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":61,"name":"netlify","slug":"netlify","term_group":0,"term_taxonomy_id":61,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"},{"term_id":1519,"name":"\ubaa8\ubc14\uc77c \uc6f9\uc571 \ub85c\uceec \uad6c\ub3d9","slug":"%eb%aa%a8%eb%b0%94%ec%9d%bc-%ec%9b%b9%ec%95%b1-%eb%a1%9c%ec%bb%ac-%ea%b5%ac%eb%8f%99","term_group":0,"term_taxonomy_id":1519,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":1520,"name":"\uc624\ub514\uc624 \uc774\uc288","slug":"%ec%98%a4%eb%94%94%ec%98%a4-%ec%9d%b4%ec%8a%88","term_group":0,"term_taxonomy_id":1520,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":1517,"name":"\uc6f9\uc571 \ub9cc\ub4e4\uae30","slug":"%ec%9b%b9%ec%95%b1-%eb%a7%8c%eb%93%a4%ea%b8%b0","term_group":0,"term_taxonomy_id":1517,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":1508,"name":"\ud2b8\ub7ec\ube14\uc288\ud305","slug":"%ed%8a%b8%eb%9f%ac%eb%b8%94%ec%8a%88%ed%8c%85","term_group":0,"term_taxonomy_id":1508,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"},{"term_id":1521,"name":"\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c","slug":"%ed%94%84%eb%a1%a0%ed%8a%b8%ec%97%94%eb%93%9c-%ea%b0%9c%eb%b0%9c","term_group":0,"term_taxonomy_id":1521,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/posts\/6404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/comments?post=6404"}],"version-history":[{"count":3,"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/posts\/6404\/revisions"}],"predecessor-version":[{"id":6411,"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/posts\/6404\/revisions\/6411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/media\/6405"}],"wp:attachment":[{"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/media?parent=6404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/categories?post=6404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/secondlife.lol\/en\/wp-json\/wp\/v2\/tags?post=6404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}