{"id":726,"date":"2019-04-18T23:05:43","date_gmt":"2019-04-18T14:05:43","guid":{"rendered":"https:\/\/amati.io\/?p=726"},"modified":"2019-04-18T23:05:43","modified_gmt":"2019-04-18T14:05:43","slug":"good-coding-for-codereview-on-javascript","status":"publish","type":"post","link":"https:\/\/blog.neue.nz\/?p=726","title":{"rendered":"\ucf54\ub4dc\ub9ac\ubdf0\ub97c \uc704\ud55c \uc88b\uc740 \ucf54\ub529 &#8211; Javascript \ud3b8"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\ucf54\ub4dc\ub9ac\ubdf0(Code review)\ub294 \uac1c\ubc1c\uc790\uac00 \uc791\uc131\ud55c \ucf54\ub4dc\ub97c \ub2e4\ub978 \uac1c\ubc1c\uc790\uac00 \ub9ac\ubdf0\uc5b4\uac00 \ub418\uc5b4 \ucf54\ub4dc\ub97c \uac80\ud1a0\ud558\ub294 \ud504\ub85c\uc138\uc2a4\ub97c \ub9d0\ud569\ub2c8\ub2e4. \uc7a5\uc810\uc774 \ub9ce\uc544\uc11c \ud68c\uc0ac \uac1c\ubc1c \ud300 \ub4f1\uc758 \uc870\uc9c1\uc5d0\uc11c\ub294 \ub300\ubd80\ubd84 \ub3c4\uc785\ud558\uace0 \uc788\uc8e0.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\uc2e4 \ud63c\uc790\uc11c \ud504\ub85c\uadf8\ub798\ubc0d\ud558\uace0 \uc720\uc9c0\ubcf4\uc218\ub97c \ud558\uace0 \uc788\ub2e4\uba74 \uac1c\ubc1c\uc790 \uc790\uc2e0\uc774 \uc54c\uc544\ubcfc \uc218\ub9cc \uc788\ub2e4\uba74 \ub418\ub294\ub370\uc694. \ucc28\ud6c4\uc5d0 \uc774 \ucf54\ub4dc\ub97c \uc54c\uc544\ubcfc \uc218 \uc788\ub294\uc9c0\uc5d0 \ub300\ud574\uc11c\ub294 \ubcc4\uac1c \ubb38\uc81c\uc774\uc9c0\ub9cc, \uc5b4\uca0c\ub4e0 \ub2e4\ub978 \uc0ac\ub78c\uc744 \uc2e0\uacbd \uc4f8 \ud544\uc694 \uc5c6\uc774 \uc790\uc2e0\uc774 \ud3b8\ud55c\ub300\ub85c \uc791\uc5c5\ud558\uba74 \ub420 \uc77c\uc774\uc8e0.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/developing_code.png\" alt=\"\" class=\"wp-image-827\" width=\"385\" height=\"326\"\/><figcaption>image from <a href=\"https:\/\/www.manypixels.co\/gallery\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">https:\/\/www.manypixels.co\/gallery\/<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \ud68c\uc0ac\uc5d0\uc11c \uc5ec\ub824\uba85\uc774 \ud611\uc5c5\uc744 \ud558\ub294 \uacbd\uc6b0\uc5d4 \ub2e4\ub985\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc790\uc2e0\uc774 \ub9cc\ub4e4\uc5c8\ub358 \ucf54\ub4dc\ub294 \ub2e4\ub978 \uad00\uacc4\uc790\ub3c4 \ubaa8\ub450 \uc54c\uc544\uc57c \ud558\uace0, \ucc28\ud6c4\uc758 \uc778\uc218\uc778\uacc4 \ub4f1 \uc5bc\ub9c8\ub4e0\uc9c0 \uadf8 \ucf54\ub4dc\ub294 \uc790\uc2e0\uc744 \ub5a0\ub0a0 \uc218 \uc788\uae30 \ub54c\ubb38\uc5d0 \uae68\ub057\ud558\uace0 \uc77d\uae30 \uc26c\uc6b4 \ucf54\ub4dc\ub97c \uc0dd\uc0b0\ud574\uc57c \ud569\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uac1c\ubc1c\uc790 \uc2a4\uc2a4\ub85c \ucf54\ub4dc\ub97c \uac80\ud1a0\ud558\ub294 \uac83\uc740 \ud55c\uacc4\uac00 \uc788\uc73c\ubbc0\ub85c, <span style=\"color:#00d084\" class=\"tadv-color\">(QA\uac00 \uc874\uc7ac\ud558\ub294 \uc774\uc720\uc640 \uac19\uc2b5\ub2c8\ub2e4)<\/span> \uc81c3\uc758 \uac1c\ubc1c\uc790\uac00 \ub9ac\ubdf0\ud558\ub294 \ucf54\ub4dc\ub9ac\ubdf0\ub294 \ud544\uc218\uc801\uc778 \ud504\ub85c\uc138\uc2a4\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><span style=\"color:#abb8c3\" class=\"tadv-color\">\ub2e4\ub9cc \ube60\ub974\uac8c \uae30\ub2a5\uc744 \uac1c\ubc1c\ud574\uc11c \ubc30\ud3ec\ud574\uc57c\ud558\ub294 \uc2a4\ud0c0\ud2b8\uc5c5 \uac19\uc740 \uacbd\uc6b0, \uc804\ub7b5\uc801\uc73c\ub85c \ucf54\ub4dc\ub9ac\ubdf0\ub97c \ud558\uc9c0 \uc54a\uace0 \ucf54\ub4dc \ud488\uc9c8\uc744 \ud76c\uc0dd\ud558\ub294 \uc120\ud0dd\uc744 \ud558\uae30\ub3c4 \ud569\ub2c8\ub2e4.<\/span><\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">\ud504\ub85c\ud398\uc154\ub110\uc758 \uc138\uacc4\uc778 \ud68c\uc0ac\uc5d0\uc11c, \uac1c\ubc1c \uae30\uac04\uc5d0 \uc77c\ubd80\ub7ec \uc2dc\uac04\uc744 \ud22c\uc790\ud574 \ubcc4\ub3c4\uc758 \ud504\ub85c\uc138\uc2a4\ub97c \ucd94\uac00\ud55c\ub2e4\ub294 \uac83\uc740 \ud070 \ubd80\ub2f4\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \ucf54\ub4dc\ub9ac\ubdf0\ub97c \ub3c4\uc785\ud558\ub294 \uac83\uc5d0 \ub300\ud574\uc11c\ub294 \ucda9\ubd84\ud788 \uacf5\uac10\ub300\ub97c \ud615\uc131\ud574\uc57c \ud560 \ud544\uc694\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc65c \ucf54\ub4dc\ub9ac\ubdf0\ub97c \ub3c4\uc785\ud560\uae4c\uc694?<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">\ucf54\ub4dc\ub9ac\ubdf0\ub85c \uc5bb\uc744 \uc218 \uc788\ub294 \uc7a5\uc810<\/h4>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>\ud488\uc9c8 \ud5a5\uc0c1<\/strong><\/p><p>\ucf54\ub4dc\uac00 \uae68\ub057\ud574\uc9c0\uace0 \uc77d\uae30 \uc26c\uc6cc\uc9c0\uba70, \uc720\uc9c0\ubcf4\uc218\uac00 \uc26c\uc6cc\uc9d1\ub2c8\ub2e4. \uacb0\uacfc\uc801\uc73c\ub85c \ucf54\ub4dc\uc758 \ud488\uc9c8\uc774 \ud06c\uac8c \ud5a5\uc0c1\ub429\ub2c8\ub2e4.<\/p><p><strong>\ucc45\uc784\uc758 \ubd84\uc0b0<\/strong><\/p><p>\ucf54\ub4dc\ub9ac\ubdf0\ub97c \ud1b5\ud574 \uacb0\uacfc\uc801\uc73c\ub85c \ud55c\uba85\uc774 \uc791\uc131\ud55c \ucf54\ub4dc\uac00 \uc544\ub2cc <span style=\"color:#cf2e2e\" class=\"tadv-color\">\uc5ec\ub7ec\uba85\uc774 \ud568\uaed8 \uc791\uc131\ud55c \ucf54\ub4dc<\/span>\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc81c\ud488 \ucd9c\uc2dc \uc774\uc804\uc5d0 \ud6e8\uc52c \ud6a8\uc728\uc801\uc73c\ub85c \ubc84\uadf8\ub97c \uc7a1\uc744 \uc218 \uc788\uace0, \ub9cc\uc57d \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\ub354\ub77c\ub3c4 \ucc45\uc784\uc18c\uc7ac\ub97c \ub204\uad70\uac00 \ub5a0\uc548\ub294 \ub300\uc2e0 \ubb38\uc81c \ud574\uacb0\uacfc \uc7ac\ubc1c \ubc29\uc9c0\uc5d0 \uc9d1\uc911\ud560 \uc218 \uc788\uac8c \ub429\ub2c8\ub2e4.<\/p><p><strong>\uc9c0\uc2dd \uacf5\uc720 \ubc0f \uc131\uc7a5<\/strong><\/p><p>\uac1c\ubc1c\uc790 \uac1c\uc778\uc774 \uc798 \ubab0\ub790\ub358 \ubb38\ubc95, \uac1c\uc120\ub41c \ub85c\uc9c1\uacfc \uc54c\uace0\ub9ac\uc998, \ub610\ub294 \uc88b\uc740 \uc624\ud508\uc18c\uc2a4 \ub4f1\uc758 \uc9c0\uc2dd\uc744 \ucf54\ub4dc\ub9ac\ubdf0\ub97c \ud1b5\ud574 \uc5bb\uace0 \uc131\uc7a5\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">\ucf54\ub4dc\ub9ac\ubdf0 \ub54c\ubb38\uc5d0 \ubc1c\uc0dd\ud558\ub294 \ub2e8\uc810\uacfc \uc624\ud574<\/h4>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>LOC (line of code)\uac00 \uc99d\uac00\ud558\uace0 \uc6a9\ub7c9\uc774 \ub9ce\uc544\uc9c4\ub2e4<\/strong>?<\/p><p>\ucf54\ub4dc\ub9ac\ubdf0\ub97c \uc704\ud574\uc11c\ub294 \ud6a8\uc728\ubcf4\ub2e4\ub294 \uac00\ub3c5\uc131\uc744 \uc6b0\uc120\ud574\uc57c \ud558\ub294\ub370, \uacbd\uc6b0\uc5d0 \ub530\ub77c\uc11c\ub294 \ucf54\ub4dc \uc790\uccb4\uc758 \uc6a9\ub7c9\uc774 \uc99d\uac00\ud558\uc5ec \ud6a8\uc728\uc774 \ub5a8\uc5b4\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ube4c\ub4dc \ud234\uc758 uglify \ub3c4\uad6c\uac00 \ucd5c\uc801\ud654\ub97c \ub2f4\ub2f9\ud558\uc5ec \uc6a9\ub7c9\uc744 \ud06c\uac8c \uc904\uc5ec\uc8fc\uace0, \ucd5c\uadfc\uc758 \uc6f9\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub3c4 gzip\uc73c\ub85c \ub610 \ud55c\ubc88 \uc555\ucd95\uc744 \ud558\uae30 \ub54c\ubb38\uc5d0 LOC\uc758 \uc99d\uac00\ub294 \ud070 \ubb38\uc81c\uac00 \uc544\ub2d9\ub2c8\ub2e4.<\/p><p><strong>\ucd5c\uc801\ud654\ud558\uae30 \uc5b4\ub835\ub2e4<\/strong>?<\/p><p>\ud604\uc7ac\ub294 \ucef4\ud4e8\ud130\ub098 \ubaa8\ubc14\uc77c \ub2e8\ub9d0\uae30 \ub4f1\uc774 \ucda9\ubd84\ud788 \ube60\ub974\uace0, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc5d4\uc9c4\ub3c4 \uc790\uccb4\uc801\uc73c\ub85c \ucd5c\uc801\ud654\ud558\uc5ec \uc218\ud589\ud558\uae30 \ub54c\ubb38\uc5d0 \ucf54\ub529 \ub2e8\uacc4\uc758 \ubbf8\uc138 \ucd5c\uc801\ud654\ub294 \ub178\ub825\uc758 \ub0ad\ube44\ub77c\uace0 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \u2192 <a rel=\"noreferrer noopener\" aria-label=\"\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ubbf8\uc138 \ucd5c\uc801\ud654 \ud53c\ud558\uae30 (opens in a new tab)\" href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/rendering\/optimize-javascript-execution?hl=ko#_2\" target=\"_blank\">\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ubbf8\uc138 \ucd5c\uc801\ud654 \ud53c\ud558\uae30<\/a><\/p><p>\ub9cc\uc57d \uc131\ub2a5\uc5d0 \uad00\ud574 \uac1c\uc120\ud558\uace0 \uc2f6\ub2e4\uba74 \ud06c\ub86c\uc758 \uac1c\ubc1c\uc790\ub3c4\uad6c \ub4f1\uc744 \ud65c\uc6a9\ud558\uc5ec \ud504\ub85c\ud30c\uc77c\ub9c1 \ud55c \ud6c4 \ubcd1\ubaa9\uc744 \ucc3e\uc544 \uace0\uce58\ub294 \uac83\uc774 \uc88b\uc740 \ubc29\ud5a5\uc785\ub2c8\ub2e4.<\/p><p><strong>\ucf54\ub4dc\ub9ac\ubdf0 \ud504\ub85c\uc138\uc2a4 \ub54c\ubb38\uc5d0 \uac1c\ubc1c \uae30\uac04\uc774 \ub298\uc5b4\ub09c\ub2e4?<\/strong><\/p><p>\ucf54\ub4dc\ub9ac\ubdf0\ub294 \uc81c3\uc790\uac00 \ub9ac\ubdf0\ub97c \ud558\uae30 \ub54c\ubb38\uc5d0 \ud544\uc5f0\uc801\uc73c\ub85c \uac80\ud1a0\ud558\ub294 \uc2dc\uac04\uacfc \uc218\uc815\ud558\ub294 \uc2dc\uac04\uc774 \ucd94\uac00\ub429\ub2c8\ub2e4. \ub610\ud55c \ub9ac\ubdf0\uc5b4 \uc785\uc7a5\uc5d0\uc11c \ubcf4\uba74 \uc790\uc2e0\uc758 \ucf54\ub4dc\uac00 \uc544\ub2cc \uc81c3\uc790\uc758 \ucf54\ub4dc\ub97c <span style=\"color:#cf2e2e\" class=\"tadv-color\">\u00ab\ud2b9\ubcc4\ud788\u00bb<\/span> \uc2dc\uac04\uc744 \ub0b4\uc11c \ub9ac\ubdf0\ud574\uc57c \ud558\uc8e0. \uc2ec\uc9c0\uc5b4 \uc5c5\ubb34\uac00 \ub108\ubb34 \ub9ce\uc744 \ub54c\uc5d4 \ucf54\ub4dc\ub9ac\ubdf0 \uc790\uccb4\uac00 \ud615\uc2dd\uc801\uc774 \ub418\ub294 \uacbd\uc6b0\ub3c4 \ub9ce\uc740 \uac74 \uc0ac\uc2e4\uc785\ub2c8\ub2e4.<br>\uadf8\ub798\uc11c \ucf54\ub4dc\ub9ac\ubdf0\ub294 \ub3c4\uc785\ud558\uae30 \uc804\uc5d0 \uad6c\uc131\uc6d0\ub4e4\ub07c\ub9ac <span style=\"color:#0693e3\" class=\"tadv-color\">\ucf54\ub4dc \ud488\uc9c8 \ud5a5\uc0c1<\/span>\uc774\ub77c\ub294 \ubaa9\ud45c\uc5d0 \ub300\ud574 \uacf5\uac10\ub300\ub97c \uac00\uc838\uc57c \ud569\ub2c8\ub2e4.<\/p><p>\ucf54\ub4dc\uc758 \uc591\uc774 \ub9ce\uac70\ub098 \uc2dc\uac04\uc774 \ubd80\uc871\ud560 \uacbd\uc6b0\uc5d4, \uccb4\ud06c\ub9ac\uc2a4\ud2b8\ub97c \uc124\uc815\ud574\uc11c \ucf54\ub4dc\uc758 \uc131\uaca9\uc5d0 \ub530\ub77c \ucf54\ub4dc\ub9ac\ubdf0 \uc9c4\ud589 \uc5ec\ubd80\ub97c \uacb0\uc815\ud558\ub294 \uac83\ub3c4 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.<\/p><p><strong>\ub0a8\uc774 \ub0b4 \ucf54\ub4dc\ub97c \uc9c0\uc801\ud558\ub294 \uac8c \uc2eb\ub2e4?<\/strong><\/p><p>\uc774\uac83\uc740 \ub18d\ub2f4\uac19\uc740 \uc774\uc720\uc774\uc9c0\ub9cc \ubb34\uc2dc\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \ucf54\ub4dc\ub9ac\ubdf0\ub294 \uc808\ub300\ub85c \uc0c1\uae09\uc790\uac00 \ud558\uae09\uc790\ub97c \ud6c8\ub828\ud558\uae30 \uc704\ud55c \uac83\uc774 \uc544\ub2c8\ub77c, <span style=\"color:#cf2e2e\" class=\"tadv-color\">\ucf54\ub4dc \ud488\uc9c8\uc744 \ud5a5\uc0c1\ud558\ub294 \uac83<\/span>\uc774 \ubaa9\uc801\uc785\ub2c8\ub2e4. \uac1c\ubc1c\uc740 \uc0ac\ub78c\uc774 \ud558\ub294 \uac83\uc774\uae30 \ub54c\ubb38\uc5d0 \ud558\uae09\uc790 \ub300\ud558\ub4ef \ub9ac\ubdf0\ud55c\ub2e4\uba74 \uac10\uc815\uc774 \uc0dd\uae38 \uc218\ubc16\uc5d0 \uc5c6\uace0 \ucf54\ub4dc\ub9ac\ubdf0\uc758 \ubaa9\uc801\uc744 \ub2ec\uc131\ud560 \uc218 \uc5c6\uac8c \ub429\ub2c8\ub2e4.<\/p><p>\uadf8\ub798\uc11c \ucf54\ub4dc \ub9ac\ubdf0\ub97c \ud560 \ub54c\uc5d0\ub294 \uc0c1\/\ud558\uae09\uc790, \uc2dc\ub2c8\uc5b4\/\uc8fc\ub2c8\uc5b4\ub97c \ub9c9\ub860\ud558\uace0 \uc11c\ub85c \uc874\uc911\ud558\ub294 \ub9c8\uc74c\uc73c\ub85c \ub9ac\ubdf0\ub97c \ud574\uc57c \ud569\ub2c8\ub2e4. \ucf54\ub4dc\uc5d0\uac90 \ubd88\uce5c\uc808\ud558\uac8c, \uc0ac\ub78c\uc5d0\uac90 \uce5c\uc808\ud558\uac8c&#8230;<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">\ucf54\ub4dc\ub9ac\ubdf0\uc5d0 \ub300\ud574\uc11c\ub294 \ubcc4\ub3c4\ub85c \ud06c\uac8c \ub2e4\ub8f0 \uc815\ub3c4\ub85c \ub9ce\uc740 \ud654\uc81c\uac00 \uc788\uc2b5\ub2c8\ub2e4\ub9cc, \ucc28\ud6c4 \uc598\uae30\ud558\uae30\ub85c \ud558\uace0&#8230; \uc774 \uae00\uc5d0\uc11c\ub294 \uac1c\ubc1c\uc790 \uc785\uc7a5\uc5d0\uc11c \ucf54\ub4dc\ub9ac\ubdf0\ub97c \uc704\ud55c \uc88b\uc740 \ucf54\ub4dc\ub97c \ub9cc\ub4dc\ub294 \ud301\uc744 \uc815\ub9ac\ud574\ubcf4\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">1. \ub9ac\ubdf0\ud560 \ucf54\ub4dc\uc758 \uc591\uc740 \ucd5c\uc18c\ud55c\uc73c\ub85c \uc81c\ud55c\ud574\uc57c \ud55c\ub2e4.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6b0\uc120 \ucf54\ub4dc\uc758 \uc591\uc774 \ub9ce\uc73c\uba74 \ub9ac\ubdf0\uc5b4 \uc785\uc7a5\uc5d0\uc11c \ub9ac\ubdf0\ud558\uae30\uac00 \uc27d\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uc5ec\ub7ec\uac00\uc9c0 feature\uac00 \uc11e\uc5ec\uc788\ub294 \uacbd\uc6b0\uc5d0\ub3c4 \uc81c3\uc790 \uc785\uc7a5\uc5d0\uc120 \ub85c\uc9c1\uc758 \ud750\ub984\uc744 \ub530\ub77c\uac00\uae30 \uc5b4\ub835\uae30 \ub54c\ubb38\uc5d0 \ub9ac\ubdf0\uac00 \uc5b4\ub835\uac8c \ub429\ub2c8\ub2e4.<br>\ub530\ub77c\uc11c \uc88b\uc740 \ub9ac\ubdf0\ub97c \ubc1b\uae30 \uc704\ud574\uc11c\ub294 \ub2e8 \ud558\ub098\uc758 feature\uc5d0 \uc9d1\uc911\ud558\uc5ec \uac1c\ubc1c\ud558\uace0, \uad00\uacc4\uc5c6\ub294 \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uc9c0 \uc54a\uc544\uc57c \ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 feature \uac1c\ubc1c\uc744 \uc644\ub8cc\ud588\ub294\ub370, \ud574\ub2f9 \uc791\uc5c5\uacfc \uad00\ub828\uc774 \uc5c6\ub294 config \ud30c\uc77c\uc744 \uac1c\uc120\ud558\uace0 \uc2f6\ub2e4\uace0 \ud574\uc11c \ud568\uaed8 Pull Request\ub97c \ubcf4\ub0b4\ub294 \uac83\uc740 \ud53c\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubd88\uac00\ud53c\ud558\uac8c \ud558\ub098\uc758 feature\uc784\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0 \ub300\ub7c9\uc758 \ucf54\ub4dc\ub97c \ucd94\uac00\ud588\ub2e4\uba74, \uc628\ub77c\uc778 \ucf54\ub4dc\ub9ac\ubdf0 \ub300\uc2e0\uc5d0 \uc624\ud504\ub77c\uc778\uc73c\ub85c \ud68c\uc758\ub97c \uc5f4\uc5b4 \uc9c1\uc811 \uc124\uba85\ud558\ub294 \uac83\uc774 \uc88b\uaca0\ub124\uc694.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. \ud574\ub2f9 \uae30\ub2a5\uc774 \uc644\ubcbd\ud788 \uad6c\ud604\ub418\uc5c8\uc744 \ub54c\uc5d0 PR\uc744 \ubcf4\ub0b8\ub2e4.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\ucf54\ub4dc\ub97c \uac1c\ubc1c\ud558\ub294 \ub3c4\uc911\uc5d0 PR\uc744 \ubcf4\ub0b4\uc9c0 \uc54a\uace0, \uc644\ubcbd\ud558\uac8c \uad6c\ud604\uc744 \uc644\ub8cc\ud55c \ud6c4 PR\uc744 \ubcf4\ub0b4\uc57c \ud569\ub2c8\ub2e4. \ub9cc\uc57d github\uc744 \uc774\uc6a9\ud55c\ub2e4\uba74 travis CI\ub97c \uc5f0\ub3d9\ud558\uc5ec push\ub97c \ud560 \ub54c\uc5d0 \ube4c\ub4dc\ub97c \ubc14\ub85c \uac80\uc0ac\ud560 \uc218 \uc788\ub3c4\ub85d \uc790\ub3d9\ud654\ud558\ub294 \uac83\ub3c4 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3. \ucf54\ub4dc\uc758 \ud6a8\uc728\ubcf4\ub2e4\ub294 \ucee8\ubca4\uc158\uacfc \uac00\ub3c5\uc131\uc744 \uc6b0\uc120\ud55c\ub2e4.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\ucf54\ub4dc\uc758 \ud6a8\uc728\uc744 \uac1c\uc120\ud558\ub294 \ubbf8\uc138 \ucd5c\uc801\ud654, \ucf54\ub4dc\uc758 \uc6a9\ub7c9\uc744 \uc904\uc774\ub294 \ucf54\ub529 \ubc29\ubc95, \ub610\ub294 \uac1c\ubc1c\uc790 \uac1c\uc778\uc758 \uc2b5\uad00 \ub4f1\uc740 \ud5c8\uc6a9\ub418\uc9c0 \uc54a\ub294 \uac83\uc740 \uc544\ub2c8\uc9c0\ub9cc, \uc774 \ubaa8\ub4e0 \uac83\ubcf4\ub2e4 \uac00\ub3c5\uc131\uc744 \ucd5c\uc6b0\uc120\ud558\uc5ec \ud504\ub85c\uadf8\ub798\ubc0d\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2e4\uc81c\ub85c \ucee8\ubca4\uc158\uc740 \ucf54\ub4dc\ub9ac\ubdf0\uc5d0\uc11c \uc790\uc8fc \uc9c0\uc801\ub418\ub294 \uc18c\ubaa8\uc801\uc778 \uc774\uc288\uc778\ub370, \uac00\ub2a5\ud558\ub2e4\uba74 \ud504\ub85c\uc81d\ud2b8\uc5d0 <a rel=\"noreferrer noopener\" aria-label=\"ESLint (opens in a new tab)\" href=\"https:\/\/eslint.org\/\" target=\"_blank\">ESLint<\/a>, <a rel=\"noreferrer noopener\" aria-label=\"Prettier (opens in a new tab)\" href=\"https:\/\/prettier.io\/\" target=\"_blank\">Prettier<\/a> \ub4f1\uc758 \ub3c4\uad6c\ub97c \uc124\uc815\ud574\uc11c \uc790\ub3d9\uc73c\ub85c \ucee8\ubca4\uc158\uacfc \uac00\ub3c5\uc131\uc744 \ud1b5\uc77c\uc2dc\ud0a4\ub294 \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">4. \uc8fc\uc11d\uc740 \ucd5c\uc18c\ud654\ud574\uc57c \ud55c\ub2e4.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\uacfc\uac70\uc5d0\ub294 \uc8fc\uc11d\uc744 \ub9ce\uc774 \ucd94\uac00\ud558\ub294 \uac83\uc774 \ubbf8\ub355\ucc98\ub7fc \uc5ec\uaca8\uc84c\ub358 \uc2dc\uae30\ub3c4 \uc788\uc5c8\uc9c0\ub9cc, \ud604\uc7ac\ub294 \uadf8\ub807\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub85c\uc9c1\uc744 \ubcc4\ub3c4\ub85c \uc124\uba85\ud558\uae30 \uc704\ud55c \uc8fc\uc11d\uc740 \ub2ec\uc9c0 \uc54a\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \ubc14\uafd4 \ub9d0\ud558\uc790\uba74, <span style=\"color:#cf2e2e\" class=\"tadv-color\">\uc8fc\uc11d \uc5c6\uc774 \uc774\ud574\ud560 \uc218 \uc788\ub294 \ucf54\ub4dc<\/span>\ub97c \uc0dd\uc0b0\ud574\uc57c \ud569\ub2c8\ub2e4.<br>\uac1c\ubc1c\ud560 \ub54c\uc5d0 \ub098\uc911\uc5d0 \ud560 \uc77c\uc744 &#8220;todo&#8221;\ub85c \uc2dc\uc791\ud558\ub294 \uc8fc\uc11d\uc744 \ub2ec\uc544\ub450\ub294 \uacbd\uc6b0\ub3c4 \ub9ce\uc740\ub370, \uc774 \uc5ed\uc2dc \uac1c\ubc1c\uc744 \uc644\ub8cc\ud558\uc5ec todo\ub97c \ub0a8\uae30\uc9c0 \uc54a\uac70\ub098 feature\ub97c \ubd84\ub9ac\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub610\ud55c \ucf54\ub4dc \uc790\uccb4\ub97c \uc8fc\uc11d\ucc98\ub9ac\ud558\uace0 \uc791\ub3d9\ud558\uc9c0 \uc54a\uac8c \uc124\uc815\ud558\uac70\ub098, \ub098\uc911\uc5d0 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \ub0a8\uaca8\ub193\ub294 \uacbd\uc6b0\ub3c4 \ub9ce\uc740\ub370, \uc774 \uc5ed\uc2dc \ucf54\ub4dc\ub97c \uc77d\uae30 \uc5b4\ub835\uac8c \ub9cc\ub4ed\ub2c8\ub2e4. \ub9cc\uc57d \uacfc\uac70\uc758 \ucf54\ub4dc\ub97c \uc7ac\uc0ac\uc6a9\ud560 \uc77c\uc774 \uc608\uc0c1\ub418\uc5b4 \uc8fc\uc11d\uc744 \ub0a8\uacbc\ub2e4\uba74, \ucc28\ud6c4\uc5d0 git commit history \ub4f1\uc73c\ub85c \ubcf5\uc6d0\ud558\ub294 \uac83\ub3c4 \uac00\ub2a5\ud558\uae30 \ub54c\ubb38\uc5d0 \uc8fc\uc11d\uc744 \uc0ad\uc81c\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc8fc\uc11d\uc744 \ub0a8\uae30\uae30\uc5d0 \uc801\ub2f9\ud55c \uac83\uc740 <span style=\"text-decoration: underline;\"><span style=\"text-decoration: underline\" class=\"underline\">\ucf54\ub4dc\ub9cc\uc73c\ub85c \uc774\ud574\ud560 \uc218 \uc5c6\ub294 \ubd80\ubd84<\/span><\/span>\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uba74 \uacb0\uc815\ub41c \uae30\ud68d, \uad00\ub828 \uc774\uc288\ub098 \uc704\ud0a4\uc758 URL, \ud0c0 \ubd80\uc11c\uc640\uc758 \ud611\uc758 \uacb0\uacfc \ub4f1\uc774\uc8e0.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">5. \ub124\uc774\ubc0d \ubc0f \ud65c\uc6a9 &#8211; \uc0c1\uc218, \ubcc0\uc218 \ud3b8<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\ub124\uc774\ubc0d\uc740 \uc0ac\uc18c\ud55c \uc8fc\uc81c\uc778 \uac83 \uac19\uc73c\uba74\uc11c\ub3c4 \uc0ac\uc2e4\uc740 \ud504\ub85c\uadf8\ub798\uba38\uac00 \uac00\uc7a5 \ud798\ub4e4\uc5b4\ud558\ub294 \uc77c \uc911\uc5d0 \ud558\ub098\ub77c\uace0 \ud558\ub294 \uc7ac\ubbf8\uc788\ub294 \ud1b5\uacc4\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubcc0\uc218\/\ud568\uc218\uc758 \ub124\uc774\ubc0d\uc740 \uc2e4\uc81c\ub85c \ucf54\ub4dc\ub9ac\ubdf0\uc5d0\uc11c \uac00\uc7a5 \ub9ce\uc774 \uc9c0\uc801\ub418\ub294 \ubd80\ubd84 \uc911 \ud558\ub098\uc778\ub370\uc694, 4\ubc88 \ud56d\ubaa9\uacfc\ub3c4 \uc5f0\uad00\uc774 \ub418\uc9c0\ub9cc \ub124\uc774\ubc0d \ub9cc\uc73c\ub85c\ub3c4 \uc5ed\ud560\uacfc \ud558\ub294 \uc77c\uc744 \uc124\uba85\ud560 \uc218 \uc788\ub294 \ub85c\uc9c1\uc774 \ubc14\ub85c \uc8fc\uc11d\uc774 \ud544\uc694\uc5c6\ub294 \uc88b\uc740 \ub85c\uc9c1\uc774\uae30 \ub54c\ubb38\uc5d0 \ub124\uc774\ubc0d\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2b5\uad00\uc774\ub098 \uc870\uc9c1\uc5d0 \ub530\ub77c \ub2e4\ub974\uaca0\uc9c0\ub9cc \uc77c\ubc18\uc801\uc73c\ub85c \uc0c1\uc218\uc640 \ubcc0\uc218\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ubc29\uc2dd\uc73c\ub85c \uc774\ub984\uc744 \uc9d3\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\uc0c1\uc218(const) : \ub300\ubb38\uc790 + underscore\uc758 \uc870\ud569<br>\uc608. <code>DELAY_TIME<\/code>, <code>HOME_ITEM_MAX_LENGTH<\/code>, &#8230;<\/li><li>\ubcc0\uc218(var, let) : \uc18c\ubb38\uc790 + \uce74\uba5c \ucf00\uc774\uc2a4<br>\uc608. <code>className<\/code>, <code>packageType<\/code>, <code>tabId<\/code>, &#8230;<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">uglify \ub3c4\uad6c\ub97c \ube4c\ub4dc\ud560 \ub54c \uc0ac\uc6a9\ud558\uae30 \ub54c\ubb38\uc5d0 \ub124\uc774\ubc0d\uc774 \uae38\uc5b4\uc9c0\ub294 \uac83\uc740 \uac71\uc815\ud560 \ud544\uc694\uac00 \uc5c6\uc2b5\ub2c8\ub2e4. \uc608\uc678\uc801\uc73c\ub85c \uac1d\uccb4\uc758 property\uba85 \ub4f1\uc774 uglify\ub418\uc9c0 \uc54a\ub294 \uacbd\uc6b0\uac00 \uc788\uc2b5\ub2c8\ub2e4\ub9cc, property\uba85\uc744 \uc77c\ubd80\ub7ec \uc904\uc774\ub294 \uac83\uc740 \ubbf8\uc138 \ucd5c\uc801\ud654\uc5d0 \uc18d\ud558\uae30 \ub54c\ubb38\uc5d0 \uc5ed\uc2dc \uac00\ub3c5\uc131\uc744 \uc6b0\uc120\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\uc74c\uacfc \uac19\uc740 \ub8f0\uc740 \uc124\uba85\ud558\uc9c0 \uc54a\uc544\ub3c4 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud504\ub85c\uadf8\ub798\ubc0d\uc758 \uae30\ubcf8\uc774\uc9c0\uc694.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\uc804\uc5ed\ubcc0\uc218\ub294 \ucd5c\ub300\ud55c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uac70\ub098 \uc0ac\uc6a9\uc744 \uae08\uc9c0\ud55c\ub2e4.<\/li><li>var, let, const\ub97c \ud56d\uc0c1 \uc0ac\uc6a9\ud558\uc5ec \ubcc0\uc218\uc758 scope\ub97c \uc801\uc808\ud55c \ubc94\uc704\ub85c \uc124\uc815\ud55c\ub2e4.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0c1\uc218\ub098 \ubcc0\uc218\ub97c \ub9cc\ub4e4 \ub54c\uc5d0 \ucd5c\ub300\ud55c \uc54c\uae30 \uc27d\uac8c \uae30\uc220\ud558\ub294 \uac83\ub3c4 \uc88b\uc2b5\ub2c8\ub2e4.<br>\uc608\ub97c \ub4e4\uc5b4 &#8220;\ub300\uae30 \uc2dc\uac04\uc744 10\ubd84\uc73c\ub85c \uc124\uc815&#8221;\ud558\uae30 \uc704\ud574 \uc0c1\uc218\ub97c \ub9cc\ub4e4 \ub54c\uc5d4 <code>600000<\/code>\uc774\ub77c\ub294 \ub2e8\uc21c\ud55c \uc22b\uc790\ub97c \ud560\ub2f9\ud558\ub294 \uac83\ubcf4\ub2e4\ub294 <code>10 * 60 * 1000<\/code>\uc73c\ub85c \ud480\uc5b4 \uc4f0\uace0 \uc8fc\uc11d\uc73c\ub85c \ub2e8\uc704\ub97c \ub2ec\uc544\uc8fc\ub294 \uac83\uc774 \uc774\ud574\ud558\uae30 \uc27d\uc2b5\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc774\ub7f0 \uad6c\ubb38\uc740 \ub300\ubd80\ubd84 uglify \ub3c4\uad6c\uc5d0\uc11c \ucd5c\uc801\ud654\ub418\ubbc0\ub85c \ucf54\ub4dc\uc758 \uc591\uc740 \uac71\uc815\ud558\uc9c0 \uc54a\uc544\ub3c4 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ HMM...\nconst DELAY_TIME = 600000;\n\n\/\/ GOOD!!\nconst DELAY_TIME = 10 * 60 * 1000; \/\/ ms<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc544\ub798\uc758 \uc608\ub294 \ud6a8\uc728 \uba74\uc5d0\uc11c\ub294 \ubd88\ud544\uc694\ud55c \ubcc0\uc218\ub97c \ub9cc\ub4e4\uae30 \ub54c\ubb38\uc5d0 \uc88b\uc9c0 \uc54a\uc740 \ucf54\ub4dc\ub85c \ubcf4\uc774\uc9c0\ub9cc \uc0ac\uc2e4 \ucf54\ub4dc\ub85c \ubaa8\ub4e0\uac83\uc744 \uc124\uba85\ud560 \uc218 \uc788\ub294 \ucf54\ub4dc\uc774\uba70 \uac00\ub3c5\uc131\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uc774 \ub610\ud55c uglify \ub3c4\uad6c\uc5d0\uc11c \ucd5c\uc801\ud654\ub418\ubbc0\ub85c \uac71\uc815\ud560 \ud544\uc694\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ HMM...\ndoSomething(sendAPI, 600000);\n\n\/\/ GOOD!!\nconst SEND_API_INTERVAL_TIME = 10 * 60 * 1000; \/\/ ms\ndoSomethingWithInterval(sendAPI, SEND_API_INTERVAL_TIME);<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">6. \ub124\uc774\ubc0d \ubc0f \ud65c\uc6a9 &#8211; \ud568\uc218 \ud3b8<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\ud568\uc218\uc758 \uc774\ub984\uc740 \ubcc4\ub3c4\uc758 \uc8fc\uc11d\uc774 \ub2ec\ub824\uc788\uc9c0 \uc54a\ub354\ub77c\ub3c4 \ubb34\uc2a8\uc77c\uc744 \ud558\ub294 \ud568\uc218\uc778\uc9c0 \ud655\uc2e4\ud788 \ud45c\ud604\ud560 \uc218 \uc788\ub3c4\ub85d \uc774\ub984\uc744 \uc9c0\uc5b4\uc57c \ud569\ub2c8\ub2e4. \uc815\ud655\ud55c \ub124\uc774\ubc0d\uc744 \ud1b5\ud574 \ud568\uc218\uc758 \uc815\uccb4\uc131\uc744 \ud655\ubcf4\ud558\uba74 \ucc28\ud6c4\uc5d0 \ud568\uc218 \ub0b4\uc5d0 \uad00\ub828\uc774 \uc5c6\ub294 \ucf54\ub4dc\ub97c \uc790\uafb8 \uc9d1\uc5b4\ub123\ub294 \uc77c\ub3c4 \uc758\ub3c4\uc801\uc73c\ub85c \uc904\uc5b4\ub4e4\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucd5c\uadfc\uc758 \ud2b8\ub80c\ub4dc\uc778 \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc5d0\uc11c\ub294 \ud2b9\ud788 \ub124\uc774\ubc0d\uc774 \uc911\uc694\ud574\uc84c\uc2b5\ub2c8\ub2e4. \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc5d0\uc11c\uc758 \ud568\uc218\ub294 \uc5ed\ud560\uc744 \ucd5c\uc18c\ud654\ud558\uc5ec \ud55c\uac00\uc9c0 \uc77c\uc5d0 \uc9d1\uc911\ud558\uace0, \ucc45\uc784\uc744 \ud655\uc2e4\ud558\uac8c \ubd84\ub9ac\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud504\ub85c\uadf8\ub798\ubc0d\uc744 \ud558\ub2e4 \ubcf4\uba74 \ube44\uc2b7\ud55c \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\ub294 \uacbd\uc6b0\ub3c4 \ub9ce\uc740\ub370, \uc774\ub7ec\ud55c \uc911\ubcf5\uc740 \ucd5c\uc18c\ud55c\uc73c\ub85c \uc904\uc774\uace0 \ud568\uc218\ub85c \ubd84\ub9ac\ub97c \ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uc774 \uc5ed\uc2dc \ub9e4\uc6b0 \uc911\uc694\ud55c\ub370, \uac00\ub054 \ud504\ub85c\uadf8\ub798\ubc0d\ud558\uc2dc\ub294 \ubd84\ub4e4 \uc911\uc5d0\ub294 \ucf54\ub4dc \uc911\ubcf5\uc744 \uadf9\ub2e8\uc801\uc73c\ub85c \uc2eb\uc5b4\ud558\uace0 1\uc904\uc774\ub77c\ub3c4 \uc911\ubcf5\ub41c\ub2e4\uba74 \ub9ac\ud329\ud1a0\ub9c1\ud574\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud558\ub294 \ubd84\ub4e4\ub3c4 \uc788\uc744 \uc815\ub3c4\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud568\uc218\uc758 \ucc45\uc784\uc744 \uacc4\uc18d \ubd84\ub9ac\ud558\ub2e4 \ubcf4\uba74 \uac00\ub054 \uae30\ubcf8\uc801\uc73c\ub85c \ubaa8\ub4e0 \ud504\ub85c\uadf8\ub7a8\uc5d0 \uacf5\ud1b5\uc73c\ub85c \ud3ec\ud568\ub420\ub9cc\ud55c \ucf54\ub4dc\uac00 \uc0dd\uc0b0\ub418\uae30\ub3c4 \ud569\ub2c8\ub2e4. &#8220;\uc21c\uc218\ud568\uc218&#8221;\uc758 \uc601\uc5ed\uc5d0 \uc18d\ud558\ub294 \ud568\uc218\ub4e4\uc778\ub370, \uc608\ub97c\ub4e4\uba74 map, filter, reduce, sort, isNumber \uac19\uc740 \uc885\ub958\uc785\ub2c8\ub2e4.<br>\uc774\ub7ec\ud55c \ud568\uc218\ub294 \uc9c1\uc811 \ub9cc\ub4e4\uae30\ubcf4\ub2e4\ub294 <a rel=\"noreferrer noopener\" aria-label=\"Lodash (opens in a new tab)\" href=\"https:\/\/lodash.com\/\" target=\"_blank\">Lodash<\/a>, <a rel=\"noreferrer noopener\" aria-label=\"Underscore.js (opens in a new tab)\" href=\"https:\/\/underscorejs.org\/\" target=\"_blank\">Underscore.js<\/a> \ub4f1\uc5d0\uc11c \ud544\uc694\ud55c \ud568\uc218\ub9cc import\ud558\ub294 \uac83\ub3c4 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4. \uc774 \ucf54\ub4dc\ub4e4\uc740 \ubaa8\ub4e0 \ud14c\uc2a4\ud2b8\ucf00\uc774\uc2a4\ub97c \ud1b5\uacfc\ud558\uc5ec \uac80\uc99d\ub41c \uacac\uace0\ud55c \ucf54\ub4dc\uc774\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">7. \uc608\uc678\ucc98\ub9ac \uc798\ud558\uae30<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\uc678 \ucc98\ub9ac\ub294 \ubc84\uadf8\uac00 \ubc1c\uc0dd\ud558\uae30 \uc26c\uc6b4 \ubd80\ubd84 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \ud568\uc218\uc758 \uc785\ucd9c\ub825\uc744 \ud655\uc2e4\ud788 \ud55c\uc815\uc2dc\ud0a4\uace0, \ubaa8\ub4e0 \uc785\ub825\uc5d0 \ub300\ud574 \uc801\uc808\ud558\uac8c \ucc98\ub9ac\ud558\uc5ec \ucd9c\ub825\ud560 \uc218 \uc788\ub3c4\ub85d \ud504\ub85c\uadf8\ub798\ubc0d\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac00\ub054 \uc2a4\ud06c\ub9bd\ud2b8\uc758 \uc678\ubd80\uc5d0\uc11c \ubc1b\ub294 \uc785\ub825\uc5d0\uc11c \ubb38\uc81c\uac00 \uc0dd\uae30\ub294 \uacbd\uc6b0\uac00 \uc788\ub294\ub370, \uac00\uc7a5 \ud754\ud55c \uc608\ub85c\ub294 \uc11c\ubc84\ub85c\ubd80\ud130 \ubc1b\ub294 \ub370\uc774\ud130, JSON \uc758 \uc608\uc678\ucc98\ub9ac\uc785\ub2c8\ub2e4.<br>JSON\uc758 \ud615\uc2dd\uc5d0 \ubb38\uc81c\uac00 \uc788\uc744 \uacbd\uc6b0, runtime \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uc5ec \uc2e4\ud589\uc774 \uc911\uc9c0\ub418\ub294\ub370\uc694, JSON.parse() \uc5d0 \ub300\ud574 try-catch\ub97c \uc0ac\uc6a9\ud574\uc11c \uc608\uc678\ucc98\ub9ac\ub97c \ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">let data;\nif (serverResponse) {\n  try {\n    data = JSON.parse(serverResponse);\n  } catch(e) {\n    doSomething(e); \/\/ JSON\uc5d0 \uc624\ub958\uac00 \uc788\uc744 \uacbd\uc6b0\uc758 \ucc98\ub9ac\n  }\n}<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">8. \uadf8 \uc678\uc5d0 \uc790\uc8fc \uc9c0\uc801\ub418\ub294 \uc774\uc288<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>(1) <\/strong><code><strong>if \/ elseif<\/strong><\/code><strong>\uc758 \uc911\ucca9, <\/strong><code><strong>switch \/ case<\/strong><\/code><strong>\uc758 \uc911\ucca9\uc774 \uc788\uc744 \uacbd\uc6b0<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uacbd\uc6b0\uc5d0\ub294 \uc911\ucca9\ub41c if \/ switch \ubb38\uc744 \ubcc4\ub3c4\uc758 \ud568\uc218\ub85c \ubd84\ub9ac\ud560 \uc218 \uc788\ub294\uc9c0 \uace0\ubbfc\ud574\uc57c \ud569\ub2c8\ub2e4. <code>if<\/code>\uc640 <code>switch<\/code>\ub294 \uac00\ub3c5\uc131\uc744 \ud574\uce58\ub294 \ub300\ud45c\uc801\uc778 \ubb38\ubc95\uc778\ub370 \uc911\ucca9\uc774 \uacc4\uc18d\ub418\uba74 \uc77d\uae30\uac00 \uc27d\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>(2) <\/strong><code><strong>if<\/strong><\/code><strong>\uc758 <\/strong><code><strong>else<\/strong><\/code><strong>, <\/strong><code><strong>switch<\/strong><\/code><strong>\uc758 <\/strong><code><strong>default<\/strong><\/code><strong>\uac00 \uc788\ub294\uac00?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\uc678 \ucc98\ub9ac\uc5d0 \uad00\ub828\ub41c \uac83\uc778\ub370\uc694, \ub85c\uc9c1 \uc0c1 \ube44\uc5b4\uc788\ub294 \uad6c\uba4d\uc744 \ub9cc\ub4e4\uc9c0 \uc54a\uace0 \ubaa8\ub4e0 \uc870\uac74\uc5d0 \ub300\ud574 \uc801\uc808\ud558\uac8c \ucc98\ub9ac\ub420 \uc218 \uc788\ub3c4\ub85d \ud504\ub85c\uadf8\ub798\ubc0d\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>(3) \uc870\uac74\uc758 \uc21c\uc11c<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud504\ub85c\uadf8\ub7a8\uc758 \ud750\ub984\uc0c1 \ub9cc\ub0a0 \uac00\ub2a5\uc131\uc774 \ub192\ub2e4\uace0 \uc0dd\uac01\ub418\ub294 \uc870\uac74\uc744 \uba3c\uc800 \ud310\ub2e8\ud558\ub294 \uac83\uc740 \ubbf8\uc138 \ucd5c\uc801\ud654 \ubc29\ubc95 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \uc608\ub97c\ub4e4\uc5b4 0\uacfc 0\uc774 \uc544\ub2cc \uc218\uac00 \uc870\uac74\uc774\ub77c\uba74, \uc790\uc5f0\uc2a4\ub7fd\uac8c &#8220;0\uc774 \uc544\ub2cc \uc218&#8221; \ucabd\uc774 true\uac00 \ub420 \uac00\ub2a5\uc131\uc774 \ub192\ub2e4\uace0 \uc608\uc0c1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">if (lastNumber !== 0) {\n  \/\/ doSomething();\n} else {\n  \/\/ doOtherSomething();\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \uc774\ub7f0 \ubbf8\uc138 \ucd5c\uc801\ud654\ubcf4\ub2e4\ub294 \uc5ed\uc2dc \uac00\ub3c5\uc131\uc744 \uc6b0\uc120\uc73c\ub85c \ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uac00\ub3c5\uc131\uc5d0 \uc788\uc5b4\uc11c\ub294 \ubd80\uc815\ubcf4\ub2e4 \uae0d\uc815\uc758 \uc870\uac74\uc744 \uba3c\uc800 \ub450\ub294 \uc21c\uc11c\ub85c \ud558\uba74 \uc88b\ub2e4\uace0 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>(4) \ube44\ub3d9\uae30\ub85c \uc2e4\ud589\ub418\ub294 \uc601\uc5ed\uc740 \ucd5c\uc18c\ud654\ud560 \uac83<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>setInterval<\/code>, <code>setTimeout<\/code> \uad6c\ubb38\uc740 \ube44\ub3d9\uae30\ub85c \uc2e4\ud589\ub418\uae30 \ub54c\ubb38\uc5d0 \ud504\ub85c\uadf8\ub7a8\uc758 \ud750\ub984\uc744 \ubc29\ud574\ud558\ub294 \ub300\ud45c\uc801\uc778 \ub85c\uc9c1 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc744 \ucd5c\uc18c\ud654\ud558\uace0, \ub9cc\uc57d \uc0ac\uc6a9\ud558\ub354\ub77c\ub3c4 \ucd5c\uc18c\ud55c\uc758 \uc601\uc5ed\uacfc \ucc45\uc784\uc744 \uac00\uc9c0\ub3c4\ub85d \ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ube44\ub3d9\uae30\ub85c \uc2e4\ud589\ub418\ub294 \ub85c\uc9c1\uc740 \ud56d\uc0c1 \ubc84\uadf8\uc758 \uac00\ub2a5\uc131\uc774 \ub192\uc740\ub370, ES6\uc5d0 \ucd94\uac00\ub41c promise \ub610\ub294 async, await\ub97c \ud65c\uc6a9\ud558\uc5ec \ub3d9\uae30\uc2dd\uc73c\ub85c \ucc98\ub9ac\ud558\ub294 \uae30\ubc95\uc744 \uc801\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\uc0c1\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub9ac\ubdf0\uc5b4\ub294 \uc804\ubc18\uc801\uc778 \ub85c\uc9c1\uc744 \ud30c\uc545\ud560 \uac00\ub2a5\uc131\uc774 \uc801\uae30 \ub54c\ubb38\uc5d0 feature\uc5d0 \ub530\ub978 \uae30\ub2a5\uad6c\ud604\uc744 \uac80\ud1a0\ud558\uae30\ubcf4\ub2e4\ub294 \ud568\uc218 \ub2e8\uc704\uc758 \ub9ac\ubdf0, \uc77c\ubc18\uc801\uc778 \ub85c\uc9c1\uacfc \uc54c\uace0\ub9ac\uc998\uc5d0 \ub300\ud55c \ub9ac\ubdf0, \ub610\ub294 \ucee8\ubca4\uc158\uc744 \uc911\uc810\uc801\uc73c\ub85c \uac80\ud1a0\ud558\ub294 \uacbd\ud5a5\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \uac1c\ubc1c\uc790 \uc785\uc7a5\uc5d0\uc11c\ub294 \uc704 \ub0b4\uc6a9\uc744 \ud56d\uc0c1 \uc5fc\ub450\uc5d0 \ub450\uace0 \ud504\ub85c\uadf8\ub798\ubc0d\ud55c\ub2e4\uba74, \uc88b\uc740 \ucf54\ub4dc\ub9ac\ubdf0\ub97c \ubc1b\uc744 \uac00\ub2a5\uc131\uc774 \ub192\uc544\uc9c8 \uac83\uc785\ub2c8\ub2e4.<br>\ucf54\ub4dc\ub9ac\ubdf0\ub97c \ub2e8\ubc88\uc5d0 \ud1b5\uacfc\ud558\uac70\ub098, \ub2e8\uc21c\ud558\uace0 \ubc18\ubcf5\uc801\uc778 \ub9ac\ubdf0\ub294 \ucd5c\uc18c\ud654\ud558\uba74\uc11c \uc911\uc694\ud55c \ub85c\uc9c1\uc774\ub098 \ub193\uce5c \ubd80\ubd84\uc5d0 \ub300\ud55c \uc18c\uc911\ud55c \ub9ac\ubdf0\ub97c \ubc1b\uc744 \uc218 \uc788\uaca0\uc8e0?<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><span style=\"color:#f78da7\" class=\"tadv-color\">Update in 2019.04.19<\/span><\/p><p>\ucf54\ub4dc\ub9ac\ubdf0\ub97c \uc704\ud55c \uc88b\uc740 \ucf54\ub529\uc774\ub77c\ub294 \uac83\uc740 \uace7 &#8220;\ud074\ub9b0 \ucf54\ub4dc&#8221;\ub97c \uc791\uc131\ud55c\ub2e4\ub294 \uac83\uacfc \uc77c\ub9e5\uc0c1\ud1b5\ud569\ub2c8\ub2e4. <a href=\"https:\/\/www.amazon.com\/Clean-Code-Handbook-Software-Craftsmanship-dp-0132350882\/dp\/0132350882\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Robert C. Martin \uc758 \ucc45 Clean code (opens in a new tab)\">Robert C. Martin \uc758 \ucc45 Clean code<\/a>\uc758 \ub0b4\uc6a9\uc744 javascript\uc5d0 \ub9de\uac8c \uc801\uc6a9\uc2dc\ucf1c \uc62e\uae34 github repo\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\ubcf4\ub2e4 \ud6e8\uc52c \uc88b\uc740 \ub0b4\uc6a9\uc778\uc9c0\ub77c \ub9c1\ud06c\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p><p>Clean code for javascript (\uc6d0\ubb38) : <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/github.com\/ryanmcdermott\/clean-code-javascript\" target=\"_blank\">https:\/\/github.com\/ryanmcdermott\/clean-code-javascript<\/a><\/p><p>\ud074\ub9b0 \ucf54\ub4dc (\ud55c\uad6d\uc5b4 \ubc88\uc5ed) : <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/github.com\/qkraudghgh\/clean-code-javascript-ko\" target=\"_blank\">https:\/\/github.com\/qkraudghgh\/clean-code-javascript-ko<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>\ucf54\ub4dc\ub9ac\ubdf0(Code review)\ub294 \uac1c\ubc1c\uc790\uac00 \uc791\uc131\ud55c \ucf54\ub4dc\ub97c \ub2e4\ub978 \uac1c\ubc1c\uc790\uac00 \ub9ac\ubdf0\uc5b4\uac00 \ub418\uc5b4 \ucf54\ub4dc\ub97c \uac80\ud1a0\ud558\ub294 \ud504\ub85c\uc138\uc2a4\ub97c \ub9d0\ud569\ub2c8\ub2e4. \uc7a5\uc810\uc774 \ub9ce\uc544\uc11c \ud68c\uc0ac \uac1c\ubc1c \ud300 \ub4f1\uc758 \uc870\uc9c1\uc5d0\uc11c\ub294 \ub300\ubd80\ubd84 \ub3c4\uc785\ud558\uace0 \uc788\uc8e0. \uc0ac\uc2e4 \ud63c\uc790\uc11c \ud504\ub85c\uadf8\ub798\ubc0d\ud558\uace0 \uc720\uc9c0\ubcf4\uc218\ub97c \ud558\uace0 \uc788\ub2e4\uba74 \uac1c\ubc1c\uc790 \uc790\uc2e0\uc774 \uc54c\uc544\ubcfc \uc218\ub9cc \uc788\ub2e4\uba74 \ub418\ub294\ub370\uc694. \ucc28\ud6c4\uc5d0 \uc774 \ucf54\ub4dc\ub97c \uc54c\uc544\ubcfc \uc218 \uc788\ub294\uc9c0\uc5d0 \ub300\ud574\uc11c\ub294 \ubcc4\uac1c \ubb38\uc81c\uc774\uc9c0\ub9cc, \uc5b4\uca0c\ub4e0 \ub2e4\ub978 \uc0ac\ub78c\uc744 \uc2e0\uacbd \uc4f8 \ud544\uc694 \uc5c6\uc774 \uc790\uc2e0\uc774 \ud3b8\ud55c\ub300\ub85c \uc791\uc5c5\ud558\uba74 \ub420 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":827,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[40,69],"class_list":["post-726","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-code-review","tag-good-code"],"_links":{"self":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/726","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=726"}],"version-history":[{"count":0,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/726\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}