article<\/span>><\/span><\/code><\/pre>\n\uc774 \ub450 \uac00\uc9c0 \uc608\uc2dc \ubaa8\ub450 \ubb38\ubc95\ub9cc \uc54c\uace0 \uc788\ub2e4\uba74, \uc5b4\ub5a4 \uc77c\uc774 \uc77c\uc5b4\ub098\uace0 \uc788\ub294\uc9c0 \uba85\ud655\ud788 \uc54c \uc218 \uc788\ub2e4.<\/p>\n
\uc774 \ub458\uc740 \ubaa8\ub450 \uc120\uc5b8\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc774\uba70, \uc5b4\ub5a4 \uc77c\uc744 \uc5b4\ub5bb\uac8c<\/b> \uc218\ud589\ud558\ub294\uac00 \ubcf4\ub2e4\ub294 \ubb34\uc5c7\uc744<\/b> \uc218\ud589\ud558\ub294\uac00\uc5d0 \uad00\uc2ec\uc774 \uc788\ub2e4.<\/p>\n
\uc989, \uc6b0\ub9ac\uac00 \ubb34\uc5c7\uc744 \uc5bb\uace0\uc790 \ud558\ub294\uac00\uc5d0 \uad00\ud574\uc11c\ub9cc \ubb18\uc0ac\ud558\uace0 \uc788\uace0, \uadf8\uac83\uc744 \uc5b4\ub5bb\uac8c \uc5bb\ub294\uac00\uc5d0 \uad00\ud574\uc11c\ub294 \uc54c\ub824\uc8fc\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n
<\/p>\n
SQL \uc608\uc2dc\uc5d0\uc11c\ub294 \uba55\uc2dc\ucf54\uc5d0 \uac70\uc8fc\ud558\ub294 \ubaa8\ub4e0 \uc720\uc800\ub4e4\uc744 \uc120\ud0dd\ud558\ub294 ‘\ubc29\ubc95\uc5d0 \ub300\ud55c \uad6c\ud604’\uc740 \uc6b0\ub9ac\uc5d0\uac8c\uc11c \ucd94\uc0c1\ud654\ub418\uc5b4\uc788\ub2e4.<\/p>\n
HTML \uc608\uc2dc\uc5d0\uc11c\ub294 ‘\uc6f9 \ube0c\ub77c\uc6b0\uc800\uac00 \uc5b4\ub5bb\uac8c article \uc5d8\ub9ac\uba3c\ud2b8\ub97c \ud30c\uc2f1\ud574\uc11c \ud654\uba74\uc5d0 \ubcf4\uc5ec\uc8fc\ub294\uac00’\ub294 \uace0\ub824\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n
\uc6b0\ub9ac\uc758 WHAT<\/b>\uc740 \uc624\uc9c1 ‘\uba55\uc2dc\ucf54 \uc720\uc800\ub4e4<\/u>‘\uacfc \uc6f9\uc0ac\uc774\ud2b8\uc758 ‘header\uc640 paragraph<\/u>‘\uc774\ub2e4.<\/p>\n
<\/p>\n
\uc9c0\uae08\uae4c\uc9c0\ub294 \ucda9\ubd84\ud788 \uc54c\uc544\uba39\uc744 \uc218 \uc788\uc744 \uac83 \uac19\ub2e4.<\/p>\n
\uc774\uc81c, \uc870\uae08 \ub354 \uc2e4\uc804\uc801\uc778 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc608\uc81c\ub85c \ub4e4\uc5b4\uac00\ubcf4\uc790.<\/p>\n
\n\u25a0 \uae30\uc220 \uba74\uc811<\/b><\/h4>\n
\ub2f9\uc2e0\uc740 \ud604\uc7ac \uae30\uc220 \uba74\uc811\uc744 \ubcf4\ub294 \uc911\uc774\uace0, \ub098\ub294 \ud574\ub2f9 \uae30\uc220 \uba74\uc811\uc758 interviewer\uc785\ub2c8\ub2e4.<\/p>\n
\ucf58\uc194\ucc3d\uc744 \uc5f4\uace0, \uc81c\uac00 \ubb3b\ub294 \uc9c8\ubb38\uc5d0 \ud574\ub2f9\ud558\ub294 \ub2f5\uc744 \uc791\uc131\ud574\ubcf4\uc138\uc694.<\/p>\n
<\/p>\n
1.<\/b> \uc22b\uc790 \ubc30\uc5f4\uc744 \ubc1b\uc544\uc11c, \ud574\ub2f9 \ubc30\uc5f4\uc758 \ubaa8\ub4e0 \uc6d0\uc18c\ub4e4\uc744 \ub450 \ubc30 \uc2dc\ud0a8
\n\uc0c8\ub85c\uc6b4 \ubc30\uc5f4\uc744 \ub9ac\ud134\ud558\ub294 ‘double’\uc774\ub77c\ub294 \uc774\ub984\uc758 \ud568\uc218\ub97c \uc791\uc131\ud558\uc138\uc694.<\/p>\n
ex) double([1, 2, 3]) \/\/ [2, 4, 6]<\/p>\n
<\/p>\n
2.<\/b> \uc22b\uc790 \ubc30\uc5f4\uc744 \ubc1b\uc544\uc11c, \ud574\ub2f9 \ubc30\uc5f4\uc758 \ubaa8\ub4e0 \uc6d0\uc18c\ub4e4\uc744 \ub354\ud55c \uac12\uc744 \ub9ac\ud134\ud558\ub294 ‘add’\ub77c\ub294 \ud568\uc218\ub97c \uc791\uc131\ud558\uc138\uc694.<\/p>\n
ex) add([1, 2, 3]) \/\/ 6<\/p>\n
<\/p>\n
3.<\/b> jQuery\ub098 Vanilla Javascript\ub97c \uc774\uc6a9\ud574\uc11c, btn\uc774\ub77c\ub294 id\ub97c \uac00\uc9c4 \uc5d8\ub9ac\uba3c\ud2b8\uc5d0 \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108\ub97c \ub2ec\uc544\ubcf4\uc138\uc694.<\/p>\n
\ud574\ub2f9 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud588\uc744 \ub54c highlight\ub77c\ub294 class\ub97c toggle(add or remove)\ud574\uc57c \ud558\uace0,<\/p>\n
\uc5d8\ub9ac\uba3c\ud2b8\uc758 \ud604\uc7ac \uc0c1\ud0dc\uc5d0 \ub530\ub77c \ubc84\ud2bc\uc758 \ud14d\uc2a4\ud2b8\ub97c ‘Add Highlight’\uc640 ‘Remove Highlight’\ub85c \ubc14\uafd4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
<\/p>\n
\uc774 \ubb38\uc81c\ub4e4\uc5d0 \ub300\ud574, \uac00\uc7a5 \ud754\ud788\ub4e4 \uc791\uc131\ud558\ub294 ‘\uba85\ub839\uc801’ \ucf54\ub4dc\ub4e4\uc744 \uba3c\uc800 \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n
function<\/span> double<\/span> (arr<\/span>) <\/span>{\n let<\/span> results = []\n for<\/span> (let<\/span> i = 0<\/span>; i < arr.length; i++){\n results.push(arr[i] * 2<\/span>)\n }\n return<\/span> results\n}\n\nfunction<\/span> add<\/span> (arr<\/span>) <\/span>{\n let<\/span> result = 0<\/span>\n for<\/span> (let<\/span> i = 0<\/span>; i < arr.length; i++){\n result += arr[i]\n }\n return<\/span> result\n}\n\n$(\"#btn\"<\/span>).click(function<\/span>() <\/span>{\n $(this<\/span>).toggleClass(\"highlight\"<\/span>)\n $(this<\/span>).text() === 'Add Highlight'<\/span>\n ? $(this<\/span>).text('Remove Highlight'<\/span>)\n : $(this<\/span>).text('Add Highlight'<\/span>)\n})\n<\/code><\/pre>\n <\/p>\n
\ubb34\uc5c7\uc774 \uc774 \ucf54\ub4dc\ub4e4\uc744 \uba85\ub839\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294\uc9c0 \uc54c\uae30 \uc704\ud574\uc11c\ub294, \uc774 \uc138 \uac00\uc9c0 \ucf54\ub4dc\ub4e4\uc5d0\uc11c \uacf5\ud1b5\uc810\uc744 \ubf51\uc544\ub0b4\uc57c \ud55c\ub2e4.<\/p>\n
<\/p>\n
1.<\/b> \uac00\uc7a5 \uba85\ubc31\ud55c \uacf5\ud1b5\uc810\uc740 \uc774\ub4e4\uc774 \uc5b4\ub5a4 \uc77c\uc744 \uc5b4\ub5bb\uac8c<\/b> \ucc98\ub9ac\ud558\ub294\uc9c0\uc5d0 \uad00\ud574 \ubb18\uc0ac<\/u>\ud558\uace0 \uc788\ub2e4\ub294 \uac83.<\/p>\n
\uac01\uac01\uc758 \uc608\uc2dc\uc5d0\uc11c, \uc6b0\ub9ac\ub294 \uba85\uc2dc\uc801\uc73c\ub85c \ubc30\uc5f4\uc744 \ubc18\ubcf5\ud558\uac70\ub098(for \ubb38),<\/p>\n
\uc6b0\ub9ac\uac00 \uc6d0\ud558\ub294 \uae30\ub2a5\uc744 \uc218\ud589\ud558\uae30 \uc704\ud55c \ub2e8\uacc4\ub4e4\uc744 \uba85\uc2dc\uc801\uc73c\ub85c \ub098\uc5f4\ud558\uace0 \uc788\ub2e4.<\/p>\n
<\/p>\n
2.<\/b> \uac01\uac01\uc758 \uc608\uc2dc\uc5d0\uc11c \uc6b0\ub9ac\ub294 ‘\uc0c1\ud0dc(state)\uc758 \uc77c\ubd80’\ub97c \ubcc0\uacbd<\/u>\ud558\uace0 \uc788\ub2e4.
\n(\uc0c1\ud0dc: \uba54\ubaa8\ub9ac\uc5d0 \uc800\uc7a5\ub418\uc5b4 \uc788\ub294 \uac83\ub4e4\uc5d0 \ub300\ud55c \uc815\ubcf4. \ubcc0\uc218\uc640 \ube44\uc2b7\ud558\ub2e4\uace0 \uc0dd\uac01\ud558\uba74 \ub428)<\/p>\n
\ucc98\uc74c \ub450 \uc608\uc2dc\uc5d0\uc11c\ub294 ‘results’\ub77c\ub294 \ubcc0\uc218\ub97c \ub9cc\ub4e4\uc5b4 \uadf8\uac83\uc744 \uacc4\uc18d\ud574\uc11c \uc218\uc815\ud558\uace0 \uc788\ub2e4.<\/p>\n
\uc138 \ubc88\uc9f8 \uc608\uc2dc\uc5d0\uc11c\ub294 \uc544\ubb34\ub7f0 \ubcc0\uc218\ub3c4 \uc5c6\uc9c0\ub9cc, \uc5ec\uc804\ud788 DOM \uc790\uccb4\uc5d0 state\uac00 \uc874\uc7ac<\/u>\ud558\uace0 \uc788\ub2e4.<\/p>\n
\uadf8\ub9ac\uace0 \ud574\ub2f9 \ucf54\ub4dc\ub294 DOM\uc758 state\ub97c \uc218\uc815\ud558\uace0\uc788\ub2e4.<\/p>\n
<\/p>\n
3.<\/b> \uc57d\uac04 \uc8fc\uad00\uc801\uc774\uc9c0\ub9cc, \uc704\uc758 \ucf54\ub4dc\ub4e4\uc740 \uac00\ub3c5\uc131\uc774 \ub5a8\uc5b4\uc9c4\ub2e4<\/u>.<\/p>\n
\uc704\uc758 \ucf54\ub4dc\ub4e4\uc744 \ud55c \ubc88 \uc2a5 \ud6d1\uc5b4\ubcf4\uace0 \uc5b4\ub5a4 \uc77c\uc774 \uc77c\uc5b4\ub098\uace0 \uc788\ub294\uc9c0 \ubc14\ub85c \uc54c\uc544\ucc44\uae30\ub294 \uc27d\uc9c0 \uc54a\uc744 \uac83\uc774\ub2e4.<\/p>\n
\uc6b0\ub9ac\uc758 \ub1cc\ub294 \ucf54\ub4dc\uac00 \uc874\uc7ac\ud558\ub294 \ub9e5\ub77d\uc744 \uace0\ub824\ud574\uac00\uba70, \ud574\ub2f9 \ucf54\ub4dc\ub4e4\uc744 \uc778\ud130\ud504\ub9ac\ud130\ucc98\ub7fc \ucc28\uadfc\ucc28\uadfc \uc0b4\ud3b4\ubd10\uc57c \ud55c\ub2e4.<\/p>\n
\n\uc774\ub7f0 \ub625\uc4f0\ub808\uae30\uac19\uc740 \ucf54\ub4dc\ub4e4\uc740 \uc774\uc81c \uadf8\ub9cc \ubcf4\uace0, \uc774\uc81c \uc120\uc5b8\uc801 \uc608\uc2dc\ub4e4\uc744 \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n
\uc120\uc5b8\uc801 \uc608\uc2dc\ub4e4\uc758 \ubaa9\uc801\uc740 \uc704\uc5d0\uc11c \ubd24\ub358 \uc608\uc2dc\ub4e4\uc758 \ubb38\uc81c\uc810\ub4e4\uc744 \ubaa8\ub450 \ud574\uacb0\ud558\ub294 \uac83\uc774\ub2e4.<\/p>\n
\uadf8\ub7ec\uae30 \uc704\ud574\uc11c \uc774 \ucf54\ub4dc\ub4e4\uc740 \ubb34\uc5c7\uc774<\/b> \uc77c\uc5b4\ub098\ub294\uc9c0\uc5d0 \uad00\ud574 \ubb18\uc0ac<\/u>\ud574\uc57c \ud558\uace0,<\/p>\n
state\ub97c \ubcc0\uacbd\ud574\uc120 \uc548\ub418\uba70<\/u>, \ud55c \ub208\uc5d0 \ud30c\uc545\ud560 \uc218 \uc788\uc5b4\uc57c \ud55c\ub2e4<\/u>(\uac00\ub3c5\uc131\uc774 \uc88b\uc544\uc57c \ud55c\ub2e4).<\/p>\nfunction<\/span> double<\/span> (arr<\/span>) <\/span>{\n return<\/span> arr.map((item<\/span>) =><\/span> item * 2<\/span>)\n}\n\nfunction<\/span> add<\/span> (arr<\/span>) <\/span>{\n return<\/span> arr.reduce((prev, current<\/span>) =><\/span> prev + current, 0<\/span>)\n}\n\n<Btn\n onToggleHighlight={this<\/span>.handleToggleHighlight}\n highlight={this<\/span>.state.highlight}>\n {this<\/span>.state.buttonText}\n<\/Btn>\n<\/code><\/pre>\n\ucc98\uc74c \ub450 \uc608\uc81c\uc5d0\uc11c, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc758 \ub0b4\uc7a5 \ud568\uc218\uc778 map\uacfc reduce\ub97c \ud65c\uc6a9\ud55c \ub808\ubc84\ub9ac\uc9d5<\/u>\uc5d0 \uc8fc\ubaa9\ud558\uc790.<\/p>\n
\uc774\ub294 \uc774 \uae00 \ub0b4\ub0b4 \ubc18\ubcf5\ud574\uc11c \uc5b8\uae09\ud588\ub358,<\/p>\n
‘\uac00\uc7a5 \ud6a8\uc728\uc801\uc778 \uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d \ubc29\ubc95\uc740 \uba85\ub839\uc801\uc73c\ub85c \uc791\uc131\ub41c \ucf54\ub4dc\ub97c \ucd94\uc0c1\ud654\ud558\ub294 \uac83\uc774\ub2e4<\/u>‘<\/p>\n
\ub77c\ub294 \uac83\uc5d0 \uad00\ud55c \ub0b4\uc6a9\uc774\ub2e4.<\/p>\n
<\/p>\n
\ud574\ub2f9 \uc608\uc81c\ub4e4\uc740 \uc6b0\ub9ac\uac00 \uc5b4\ub5bb\uac8c<\/b> \ucc98\ub9ac\ud560\uc9c0\ubcf4\ub2e4, \ubb34\uc5c7\uc744<\/b> \uc6d0\ud558\ub294\uc9c0\ub97c \uc124\uba85\ud55c\ub2e4.<\/p>\n
(\uc6b0\ub9ac\ub294 map\uacfc reduce\uac00 \uc5b4\ub5bb\uac8c \uad6c\ud604\ub418\uc5b4\uc788\ub294\uc9c0\ub294 \uc804\ud600 \uc54c\uc9c0\ub3c4 \ubabb\ud558\uace0, \uad00\uc2ec\ub3c4 \uc5c6\ub2e4)<\/p>\n
\uc6b0\ub9ac\ub294 \uc544\ubb34\ub7f0 state\ub3c4 \ubcc0\uacbd\ud558\uc9c0 \uc54a\ub294\ub2e4. \ubaa8\ub4e0 \ubcc0\uacbd\ub4e4\uc740 map\uacfc reduce \ub0b4\ubd80\uc5d0 \ucd94\uc0c1\ud654\ub418\uc5b4\uc788\ub2e4.<\/p>\n
\uadf8\ub9ac\uace0 \ub2f9\uc2e0\uc774 map\uacfc reduce\uc5d0 \uc775\uc219\ud558\ub2e4\ub294 \uac00\uc815 \ud558\uc5d0, \ud6e8\uc52c \ub354 \uac00\ub3c5\uc131\uc774 \uc88b\ub2e4.<\/p>\n
<\/p>\n
\uc774\uc81c, \ub9c8\uc9c0\ub9c9 \uc608\uc81c\ub97c \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n
\uc5ec\uae30\uc11c\ub294 \uc57d\uac04\uc758 \ud3b8\ubc95\uc73c\ub85c \ub9ac\uc561\ud2b8\ub97c \uc0ac\uc6a9\ud588\ub2e4.<\/p>\n
\uadf8\ub7ec\ub098 \uc911\uc694\ud55c \uac83\uc740 \uba85\ub839\ud615\uc758 \uc138 \uac00\uc9c0 \ubb38\uc81c\uc810\ub4e4\uc774 \ubaa8\ub450 \ud574\uacb0\uc774 \ub418\uc5c8\ub2e4\ub294 \uac83.<\/p>\n
\ub9ac\uc561\ud2b8\uc758 \uc9c4\uc815\ud55c \uac15\uc810\uc740 \uc774\ub7ec\ud55c \uc120\uc5b8\uc801\uc778 \ubc29\uc2dd\uc73c\ub85c UI\ub97c \uc791\uc131\ud560 \uc218 \uc788\ub2e4<\/u>\ub294 \uac83\uc774\ub2e4.<\/p>\n
\uc6b0\ub9ac\uc758 Btn \ucef4\ud3ec\ub10c\ud2b8\ub97c \ubcf4\uba74, \ud574\ub2f9 UI\uac00 \uc5b4\ub5a4 \uc2dd\uc73c\ub85c \ubcf4\uc77c\uc9c0\ub97c \ube60\ub974\uac8c \uc54c\uc544\ucc4c \uc218 \uc788\ub2e4.<\/p>\n
\ub610 \ub2e4\ub978 \uac15\uc810\uc740 state<\/b>\uac00 DOM\uc5d0 \uc874\uc7ac\ud558\ub294 \ub300\uc2e0, \uc6b0\ub9ac\uac00 \ub9cc\ub4e0 \ub9ac\uc561\ud2b8 \ucef4\ud3ec\ub10c\ud2b8 \uc790\uccb4\uc5d0 \uc874\uc7ac<\/u>\ud55c\ub2e4\ub294 \uac83.<\/p>\n
<\/p>\n
\uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d\uc758 \ub610 \ub2e4\ub978, \ub35c \uc54c\ub824\uc9c4 \uc7a5\uc810 \uc911\uc758 \ud558\ub098\ub294<\/p>\n
\uc6b0\ub9ac\uc758 \ud504\ub85c\uadf8\ub7a8\uc774 context-independent<\/b> \ud574\uc9c8 \uc218 \uc788\ub2e4\ub294 \uac83\uc774\ub2e4.<\/p>\n
(\uc804\uccb4\uc801\uc778 \ub9e5\ub77d, \uc0c1\ud669\uc5d0 \uc880 \ub354 \ub3c5\ub9bd\uc801\uc774\ub2e4)<\/p>\n
<\/p>\n
\uc120\uc5b8\uc801 \ucf54\ub4dc\ub4e4\uc740 \ucd5c\uc885\uc801\uc778 \ubaa9\ud45c\uac00 \ubb34\uc5c7\uc778\uc9c0\uc5d0 \ub300\ud574\uc11c\ub9cc \uad00\uc2ec\uc774 \uc788\uc9c0,<\/p>\n
\ud574\ub2f9 \ubaa9\ud45c\ub97c \uc774\ub8e8\uae30 \uc704\ud55c \uc138\ubd80\uc801\uc778 \ub2e8\uacc4\ub4e4(\ud574\ub2f9 \ubaa9\ud45c\uc5d0 \uc758\uc874\uc801\uc778 \uacfc\uc815\ub4e4)\uc5d0\ub294 \uad00\uc2ec\uc774 \uc5c6\ub2e4\ub294 \uac83.<\/p>\n
\uadf8\ub798\uc11c \ub3d9\uc77c\ud55c \ucf54\ub4dc\ub4e4\uc774 \ub2e4\ub978 \ud504\ub85c\uadf8\ub7a8\uc5d0 \uc4f0\uc774\ub354\ub77c\ub3c4 \uc815\uc0c1\uc801\uc73c\ub85c \ub3d9\uc791\ud560 \uc218 \uc788\uac8c \ub41c\ub2e4.<\/p>\n
<\/p>\n
\ub2f9\uc7a5 \uc704\uc758 \uc138 \uc608\uc2dc\ub9cc \ubcf4\ub354\ub77c\ub3c4, \uc800 \ud568\uc218\ub4e4\uc774\ub098 \ucef4\ud3ec\ub10c\ud2b8\ub294<\/p>\n
\uc6b0\ub9ac\uac00 \ub9cc\ub4e4\uace0\uc790 \ud558\ub294 \uc5b4\ub5a4 \ud504\ub85c\uadf8\ub7a8\uc5d0 \uac16\ub2e4\ubd99\uc5ec\ub3c4 \uc815\uc0c1\uc801\uc73c\ub85c \ub3d9\uc791\ud55c\ub2e4.<\/p>\n
\uc800\ub4e4\uc740 \ud604\uc7ac \uc5b4\ub5a4 \ud504\ub85c\uadf8\ub7a8\uc5d0 \uc18d\ud574\uc788\ub294\uac00 \ud558\ub294 \uac83\uc5d0 \uc804\ud600 \uad6c\uc560\ubc1b\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n
\uba85\ub839\ud615 \ucf54\ub4dc\ub4e4\uc740 \uadf8\ub807\uc9c0 \ubabb\ud55c \uacbd\uc6b0\uac00 \ub9ce\uc740\ub370, \uadf8 \uc774\uc720\ub294 \ub300\ubd80\ubd84\uc758 \uacbd\uc6b0<\/p>\n
\uba85\ub839\ud615 \ucf54\ub4dc\ub4e4\uc774 \ud604\uc7ac \uc0c1\ud0dc\uc758 \ucee8\ud14d\uc2a4\ud2b8\uc5d0 \uc758\uc874\uc801\uc774\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n
(\uadf8\ub798\uc11c \ub2e4\ub978 \uacf3\uc5d0\uc11c \uc7ac\uc0ac\uc6a9\ud558\uae30\uac00 \uc5b4\ub835\ub2e4)<\/p>\n
\n\uc774 \uae00\uc758 \uc800\uc790\ub294, \uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d\uc5d0\uc11c \ub354 \ub098\uc544\uac00 \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uae4c\uc9c0 \ub2e4\ub904\ubcf4\ub77c\uace0 \uad8c\uc720\ud558\uace0 \uc788\ub2e4.<\/p>\n
map, reduce, filter\ub97c \uc0ac\uc6a9\ud574\ubcf4\uba74\uc11c \ucc28\uadfc\ucc28\uadfc \uc2dc\uc791\ud558\ub77c\uace0 \ud558\ub294\ub370, \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc5d0 \uad00\ud574\uc11c\ub3c4<\/p>\n
\uc870\ub9cc\uac04 \ud55c \ubc88 \uc54c\uc544\ubcf4\ub294 \uc2dc\uac04\uc744 \uac00\uc9c0\uba74 \uc88b\uc744 \ub4ef.<\/p>\n
<\/p>\n
\uac1c\uc778\uc801\uc73c\ub85c \uac00\uc7a5 \uc640\ub2ff\uc558\ub358 \ubd80\ubd84\uc740, \uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d\uc740 \uc808\ucc28\uc801 \uad6c\ud604\uc744 \ucd94\uc0c1\ud654\ud568\uc73c\ub85c\uc368 \uc774\ub8e8\uc5b4\uc9c4\ub2e4\ub294 \uac83.<\/p>\n
\uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d\uc744 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud558\ub294\uac00\uc5d0 \ub300\ud574 \uc880 \ub354 \uac10\uc744 \uc7a1\uc744 \uc218 \uc788\uac8c \ud574\uc900 \ub0b4\uc6a9\uc778 \ub4ef.<\/p>\n
\ub9ac\ubdf0\uc5b4\ubd84\ub4e4\uaed8\uc11c \ub9d0\uc500\ud558\uc2dc\ub294 ‘\uc7ac\uc0ac\uc6a9\uc131’\uc774\ub098 ‘\uc21c\uc218 \ud568\uc218’\uc5d0 \uad00\ud55c \uac83\ub4e4\uc774 \uc57d\uac04 \uc77c\ub9e5\uc0c1\ud1b5\ud558\ub294 \ubd80\ubd84\uc774 \uc544\ub2cc\uac00 \uc2f6\ub2e4.<\/p>\n
<\/p>\n
\ucd5c\ub300\ud55c \ub3c5\ub9bd\uc801\uc774\uace0 \uc7ac\uc0ac\uc6a9\uc131\uc774 \ub192\uc740 \ud568\uc218\ub4e4\uc744 \uad6c\ud604\ud558\uc5ec, \ud574\ub2f9 \ud568\uc218\ub4e4\uc758 \uc870\ud569\uc73c\ub85c \ud504\ub85c\uadf8\ub798\ubc0d\uc744 \uad6c\uc131\ud558\uba74<\/p>\n
\uc804\uccb4 \ucf54\ub4dc\uc758 \uc720\uc9c0\ubcf4\uc218\uac00 \uc26c\uc6cc\uc9c0\uace0 \uac00\ub3c5\uc131\ub3c4 \ud6e8\uc52c \ub192\uc544\uc9c0\uaca0\uc9c0. \uadf8\uac8c \ub9d0\ucc98\ub7fc \uc27d\uaca0\ub0d0\ub9c8\ub294..<\/p>\n
\n\uc544\ub798\ub294 \uc800\uc790\uac00 \uc6f9\uc744 \ub3cc\uc544\ub2e4\ub2c8\uba70 \ubc1c\uacac\ud55c \uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d\uc758 \ub610 \ub2e4\ub978 \uc815\uc758\ub4e4.<\/p>\n
<\/p>\n
\nDeclarative programming is \u201cthe act of programming in languages that conform to the mental model of the developer rather than the operational model of the machine.\u201d<\/p>\n<\/blockquote>\n
<\/p>\n
\uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d\uc740 “\uae30\uacc4\uc758 \ub3d9\uc791\uc744 \ubaa8\ub378\ub85c \ud558\ub294 \uac83\uc774 \uc544\ub2cc, \uac1c\ubc1c\uc790\uc758 \ub450\ub1cc(\uc815\uc2e0, \uc0dd\uac01)\ub97c \ubaa8\ub378\ub85c \ubcf8\ub534 \uc5b8\uc5b4\ub97c \uac00\uc9c0\uace0 \ud504\ub85c\uadf8\ub798\ubc0d \ud558\ub294 \uac83” \uc774\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\nDeclarative Programming is programming with declarations, i.e., declarative sentences.<\/p>\n<\/blockquote>\n
<\/p>\n
\uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d\uc740 \uc120\uc5b8(\uc120\uc5b8\uc801 \ubb38\uc7a5, \uc120\uc5b8\ubb38)\ub4e4\uc744 \uc0ac\uc6a9\ud574\uc11c \ud504\ub85c\uadf8\ub798\ubc0d\ud558\ub294 \uac83\uc774\ub2e4.<\/p>\n
?<\/p>\n
<\/p>\n
<\/p>\n
\nThe declarative property is where there can exist only one possible set of statements that can express each specific modular semantic. The imperative property is the dual, where semantics are inconsistent under composition and\/or can be expressed with variations of sets of statements.<\/p>\n<\/blockquote>\n
<\/p>\n
\uc120\uc5b8\uc801 \uc18d\uc131\uc774\ub780, \ud2b9\uc815 \ubaa8\ub4c8\uc744 \uc124\uba85\ud558\ub294 \ubb38\uc7a5 \uc9d1\ud569\uc774 \ub2e8 \ud558\ub098\ub9cc \uc874\uc7ac\ud560 \uc218 \uc788\ub2e4\ub294 \uac83\uc744 \uc758\ubbf8\ud55c\ub2e4. \uba85\ub839\uc801 \uc18d\uc131\uc740 \uc774\uc911\uc801\uc774\uace0, \uc774\ub294 \uc758\ubbf8\ub4e4\uc758 \uad6c\uc131\uc5d0 \uc77c\uad00\uc131\uc774 \uc5c6\uace0 \uc5ec\ub7ec \uac00\uc9c0 \ubb38\uc7a5 \uc9d1\ud569\ub4e4\ub85c \ud45c\ud604\ub420 \uc218 \uc788\ub2e4\ub294 \uac83\uc744 \uc758\ubbf8\ud55c\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\nDeclarative languages contrast with imperative languages which specify explicit manipulation of the computer\u2019s internal state<\/b>; or procedural languages which specify an explicit sequence of steps to follow.<\/p>\n<\/blockquote>\n
<\/p>\n
\uc120\uc5b8\uc801 \uc5b8\uc5b4\ub294 \ucef4\ud4e8\ud130\uc758 \ub0b4\ubd80 \uc0c1\ud0dc\ub97c \uba85\uc2dc\uc801\uc73c\ub85c \uc870\uc791\ud558\ub294 \uba85\ub839\ud615 \uc5b8\uc5b4, \ub610\ub294 \ubc1f\uc544\uc57c \ud558\ub294 \uc77c\ub828\uc758 \uc808\ucc28\ub4e4\uc744 \uba85\uc2dc\uc801\uc73c\ub85c \uc9c0\uc815\ud558\ub294 \uc808\ucc28\uc801 \uc5b8\uc5b4\uc640 \ubc18\ub300\ub41c\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\nIn computer science, declarative programming is a programming paradigm that expresses the logic of a computation without describing its control flow.<\/p>\n<\/blockquote>\n
<\/p>\n
CS\uc5d0\uc11c \uc120\uc5b8\uc801 \uc5b8\uc5b4\ub294 \uc81c\uc5b4 \ud750\ub984\uc744 \uc124\uba85\ud558\uc9c0 \uc54a\uace0, \uacc4\uc0b0 \ub85c\uc9c1\uc744 \ud45c\ud604\ud558\ub294 \ud328\ub7ec\ub2e4\uc784(\uac1c\ub150)\uc774\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\nI draw the line between declarative and non-declarative at whether you can trace the code as it runs. Regex is 100% declarative, as it\u2019s untraceable while the pattern is being executed.<\/p>\n<\/blockquote>\n
<\/p>\n
\ub098\ub294 \ucf54\ub4dc\uc758 \uc2e4\ud589\uc744 \ucd94\uc801\ud560 \uc218 \uc788\ub294\uc9c0 \uc5ec\ubd80<\/b>\uc5d0 \ub530\ub77c \uc120\uc5b8\ud615\uacfc \ube44\uc120\uc5b8\ud615\uc744 \uad6c\ubd84\ud55c\ub2e4.<\/p>\n
\uc815\uaddc\ud45c\ud604\uc2dd(Regex)\uc740 \ud328\ud134\uc774 \uc2e4\ud589\ub418\ub294 \ub3d9\uc548 \uadf8\uac83\uc744 \uc804\ud600 \ucd94\uc801\ud560 \uc218 \uc5c6\uae30 \ub54c\ubb38\uc5d0 100% \uc120\uc5b8\uc801\uc774\ub77c\uace0 \ud560 \uc218 \uc788\ub2e4.<\/p>\n
+ Zereight’s Blog\uc5d0\uc11c \ubcf8 \uc778\uc0c1\uc801\uc778 \uc124\uba85<\/b><\/h4>\n
\uba85\ub839\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc740 \ubb38\uc81c\ub97c \uc5b4\ub5bb\uac8c \ud574\uacb0\ud574\uc57c\ud558\ub294\uc9c0 \ucef4\ud4e8\ud130\uc5d0\uac8c \uba85\uc2dc\uc801\uc73c\ub85c \uba85\ub839\uc744 \ub0b4\ub9ac\ub294 \ubc29\ubc95<\/u>\uc744 \uc758\ubbf8\ud558\uace0,<\/p>\n
\uc120\uc5b8\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc740 \ubb34\uc5c7\uc744 \ud574\uacb0\ud560 \uac83\uc778\uc9c0\uc5d0 \ubcf4\ub2e4 \uc9d1\uc911<\/u>\ud558\uc5ec \uc5b4\ub5bb\uac8c \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub294\uc9c0\uc5d0 \ub300\ud574\uc11c\ub294<\/u><\/p>\n
\ucef4\ud4e8\ud130\uc5d0\uac8c \uc704\uc784<\/u>\ud558\ub294 \ubc29\ubc95\uc774\ub2e4.<\/p>\n
<\/p>\n
\ucc98\uc74c \ud504\ub85c\uadf8\ub798\ubc0d\uc774\ub77c\ub294 \uac1c\ub150\uc774 \ub4f1\uc7a5\ud588\uc744 \ub584\ubd80\ud130, \uc9c0\uae08\uae4c\uc9c0\ub3c4 \ucef4\ud4e8\ud130\uc5d0\uac8c \uba85\uc2dc\uc801\uc73c\ub85c \uba85\ub839\uc744 \ub0b4\ub9ac\ub294 \ubc29\ubc95\uc778<\/p>\n
\uba85\ub839\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc744 \uc8fc\ub85c \uc0ac\uc6a9\ud588\uc9c0\ub9cc, \ud568\uc218\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc740 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub294 \ubc29\ubc95\uc5d0 \ub354 \uc9d1\uc911\ud558\uace0<\/p>\n
\uc0ac\uc18c\ud55c \uc791\uc5c5\uc740 \ucef4\ud4e8\ud130\uc5d0\uac8c \ub118\uaca8\ubc84\ub9ac\ub294 \uc120\uc5b8\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc758 \uc77c\uc885\uc774\ub2e4.<\/p>\n
<\/p>\n
\uc989, \ucef4\ud4e8\ud130\uc5d0\uac8c \uc0ac\uc18c\ud55c \uc791\uc5c5\ub4e4\uc744 \uc704\uc784\ud574\ubc84\ub9ac\ub294 \ud328\ub7ec\ub2e4\uc784\uc758 \ud2b9\uc131 \uc0c1<\/p>\n
\uc120\uc5b8\ud615 \ud504\ub85c\uadf8\ub798\ubc0d\uc5d0\ub294 \ud544\uc5f0\uc801\uc73c\ub85c \ub192\uc740 \uc218\uc900\uc758 \ucd94\uc0c1\ud654<\/b>\ub77c\ub294 \ud0a4\uc6cc\ub4dc\uac00 \ubd99\ub294\ub2e4.<\/p>\n
\ucd94\uc0c1\ud654 \uc218\uc900\uc774 \ub0ae\ub2e4\uba74 \uc800 \uc0ac\uc18c\ud55c \uc791\uc5c5\ub4e4\uc744 \uac1c\ubc1c\uc790\uac00 \uc77c\uc77c\uc774 \ub2e4 \ucee8\ud2b8\ub864\ud574\uc57c\ud55c\ub2e4\ub294 \uc758\ubbf8\uc774\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n
[\ucd9c\ucc98] https:\/\/iborymagic.tistory.com\/73<\/span><\/p>\n<\/div>\n