{"id":1014,"date":"2019-09-24T12:06:13","date_gmt":"2019-09-24T03:06:13","guid":{"rendered":"https:\/\/amati.io\/?p=1014"},"modified":"2019-09-24T12:06:13","modified_gmt":"2019-09-24T03:06:13","slug":"jsconf-korea-2019-epilogue","status":"publish","type":"post","link":"https:\/\/blog.neue.nz\/?p=1014","title":{"rendered":"JSCONF KOREA 2019 \ub3cc\uc544\ubcf4\uae30"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\uc800\ub294 \uc774\uc804\uc5d0 Deview(<a href=\"https:\/\/deview.kr\/\">https:\/\/deview.kr\/<\/a>) \ub4f1\uc744 \ucc38\uc5ec\ud55c \uacbd\ud5d8\uc740 \uc788\uc9c0\ub9cc, \uad6d\ub0b4 IT\uae30\uc5c5 \uc704\uc8fc\ub85c \uc9c4\ud589\ub418\ub294 \ub300\ud615 \ucee8\ud37c\ub7f0\uc2a4\ub4e4\uc740 \uc0ac\uc2e4 \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790\uc5d0\uac8c \ud070 \ub3c4\uc6c0\uc774 \uc548\ub41c\ub2e4\ub294 \uc0dd\uac01\uc744 \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<br>\uac8c\ub2e4\uac00, \uc5ec\ub290 \uac1c\ubc1c\uc790\uac00 \uac70\uc758\ub2e4 \uadf8\ub807\ub4ef \uc0e4\uc774\ud55c \uc131\uaca9\uc758 \ubcf8\uc778\uc774 \ucee8\ud37c\ub7f0\uc2a4\uc5d0\uc11c \uae30\ub300\ud588\ub358 \uac83\uc740 &#8220;<strong>\uc21c\uc218\ud55c \uae30\uc220 \uc2b5\ub4dd \ubc0f \uacf5\uc720<\/strong>&#8220;\uc600\uc9c0\ub9cc, \ucd5c\uadfc\uc5d4 \ud574\uc678 \ucee8\ud37c\ub7f0\uc2a4\ucc98\ub7fc \uac1c\ubc1c\uc790\uac04\uc758 \ub124\ud2b8\uc6cc\ud0b9\uc744 \uc720\ub3c4\ud558\uac70\ub098, \ub610\ub294 \uc790\uc0ac\/\uc870\uc9c1\uc758 PR \ub4f1\uc774 \ub354 \ub9ce\uc740 \uac83 \uac19\uc544\uc11c \ucee8\ud37c\ub7f0\uc2a4\ub294 \uc5b8\uc820\uac00\ubd80\ud130 \uc798 \uc548\uac00\uac8c \ub41c \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i1.wp.com\/amati.io\/wp-content\/uploads\/2019\/09\/undraw_conference_speaker_6nt7.png?fit=620%2C346&amp;ssl=1\" alt=\"\" class=\"wp-image-1043\" width=\"478\" height=\"266\"\/><figcaption>image from <a href=\"https:\/\/undraw.co\/illustrations\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">https:\/\/undraw.co\/illustrations<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub7ec\ub098 Jsconf(<a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/2019.jsconfkorea.com\/\" target=\"_blank\">https:\/\/2019.jsconfkorea.com\/<\/a>)\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uac1c\ubc1c\uc790\ub9cc\uc744 \uc704\ud55c \ucee8\ud37c\ub7f0\uc2a4\uc774\uace0 \uc138\uacc4\uc801\uc73c\ub85c \ub9ce\uc740 \ub3c4\uc2dc\ub97c \uc21c\ud68c\ud558\uba74\uc11c \uac1c\ucd5c\ud558\uace0 \uc788\uae30 \ub54c\ubb38\uc5d0 \uaf64 \uae30\ub300\ub97c \ud588\uc2b5\ub2c8\ub2e4.<br>\ubaa8\ub4e0 \uc138\uc158\uc774 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ubc0f \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc744 \uc704\ud55c \ub300\uaddc\ubaa8 \ucee8\ud37c\ub7f0\uc2a4\ub294 \ucc98\uc74c\uc774\uc5c8\uace0, \ud2f0\ucf13 \uac00\uaca9\ub3c4 \uac00\uaca9\uc778\uc9c0\ub77c \uc55e\uc73c\ub85c\ub3c4 \uac08 \uc218 \uc788\ub294 \uae30\ud68c\uac00 \uc5bc\ub9c8\ub098 \uc788\uc744\uc9c0 \uc54c \uc218 \uc5c6\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ubc88 jsconf\uc5d0\uc11c\ub294 \uba54\uc778\ubc1c\ud45c, \ub77c\uc774\ud2b8\ub2dd \ud1a0\ud06c, \ud29c\ud1a0\ub9ac\uc5bc\uc758 3\ud2b8\ub799\uc73c\ub85c \uc9c4\ud589\ub418\uc5c8\ub294\ub370\uc694, \uc77c\ub2e8 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\ub294 \uc804\ud600 \ucc38\uc5ec\ud558\uc9c0 \ubabb\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubaa8\ub4e0 \uc138\uc158\uc5d0 \ub300\ud55c \ud6c4\uae30\ub098 \ub9ac\ubdf0\ub294 \ud560 \uc218 \uc5c6\uc9c0\ub9cc, <span style=\"text-decoration: underline;\">\uac01 \uc138\uc158\uc5d0 \ub300\ud55c \uac1c\uc778\uc801 \ud68c\uace0<\/span>\ub97c \ud3c9\uc5b4\uccb4\ub85c \uba87\uc790 \ub0a8\uaca8\ubcf4\uace0\uc790 \ud569\ub2c8\ub2e4. ^^<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/09\/81726c68ee9e4464ba9e00127c128e33.png\" alt=\"\" class=\"wp-image-1039\" width=\"462\" height=\"260\"\/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ub2e4\ub9c8\uace0\uce58\ub85c \ubc30\uc6b0\ub294 \uc81c\ub124\ub808\uc774\ud130<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\ud2b9\uc815 \uc560\ub2c8\uba54\uc774\uc158\uc774 \ub05d\ub09c \ud6c4 \ud1b5\uc0c1 \uc560\ub2c8\uba54\uc774\uc158\uc73c\ub85c \ub3cc\uc544\uac00\ub294 \uacfc\uc815\uc744 \uad6c\ud604\ud558\uba74\uc11c Promise \ub300\uc2e0 <a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/ko\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Generator\" target=\"_blank\">\uc81c\ub124\ub808\uc774\ud130<\/a>\ub97c \uc751\uc6a9\ud588\ub2e4.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Don&#8217;t block the event loop!<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>event loop\uc758 \uac1c\ub150 \uc774\ud574\ub294 \ud638\ucd9c \uc2a4\ud0dd\uacfc \ud0dc\uc2a4\ud06c \ud050\uc640 \ud568\uaed8 \ud574\uc57c\ud55c\ub2e4.<br>\ucc38\uace0 \ub3d9\uc601\uc0c1\uc740 <a rel=\"noreferrer noopener\" aria-label=\"Help, I'm stuck in an event-loop (opens in a new tab)\" href=\"https:\/\/vimeo.com\/96425312\" target=\"_blank\">Help, I&#8217;m stuck in an event-loop<\/a> \uc601\uc5b4\uc774\uae34 \ud558\uc9c0\ub9cc \uc804\ud600 \uc774\ud574\ubabb\ud560 \uc815\ub3c4\ub294 \uc544\ub2c8\ub2e4.<\/li><li>setTimeout\uc740 task, Promise\ub294 micro task\uc774\ub2e4.<\/li><li>\uc774\ubca4\ud2b8\ub8e8\ud504\uc5d0\uc11c\ub294 micro task\uc758 \uc6b0\uc120\uc21c\uc704\uac00 \ub192\uc73c\uba70 micro task\uc758 queue\uac00 \ube44\uc6cc\uc9c0\uba74 \ub0a8\uc740 task\ub97c \uc2e4\ud589\ud558\uac8c \ub41c\ub2e4.<\/li><li>\ub80c\ub354\ub9c1\uc740 task queue\uc5d0\uc11c \uc2e4\ud589\ub418\uae30 \ub54c\ubb38\uc5d0 micro task\uac00 \uacc4\uc18d \uc2e4\ud589\ub420 \uacbd\uc6b0 UI\ub97c \ub9c9\ub294 \ud604\uc0c1\uc774 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc73c\uba70 <strong>\uc774\ub294 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc5d0 \ud06c\uac8c \ubc29\ud574\ub41c\ub2e4<\/strong>.<\/li><li>task, micro task\uc758 \uc6b0\uc120\uc21c\uc704\ub97c \uc798 \uc870\uc808\ud558\uc5ec UI\ub97c \ub9c9\uc9c0 \uc54a\ub3c4\ub85d \uc791\uc5c5\ud574\uc57c \ud55c\ub2e4. web worker\uc758 \uc774\ubca4\ud2b8\ub8e8\ud504\ub294 \ubcc4\ub3c4\uc774\uae30 \ub54c\ubb38\uc5d0 \ud544\uc694\ud558\ub2e4\uba74 \uc774\ucabd\uc73c\ub85c \ubb34\uac70\uc6b4 \uc791\uc5c5\uc744 \uc62e\uae30\ub294 \uac83\ub3c4 \uace0\ub824\ud558\uc790.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">NPM package\ub97c \ud65c\uc6a9\ud55c \uc0ac\ub0b4 \ub77c\uc774\ube0c\ub7ec\ub9ac, \ucef4\ud3ec\ub10c\ud2b8 \uad00\ub9ac<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Mono-repo\ub780 \uc5ec\ub7ec\uac1c\uc758 \ubaa8\ub4c8 \ubc0f \ud328\ud0a4\uc9c0\ub97c \uac1c\ubcc4 \ub9ac\ud3ec\uc9c0\ud1a0\ub9ac\ub85c \ub450\uc9c0 \uc54a\uace0 \ub2e8\uc77c \ub9ac\ud3ec\uc9c0\ud1a0\ub9ac\uc5d0\uc11c \ud1b5\ud569\ud558\uc5ec \uad00\ub9ac\ud558\ub294 \ubc29\uc2dd\uc774\ub2e4.<\/li><li>\ud37c\ube14\ub9ac\uc2dc\ub97c \uc704\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub85c <a rel=\"noreferrer noopener\" aria-label=\"Yarn Workspace (opens in a new tab)\" href=\"https:\/\/yarnpkg.com\/lang\/en\/docs\/workspaces\/\" target=\"_blank\">Yarn Workspace<\/a>\uc640 <a rel=\"noreferrer noopener\" aria-label=\"Lerna (opens in a new tab)\" href=\"https:\/\/lerna.js.org\/\" target=\"_blank\">Lerna<\/a>\uac00 \uc8fc\ub85c \uc0ac\uc6a9\ub41c\ub2e4.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\uc624\ud508\uc18c\uc2a4 \ud504\ub85c\uc81d\ud2b8 mocha\uc5d0\uc11c \ubc30\uc6b4 \uac83\ub4e4<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>FE\uacc4\uc758 \uc778\uc2f8 <a rel=\"noreferrer noopener\" aria-label=\"\uc544\uc6c3\uc0ac\uc774\ub354 (opens in a new tab)\" href=\"https:\/\/blog.outsider.ne.kr\/\" target=\"_blank\">\uc544\uc6c3\uc0ac\uc774\ub354<\/a> \ub2d8\uc758 \ubc1c\ud45c<\/li><li>\uc624\ud508 \uc18c\uc2a4 \uac1c\ubc1c\uc740 \uc26c\uc6b4\uc77c\uc774 \uc544\ub2c8\ub2e4. \ud480\ud0c0\uc784\uc774 \uc544\ub2cc \uc774\uc0c1 \uac1c\uc778\uc758 24\uc2dc\uac04\uc5d0\uc11c 1-2\uc2dc\uac04 \uc815\ub3c4\ub294 \uaf2d \ube7c\uc57c\ud558\ub294\uac8c \uacb0\ucf54 \uc27d\uc9c0 \uc54a\ub2e4.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"mocha (opens in a new tab)\" href=\"https:\/\/mochajs.org\/\" target=\"_blank\">mocha<\/a>\uc640 <a rel=\"noreferrer noopener\" aria-label=\"jest (opens in a new tab)\" href=\"https:\/\/jestjs.io\/\" target=\"_blank\">jest<\/a>\ub97c \uc0ac\uc2e4\uc0c1 \uacbd\uc7c1 \uad6c\ub3c4\ub85c \uc778\uc2dd\ud558\ub294 \uacbd\ud5a5\uc774 \uc788\ub2e4. mocha\uc758 \ucee8\ud2b8\ub9ac\ubdf0\ud130 \ub0b4\ubd80\uc5d0\uc11c\ub3c4 jest\uc758 \uae30\ub2a5\uc744 \ub3c4\uc785\ud558\uc790\ub294 \uc774\uc288\uac00 \ub098\uc628 \uc801\uc774 \uc788\uc5c8\uc73c\ub098, \uba54\uc778 \ucee8\ud2b8\ub9ac\ubdf0\ud130\uac00 &#8220;\uacbd\uc7c1\ud558\uc9c0 \ub9d0\uace0 \uc0ac\uc6a9\uc790\ub97c \uc704\ud574 \ub178\ub825\ud558\uc790&#8221;\ub294 \ub0b4\uc6a9\uc73c\ub85c \uc815\ub9ac\ud55c \uc801\ub3c4 \uc788\ub2e4\uace0 \ud568.<ul><li>\ud574\ub2f9 \uc774\uc288\uc640 \ub313\uae00\uc740 <a rel=\"noreferrer noopener\" aria-label=\"\uc5ec\uae30 (opens in a new tab)\" href=\"https:\/\/github.com\/mochajs\/mocha\/issues\/3387#issuecomment-390661319\" target=\"_blank\">\uc5ec\uae30<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ubc31 \ud22c \ub354 \ud4e8\ud130 \uc624\ube0c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 II<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>TC39\uc5d0\uc11c stage 1\uc5d0 \ud574\ub2f9\ud558\ub294 \uba87\uac00\uc9c0 \uc2e0\uae30\ub2a5\uc744 \uc18c\uac1c\ud588\ub2e4.<\/li><li>\ud328\ud134 \ub9e4\uce6d : <a href=\"https:\/\/github.com\/tc39\/proposal-pattern-matching\">https:\/\/github.com\/tc39\/proposal-pattern-matching<\/a><ul><li><code>-><\/code> \uc5f0\uc0b0\uc790<\/li><\/ul><\/li><li>\ud30c\uc774\ud504\ub77c\uc778 \uc5f0\uc0b0\uc790 : <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/github.com\/tc39\/proposal-pipeline-operator\" target=\"_blank\">https:\/\/github.com\/tc39\/proposal-pipeline-operator<\/a><ul><li><code>|><\/code> \uc5f0\uc0b0\uc790<\/li><\/ul><\/li><li>Binary AST : min.js \ub300\uc2e0 binjs\ub97c \uc5bb\ub294 \uacfc\uc815<ul><li>\ud14d\uc2a4\ud2b8 \ud615\ud0dc\uc758 \uc804\ud1b5\uc801\uc778 \uc18c\uc2a4\ucf54\ub4dc \ub300\uc2e0 \ubc14\uc774\ub108\ub9ac \ud615\ud0dc\ub85c \uc804\ub2ec. \ubc14\uc774\ud2b8\ucf54\ub4dc \ub4f1 \ucef4\ud30c\uc77c\ud55c \uc911\uac04 \ub2e8\uacc4\ub294 \uc544\ub2c8\uace0 \ub2e8\uc21c\ud55c \ubc14\uc774\ub108\ub9ac \ud615\ud0dc\ub85c \uc804\ud658.<\/li><li>\uc804\uc1a1\uc18d\ub3c4\uc758 \ud5a5\uc0c1\uacfc \ud30c\uc2f1 \uc18d\ub3c4\uc758 \ud5a5\uc0c1<\/li><li>\ubc14\ubca8\uc5d0\uc11c\ub3c4 \ud604\uc7ac \ub17c\uc758 \ub300\uc0c1\uc774\ub2e4.<\/li><\/ul><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud568\uc218\ud615, Redux\uc640 Canvas\uc5d0 \uc801\uc6a9\ud558\uba74\uc11c \ubc30\uc6cc\ub098\uac00\uae30<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>redux\ub97c \uc774\uc6a9\ud558\uc5ec \uac1c\ubc1c\ud558\uba74\uc11c \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d \ud328\ub7ec\ub2e4\uc784\uc744 \ub3c4\uc785\ud558\uba74\uc11c \uacaa\uc5c8\ub358 \uc2dc\ud589\ucc29\uc624\ub97c \uacf5\uc720. reducer\ub97c \uac1c\ubc1c\ud558\uba74\uc11c \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc758 \ubd84\ud574\uc640 \ud569\uc131\uc744 \ub3c4\uc785\ud588\ub2e4.<\/li><li>\uc8fc\uc694 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub85c <a rel=\"noreferrer noopener\" aria-label=\"Ramda.js (opens in a new tab)\" href=\"https:\/\/ramdajs.com\/\" target=\"_blank\">Ramda.js<\/a>\ub97c \uc0ac\uc6a9\ud588\ub2e4.<ul><li>\ucc38\uace0 : <a rel=\"noreferrer noopener\" aria-label=\"Lodash FP (opens in a new tab)\" href=\"https:\/\/github.com\/lodash\/lodash\/wiki\/FP-Guide\" target=\"_blank\">Lodash FP<\/a><\/li><\/ul><\/li><li>\uac1c\uc778\uc801\uc73c\ub85c \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc740 \uc5b4\ub835\uae30\ub3c4 \uc5b4\ub835\uc9c0\ub9cc, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uac1c\ubc1c\uc5d0 \uc801\uc6a9\ud558\uae30 \ud798\ub4e4\ub2e4\ub294 \uc0dd\uac01\ub3c4 \ud558\uace0 \uc788\ub2e4. \ubb3c\ub860 \uc5b4\ub824\uc6cc\uc11c&#8230; \ub77c\ub294 \uac83\uc744 \ubd80\uc815\ud560 \uc218\ub294 \uc5c6\ub2e4. \u314e\u314e<\/li><li>\uc544\uc9c1\uae4c\uc9c0\ub294 \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc758 \uc7a5\uc810\uc774 \ud655 \uc640\ub2ff\uc9c4 \uc54a\uc9c0\ub9cc, \uacc4\uc18d \ubaa8\ub2c8\ud130\ub9c1\ud560 \uc608\uc815.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">TypeScript\ub85c \ub514\uc790\uc778\uc2dc\uc2a4\ud15c\uc5d0 \ub0a0\uac1c \ub2ec\uae30<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc758 \ub300\ud45c\uc801\uc778 \uc608\ub294 \uac00\uae5d\uac8c\ub294 <a rel=\"noreferrer noopener\" aria-label=\"bootstrap (opens in a new tab)\" href=\"https:\/\/getbootstrap.com\/\" target=\"_blank\">bootstrap<\/a>, \uc720\uba85\ud55c \uac83\uc73c\ub85c \uad6c\uae00\uc758 <a rel=\"noreferrer noopener\" aria-label=\"Material design (opens in a new tab)\" href=\"https:\/\/material.io\/design\/\" target=\"_blank\">Material design<\/a> \ub4f1\uc774 \uc788\ub2e4.<\/li><li>\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc774\ub780 \ub2e8\uc21c\ud55c UI \ucef4\ud3ec\ub10c\ud2b8 \ub610\ub294 \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc, \ucf54\ub4dc \ucee8\ubca4\uc158 \ubfd0\ub9cc \uc544\ub2c8\ub77c \uc774\ub97c \ubaa8\ub450 \ud3ec\ud568\ud558\ub294 <span style=\"text-decoration: underline;\">\ub514\uc790\uc778 \uc5b8\uc5b4<\/span>\ub77c\uace0 \ud560 \uc218 \uc788\ub2e4.<\/li><li>\ub530\ub77c\uc11c \uc5c4\uaca9\ud55c \ub8f0\uc774 \uc801\uc6a9\ub41c \uc124\uacc4\uac00 \ub9e4\uc6b0 \uc911\uc694\ud558\uba70, \ud2b8\uc704\uce58\uc5d0\uc11c\ub294 \uc774\ub97c \uc704\ud574 \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8\ub97c \ub3c4\uc785\ud588\ub2e4. \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8\uc758 \ud2b9\uc9d5\uc740 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc758 \uc124\uacc4\uc5d0 \ud6a8\uc728\uc131\uacfc \uba85\ud655\uc131\uc744 \ubd80\uc5ec\ud574\uc8fc\uc5c8\ub2e4.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"StoryBook (opens in a new tab)\" href=\"https:\/\/storybook.js.org\/\" target=\"_blank\">StoryBook<\/a>\uc740 \ub514\uc790\uc778 \uc124\uacc4\uc640 \ucef4\ud3ec\ub10c\ud2b8\ubcc4 \uac1c\ubc1c\uc5d0 \uc801\ud569\ud55c \uc88b\uc740 \uc194\ub8e8\uc158.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">JS bundle size \ucd5c\uc801\ud654\ub97c \ud1b5\ud55c \uc131\ub2a5\uac1c\uc120<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc5d0 \ub2e8\uace8 \ud654\uc81c\uc778 webpack \ubc88\ub4e4\ub9c1 \ucd5c\uc801\ud654\uc5d0 \uad00\ud55c \ub0b4\uc6a9<\/li><li>react\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac1c\ubc1c\ud560 \uacbd\uc6b0 \ub2e4\uad6d\uc5b4 \uc9c0\uc6d0\uc5d0 \ub300\ud574\uc11c\ub294 <a rel=\"noreferrer noopener\" aria-label=\"react-i18next (opens in a new tab)\" href=\"https:\/\/github.com\/i18next\/react-i18next\" target=\"_blank\">react-i18next<\/a>\ub97c \uace0\ub824\ud560 \uac83.<\/li><li>\ucf54\ub4dc \uc2a4\ud50c\ub9ac\ud305\uc744 \uc704\ud574 dynamic import\ub97c \uc0ac\uc6a9\ud560 \uacbd\uc6b0 \uc11c\ubc84\uc0ac\uc774\ub4dc \ub80c\ub354\ub9c1(SSR)\uc5d0 \ubd88\ub9ac\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/li><li>url-loader\uc758 \uacbd\uc6b0 config\uc5d0\uc11c \uc9c0\uc815\ud55c \ud06c\uae30 \uc774\ud558\uc758 \uc774\ubbf8\uc9c0\ub294 base64 encoding\uc744 \ud1b5\ud574 \ubc88\ub4e4\uc5d0 \ud1b5\ud569\ud560 \uc218 \uc788\ub2e4. \ud558\uc9c0\ub9cc \uc774\uac83\uc740 \ubc88\ub4e4 \uc0ac\uc774\uc988\ub97c \ud0a4\uc6b0\ub294 \uc8fc\ubc94.<ul><li><span style=\"text-decoration: underline;\">\uc0ac\uc2e4 url-loader\ub294 \ud56d\uc0c1 \ucd5c\uc801\ud654 \ubb38\uc81c\ub97c \uc77c\uc73c\ud0a4\ub294 \uac83 \uac19\ub2e4<\/span>.<\/li><li>\uc720\ub9ac\ud55c \uacbd\uc6b0\uac00 \uc788\ub294 \uac83\uc740 \uc0ac\uc2e4\uc774\uc9c0\ub9cc, \ub3c4\uc785\ud558\ub824\uba74 \ub9ce\uc740 \uace0\ubbfc\uc744 \ud574\uc57c\ud558\uace0, \uc720\uc9c0\ubcf4\uc218 \uc2dc\uc5d0\ub3c4 \uacc4\uc18d \ubaa8\ub2c8\ud130\ub9c1\ud560 \ud544\uc694\uac00 \uc788\uaca0\ub2e4.<\/li><\/ul><\/li><li>\uc131\ub2a5 \uce21\uc815\uc5d0 Calibre(<a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/calibreapp.com\/\" target=\"_blank\">https:\/\/calibreapp.com\/<\/a>)\ub97c \uace0\ub824\ud574\ubcf4\uc790.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\uc6f9\uc5b4\uc148\ube14\ub9ac \uc9c0\uce68\uc11c<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\ubaa8\ub4e0 \uc5b8\uc5b4\uac00 \uc6f9\uc5d0\uc11c \uad6c\ub3d9\uc774 \uac00\ub2a5\ud55c \uc138\uacc4\ub97c \uafc8\uafbc\ub2e4.<\/li><li>\uc194\uc9c1\ud788 \uc544\uc9c1\uae4c\uc9c0\ub3c4 \ub9c9\uc5f0\ud55c \uc2e0\uae30\uc220. \uc2ec\uc9c0\uc5b4 \ubc1c\ud45c\uc790\ub3c4 \uc608\uc0c1\ud560 \uc218 \uc5c6\ub2e4\uace0 \ud55c\ub2e4.<\/li><li>\uc124\uacc4 \uce21\uba74\uc5d0\uc11c native code\uc774\uae30 \ub54c\ubb38\uc5d0 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc640 \ud568\uaed8 \ub3d9\uc791\ud558\ub294 \uac83\uc740 \uc5b4\ub824\uc6b8 \uac83\uc774\ub2e4.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c \uc74c\uc545 \ucc98\ub9ac\ud558\uae30<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" aria-label=\"web audio api (opens in a new tab)\" href=\"https:\/\/www.w3.org\/TR\/webaudio\/\" target=\"_blank\">web audio api<\/a> \ub97c \uc0ac\uc6a9\ud574 \uae30\ud0c0 \uc774\ud399\ud130\ub97c \ub9cc\ub4e0 \uacfc\uc815\uacfc \uc2e4\uc81c \uae30\ud0c0\ub85c \uc5f0\uc8fc\ud558\uba74\uc11c \uc2dc\uc5f0\ud558\uae30<\/li><li>\ubc1c\ud45c\uc7a5\uc774 \ubc1c\ud45c\uc7a5\uc778\uc9c0\ub77c \uc2e4\uc81c \uae30\ud0c0\ub97c \uc774\uc6a9\ud55c \ub370\ubaa8\uc758 \uc0ac\uc6b4\ub4dc\ub294 \ub098\ube74\uc9c0\ub9cc, \ub77c\uc2a4\ud2b8 \uc138\uc158\uc73c\ub85c\ub294 \uc778\uc0c1\uc801\uc774\uc5c8\ub2e4.<\/li><li>\uac1c\uc778\uc801\uc73c\ub85c\ub294 \uae30\ud0c0 \uc774\ud399\ud130\ub4e4\uc758 \uc6d0\ub9ac\ub97c \ub300\ucda9 \uc54c\uace0 \uc788\ub294\ub370, \uc774\ub4e4\uc744 \uc2e4\uc81c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c \uad6c\ud604\ud560 \uc218 \uc788\ub2e4\ub294 \uac83\uc774 \uc778\uc0c1\uc801\uc774\uc5c8\ub2e4.<\/li><li>\uc544\uc9c1\uc740 \uc9c4\uc9dc \uae30\ud0c0\ub9ac\uc2a4\ud2b8\ub97c \ub9cc\uc871\uc2dc\ud0a4\uae30\uc5d4 \uc5b4\ub824\uc6b4 \ud1a0\uc774\ud504\ub85c\uc81d\ud2b8\uc774\uc9c0\ub9cc, \uc55e\uc73c\ub85c\uc758 audio api\uc758 \ubc1c\uc804\uacfc \ube0c\ub77c\uc6b0\uc800\uc758 \ubc1c\uc804\uc744 \uac70\ub4ed\ud558\uba74 \uc0c1\uc6a9\uc73c\ub85c \ud310\ub9e4\ud560 \uc218 \uc788\ub294 \uc218\uc900\ub3c4 \ub418\uc9c0 \uc54a\uc744\uae4c \uae30\ub300\ud558\uac8c \ud55c\ub2e4.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">\uac04\ub2e8\ud558\uac8c \uba54\ubaa8\ub9cc \ud55c \uac83\ub3c4 \uc788\uace0 \uad00\uc2ec\uc774 \uc788\uc5b4 \uc790\ub8cc\ub97c \ub354 \ucc3e\uc544\ubcf8 \uc138\uc158\ub3c4 \uc788\ub294\ub370\uc694, \ub098\ub984 \uc5bb\uc5b4\uc628 \uac83\uc774 \ub9ce\uc740 \uc88b\uc740 \ucee8\ud37c\ub7f0\uc2a4\uc600\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i2.wp.com\/amati.io\/wp-content\/uploads\/2019\/09\/undraw_ideas_flow_cy7b-1.png?fit=620%2C473&amp;ssl=1\" alt=\"\" class=\"wp-image-1042\" width=\"337\" height=\"257\"\/><figcaption>image from <a href=\"https:\/\/undraw.co\/illustrations\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">https:\/\/undraw.co\/illustrations<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uac1c\uc778\uc801\uc73c\ub85c\ub294 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc758 \uad6c\ucd95\uc5d0 \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8\ub97c \ub3c4\uc785\ud588\ub2e4\ub294 \ub0b4\uc6a9\uc774 \uac00\uc7a5 \uc778\uc0c1\uc801\uc774\uc5c8\uace0, \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc5f4\uc2ec\ud788 \uacf5\ubd80\ud574\uc57c\uaca0\ub2e4\ub294 \ub3d9\uae30 \ubd80\uc5ec\ub97c \ubc1b\uc558\uae30\uc5d0 \ub9cc\uc871\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc800\ub294 \uc774\uc804\uc5d0 Deview(https:\/\/deview.kr\/) \ub4f1\uc744 \ucc38\uc5ec\ud55c \uacbd\ud5d8\uc740 \uc788\uc9c0\ub9cc, \uad6d\ub0b4 IT\uae30\uc5c5 \uc704\uc8fc\ub85c \uc9c4\ud589\ub418\ub294 \ub300\ud615 \ucee8\ud37c\ub7f0\uc2a4\ub4e4\uc740 \uc0ac\uc2e4 \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790\uc5d0\uac8c \ud070 \ub3c4\uc6c0\uc774 \uc548\ub41c\ub2e4\ub294 \uc0dd\uac01\uc744 \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.\uac8c\ub2e4\uac00, \uc5ec\ub290 \uac1c\ubc1c\uc790\uac00 \uac70\uc758\ub2e4 \uadf8\ub807\ub4ef \uc0e4\uc774\ud55c \uc131\uaca9\uc758 \ubcf8\uc778\uc774 \ucee8\ud37c\ub7f0\uc2a4\uc5d0\uc11c \uae30\ub300\ud588\ub358 \uac83\uc740 &#8220;\uc21c\uc218\ud55c \uae30\uc220 \uc2b5\ub4dd \ubc0f \uacf5\uc720&#8220;\uc600\uc9c0\ub9cc, \ucd5c\uadfc\uc5d4 \ud574\uc678 \ucee8\ud37c\ub7f0\uc2a4\ucc98\ub7fc \uac1c\ubc1c\uc790\uac04\uc758 \ub124\ud2b8\uc6cc\ud0b9\uc744 \uc720\ub3c4\ud558\uac70\ub098, \ub610\ub294 \uc790\uc0ac\/\uc870\uc9c1\uc758 PR \ub4f1\uc774 \ub354 \ub9ce\uc740 \uac83 \uac19\uc544\uc11c \ucee8\ud37c\ub7f0\uc2a4\ub294 \uc5b8\uc820\uac00\ubd80\ud130 \uc798 \uc548\uac00\uac8c [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1039,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[89,90],"class_list":["post-1014","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-etc","tag-jsconf","tag-jsconf-korea"],"_links":{"self":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/1014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1014"}],"version-history":[{"count":0,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/1014\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}