{"id":232,"date":"2026-09-09T15:12:59","date_gmt":"2026-09-09T15:12:59","guid":{"rendered":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/?p=232"},"modified":"2026-09-17T10:18:34","modified_gmt":"2026-09-17T10:18:34","slug":"16%ec%a3%bc%ec%b0%a8-%ec%a3%bc%ea%b0%84%eb%b3%b4%ea%b3%a0","status":"publish","type":"post","link":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/2026\/09\/09\/16%ec%a3%bc%ec%b0%a8-%ec%a3%bc%ea%b0%84%eb%b3%b4%ea%b3%a0\/","title":{"rendered":"16\uc8fc\ucc28 \uc8fc\uac04\ubcf4\uace0\uc11c"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-1\">1. \uae08\uc8fc \uc9c4\ud589\uc0ac\ud56d<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-white-color has-text-color has-link-color wp-elements-2\">\uae30\ub2a5\uc815\uc758: \uc2e4\uc81c \ud3b8\uc758\uc810 M3 \uc2a4\uce90\ub108 \uae30\uae30\uc640 \ub3d9\uc77c\ud55c \uc218\uc900\uc758 &#8216;\ucd08\uace0\uc18d \uc5f0\uc18d \uc2a4\uce94 \ubaa8\ub4dc&#8217; \ub97c \ub3c4\uc785\ud558\uace0, \uc9c1\uad00\uc801\uc778 \uc2dc\uccad\uac01 \ud53c\ub4dc\ubc31 \ubc0f \uac1c\ubcc4 \ud56d\ubaa9 \uc0ad\uc81c \uc2dc\uc2a4\ud15c\uc744 \uad6c\ucd95\ud558\uc5ec \ud604\uc7a5 \uc791\uc5c5\uc790\uc758 \uac80\uc218 \ud6a8\uc728\uacfc \uc815\ud655\ub3c4\ub97c \uadf9\ub300\ud654\ud568.<\/li>\n\n\n\n<li class=\"has-white-color has-text-color has-link-color wp-elements-3\">\ud575\uc2ec \uae30\uc220 \uc801\uc6a9:\n<ul class=\"wp-block-list\">\n<li><strong>\ub17c\ube14\ub85c\ud0b9(Non-blocking) \uc2a4\uce94 \ubc0f \uc2a4\ub9c8\ud2b8 \ucfe8\ub2e4\uc6b4 \uc81c\uc5b4:<\/strong>\u00a0\uae30\uc874\uc758 UI \ud750\ub984\uc744 \ub04a\ub294\u00a0<code>confirm<\/code>\u00a0\ud31d\uc5c5\uacfc \uce74\uba54\ub77c\u00a0<code>pause<\/code>\u00a0\ub85c\uc9c1\uc744 \uc644\uc804\ud788 \uc81c\uac70\ud568. \ub300\uc2e0 \ubcc0\uc218 \uc0c1\ud0dc \ucd94\uc801\uc744 \ud1b5\ud574 &#8216;\ub3d9\uc77c \ubc14\ucf54\ub4dc&#8217;\uc5d0\ub9cc 2\ucd08\uc758 \ucfe8\ub2e4\uc6b4\uc744 \uc801\uc6a9\ud558\uace0, &#8216;\ub2e4\ub978 \uc0c1\ud488&#8217; \uc2a4\uce94 \uc2dc \ub51c\ub808\uc774 \uc5c6\uc774 0.1\ucd08 \ub9cc\uc5d0 \uc989\uac01 \uc778\uc2dd\ub418\ub3c4\ub85d \ube44\ub3d9\uae30 \ucc98\ub9ac \uad6c\uc870\ub97c \uc804\uba74 \uac1c\ud3b8\ud568.<\/li>\n\n\n\n<li><strong>\uc2dc\uccad\uac01 \ud53c\ub4dc\ubc31(Toast &amp; Audio) \uc2dc\uc2a4\ud15c \uad6c\ud604:<\/strong>\u00a0\ubc14\ucf54\ub4dc \uc778\uc2dd \uc131\uacf5 \uc2dc \ube0c\ub77c\uc6b0\uc800 \ub0b4\uc7a5 Audio \uac1d\uccb4\ub97c \ud65c\uc6a9\ud55c \ube44\ud504\uc74c(Beep) \ud53c\ub4dc\ubc31\uacfc, \ub3d9\uc801 DOM \uc81c\uc5b4\ub97c \ud1b5\ud55c \ube44\ub3d9\uae30 \ud1a0\uc2a4\ud2b8(Toast) \uba54\uc2dc\uc9c0 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud558\uc5ec \uc791\uc5c5\uc790\uc758 \uc2dc\uc120 \ubd84\uc0b0\uc744 \uc644\ubcbd\ud788 \ubc29\uc9c0\ud568.<\/li>\n\n\n\n<li><strong>\uac80\uc218 \ub9ac\uc2a4\ud2b8 \uc218\uc815 UX \uac1c\uc120 (\uac1c\ubcc4 \uc0ad\uc81c \uae30\ub2a5 \ub3c4\uc785):<\/strong>\u00a0\ud31d\uc5c5\ucc3d\uc744 \uc5c6\uc560\uace0 \uc5f0\uc18d \uc2a4\uce94 \uc18d\ub3c4\ub97c \ub192\uc784\uc5d0 \ub530\ub77c, \uc791\uc5c5\uc790\uac00 \uc2e4\uc218\ub85c \uc6d0\uce58 \uc54a\ub294 \uc0c1\ud488\uc744 \uc2a4\uce94\ud588\uc744 \ub54c \uc774\ub97c \ucde8\uc18c\ud560 \ubc29\ubc95\uc774 \uc5c6\ub2e4\ub294 \uce58\uba85\uc801\uc778 \ud55c\uacc4\ub97c \uc2dd\ubcc4\ud568. \uc774\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud574 \uac80\uc218 \ubaa9\ub85d \ub0b4\uc5d0 &#8216;\uac1c\ubcc4 \ud56d\ubaa9 \uc0ad\uc81c(X) \ubc84\ud2bc&#8217;\uc744 \uc0c8\ub86d\uac8c \ucd94\uac00\ud558\uc600\uc73c\uba70, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ubc30\uc5f4\u00a0<code>splice<\/code>\u00a0\uc5f0\uc0b0\uacfc \ub3d9\uc801 DOM \ub80c\ub354\ub9c1\uc744 \uc5f0\ub3d9\ud558\uc5ec \uc4f0\ub808\uae30 \ub370\uc774\ud130\uac00 DB\uc5d0 \uc800\uc7a5\ub418\uae30 \uc804\uc5d0 \uc989\uac01\uc801\uc73c\ub85c \uc0ad\uc81c\ud560 \uc218 \uc788\ub294 \uc548\uc804\ub9dd\uc744 \uad6c\ucd95\ud568.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-4\">2. \uc2e4\ubb34 \uc2dc\ub098\ub9ac\uc624 \ud14c\uc2a4\ud2b8 \uacb0\uacfc<\/h2>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"494\" height=\"1024\" data-id=\"234\" src=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260909_231718928-494x1024.jpg\" alt=\"\" class=\"wp-image-234\" style=\"width:248px;height:auto\" srcset=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260909_231718928-494x1024.jpg 494w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260909_231718928-145x300.jpg 145w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260909_231718928-768x1592.jpg 768w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260909_231718928-741x1536.jpg 741w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260909_231718928-988x2048.jpg 988w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260909_231718928-scaled.jpg 1235w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"494\" height=\"1024\" data-id=\"235\" src=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000527072-1-494x1024.jpg\" alt=\"\" class=\"wp-image-235\" style=\"width:249px;height:auto\" srcset=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000527072-1-494x1024.jpg 494w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000527072-1-145x300.jpg 145w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000527072-1-768x1592.jpg 768w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000527072-1-988x2048.jpg 988w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000527072-1-741x1536.jpg 741w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000527072-1-scaled.jpg 1235w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><\/figure>\n<\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-white-color has-text-color has-link-color wp-elements-5\"><strong>\uc2dc\ub098\ub9ac\uc624 \uad6c\uc131:<\/strong>\u00a0\uc5ec\ub7ec \uc885\ub958\uc758 \uc2e0\uc120\uc2dd\ud488(FF)\uc774 \ub300\ub7c9\uc73c\ub85c \uc11e\uc5ec \uc788\ub294 \uc785\uace0 \ubc15\uc2a4\ub97c \uc5f0\uc18d\uc73c\ub85c \ube60\ub974\uac8c \uc2a4\uce94\ud574\uc57c \ud558\ub294 \uc2e4\uc81c \ud3b8\uc758\uc810 \ubb3c\ub958 \ud558\ucc28 \ubc0f \uac80\uc218 \ud658\uacbd\uc744 \ubaa8\uc0ac\ud558\uc5ec \ud14c\uc2a4\ud2b8 \uc9c4\ud589.<\/li>\n\n\n\n<li class=\"has-white-color has-text-color has-link-color wp-elements-6\"><strong>\uc2dc\uc2a4\ud15c \ud53c\ub4dc\ubc31 \ubc0f \uac80\uc99d:<\/strong>\n<ul class=\"wp-block-list\">\n<li>\uc791\uc5c5\uc790\uac00 \ud654\uba74 \ud31d\uc5c5 \ud130\uce58 \uc5c6\uc774\uac01\uae30 \ub2e4\ub978 \uc0c1\ud488 3\uac1c\ub97c 1\ucd08 \uc774\ub0b4\uc5d0 \uc5f0\uc18d \uc2a4\uce94\ud558\uace0 \ub9ac\uc2a4\ud2b8\uc5d0 \uc790\ub3d9 \ucd94\uac00\ub418\ub294 \uac83\uc744 \ud655\uc778.<\/li>\n\n\n\n<li>\uc2a4\uce94 \uc601\uc5ed\uc744 \uc81c\ud55c\ud558\ub358 UI \uc0c1\uc790(qrbox)\ub97c \uc81c\uac70\ud558\uc5ec\u00a0<strong>\ud480\uc2a4\ud06c\ub9b0 \uc778\uc2dd \ubaa8\ub4dc<\/strong>\ub85c \uc804\ud658\ud55c \uacb0\uacfc, \ubc14\ucf54\ub4dc\ub97c \uce74\uba54\ub77c\uc5d0 \uc815\ubc00\ud558\uac8c \uc870\uc900\ud558\uc9c0 \uc54a\uace0 \ub300\ub7b5\uc801\uc73c\ub85c \ud5a5\ud558\uae30\ub9cc \ud574\ub3c4 \uc989\uc2dc \uc778\uc2dd\ub418\uc5b4 \uc791\uc5c5 \ud53c\ub85c\ub3c4\uac00 \ub300\ud3ed \uac10\uc18c\ud568\uc744 \uac80\uc99d.<\/li>\n\n\n\n<li>\uc798\ubabb\ub41c \uc0c1\ud488\uc744 \uc2a4\uce94\ud558\uac70\ub098 \uc624\uc778\uc2dd\uc774 \ubc1c\uc0dd\ud588\uc744 \ub54c, \uc0c8\ub86d\uac8c \ub3c4\uc785\ub41c\u00a0<strong>[ X ] \uc0ad\uc81c \ubc84\ud2bc<\/strong>\uc744 \ud074\ub9ad\ud558\uc5ec \ud574\ub2f9 \ud56d\ubaa9\ub9cc \ub9ac\uc2a4\ud2b8\uc5d0\uc11c \uae54\ub054\ud558\uac8c \uc81c\uac70\ud560 \uc218 \uc788\uc74c\uc744 \uc644\ubcbd\ud558\uac8c \uac80\uc99d \uc644\ub8cc\ud568.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"857\" data-id=\"236\" src=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444022-1024x857.jpg\" alt=\"\" class=\"wp-image-236\" style=\"width:360px;height:auto\" srcset=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444022-1024x857.jpg 1024w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444022-767x642.jpg 767w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444022-300x251.jpg 300w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444022.jpg 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"645\" data-id=\"237\" src=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444487-1024x645.jpg\" alt=\"\" class=\"wp-image-237\" style=\"width:363px;height:auto\" srcset=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444487-1024x645.jpg 1024w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444487-767x483.jpg 767w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444487-300x189.jpg 300w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444487.jpg 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-7\">3. \ud5a5\ud6c4 \uacc4\ud68d<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-white-color has-text-color has-link-color wp-elements-8\">\ud14d\uc2a4\ud2b8 \uc704\uc8fc\uc758 \uc54c\ub9bc \uc2dc\uc2a4\ud15c\uc744 \uc2dc\uac01\uc801\uc73c\ub85c \uace0\ub3c4\ud654\ud558\uae30 \uc704\ud574 &#8216;\uc0c1\ud488 \uc774\ubbf8\uc9c0 DB \ub9e4\uce6d \uae30\uc220&#8217;\uc744 \ub3c4\uc785\ud560 \uc608\uc815. \uc774\ub97c \ud1b5\ud574 \uc54c\ubc14\uc0dd\uc774 \ud3d0\uae30 \ub300\uc0c1 \uc0c1\ud488\uc744 \uae00\uc790\ub85c \uc77d\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, &#8216;\ud0c0\uac9f\ud305 \uc218\uac70 \uc9c0\uc2dc&#8217; UI(\ud574\ub2f9 \uc0c1\ud488\uc758 \uc2e4\uc81c \uc774\ubbf8\uc9c0 \ud45c\uc2dc)\ub97c \ud1b5\ud574 \uc9c1\uad00\uc801\uc73c\ub85c \ucc3e\uc744 \uc218 \uc788\ub3c4\ub85d \uc2dc\uc2a4\ud15c\uc744 \uc9c4\ud654\uc2dc\ud0ac \uacc4\ud68d.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>1. \uae08\uc8fc \uc9c4\ud589\uc0ac\ud56d 2. \uc2e4\ubb34 \uc2dc\ub098\ub9ac\uc624 \ud14c\uc2a4\ud2b8 \uacb0\uacfc 3. \ud5a5\ud6c4 \uacc4\ud68d<\/p>\n","protected":false},"author":67,"featured_media":237,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-232","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"jetpack_featured_media_url":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-content\/uploads\/sites\/95\/2026\/09\/KakaoTalk_20260910_000444487.jpg","_links":{"self":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/posts\/232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/comments?post=232"}],"version-history":[{"count":2,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/posts\/232\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/posts\/232\/revisions\/243"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/media\/237"}],"wp:attachment":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/categories?post=232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202151002\/wp-json\/wp\/v2\/tags?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}