{"id":2384,"date":"2016-06-28T02:29:54","date_gmt":"2016-06-28T02:29:54","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=2384"},"modified":"2017-01-26T21:48:18","modified_gmt":"2017-01-26T12:48:18","slug":"jquery%ec%9d%98-%ec%9c%a0%ed%8b%b8%eb%a6%ac%ed%8b%b0-%ed%95%a8%ec%88%98","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=2384","title":{"rendered":"jQuery\uc758 \uc720\ud2f8\ub9ac\ud2f0 \ud568\uc218"},"content":{"rendered":"<p><P>jQuery\uc758 \ud50c\ub7ec\uadf8\uc778 \uae30\ub2a5 \uc911\uc5d0 \uc720\ud2f8\ub9ac\ud2f0 \uc131\uaca9\uc758 \ud50c\ub7ec\uadf8\uc778\uc744 \uc815\ub9ac\ud574 \ubd05\ub2c8\ub2e4. \uc815\ub9ac\ud574 \ub193\uc73c\uba74 \ub531 \ud544\uc694\ud560\ub54c \uc775\uc219\ud558\uac8c \uc0ac\uc6a9\ud560 \uc218 \uc788\uaca0\uc9c0\uc694.<\/P><\/p>\n<p><P>\uba3c\uc800 \ubb38\uc790\uc5f4 \uc55e\ub4a4\uc758 \uacf5\ubc31 \ubb38\uc790\ub97c \uc81c\uac70\ud574 \uc8fc\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/P><\/p>\n<pre>\r\nvar s = '   You are, you will be good.      ';\r\ns = $.trim(s);\r\n<\/pre>\n<p><P>\ub2e4\uc74c\uc740 \ubc30\uc5f4\uc758 \uac12\uc774\ub098 \uac1d\uccb4\uc758 \ud0a4-\uac12\ub4e4\uc744 \uc21c\ud68c\ud558\ub294 each \ud568\uc218\uc774\uba70, \uc608\uc81c \ucf54\ub4dc\ub294 \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4.<\/P><\/p>\n<pre>\r\n$.each(['foo', 'bar', 'baz'], function (i, v) {\r\n    alert(i + \" : \" + v);\r\n});\r\n\r\n$.each({ foo: 'bar', baz: 'bim' }, function (k, v) {\r\n    alert(k + ' : ' + v);\r\n});\r\n<\/pre>\n<p><P>\uadf8\ub9ac\uace0 \uc5b4\ub5a4 \uac12\uc774 \ubc30\uc5f4\uc5d0 \uc18d\ud574 \uc788\ub294\uc9c0\ub97c \uac80\uc0ac\ud558\ub294 \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4.<\/P><\/p>\n<pre>\r\nvar myArray = [1, 2, 3, 4, 5];\r\nif ($.inArray(4, myArray) !== -1) {\r\n    alert('found.');\r\n}\r\n<\/pre>\n<p>\ub2e4\uc74c\uc740 \uc5b4\ub5a4 \uac1d\uccb4\uc5d0 \ub610 \ub2e4\ub978 \uac1d\uccb4\uc758 \ud0a4-\uac12\uc744 \ubcf5\uc0ac\ud574 \uc8fc\ub294 \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4. $.extend\uc758 \uccab\ubc88\uc9f8 \uc778\uc790\ub294 \ubcf5\uc0ac\uac00 \ub418\uc5b4 \uac12\uc774 \uc800\uc7a5\ub420 \ub300\uc0c1 \uac1d\uccb4\uc785\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \ub450\ubc88\uc9f8 \uc774\ud6c4\uc758 \uc778\uc790\ub294 \ubcf5\uc0ac\ub420 \ud0a4-\uac12\uc744 \ub2f4\uace0 \uc788\ub294 \uac1d\uccb4\ub4e4\uc785\ub2c8\ub2e4. \uc544\ub798\uc758 \ucf54\ub4dc\ub294 secondObj\uc758 \ud0a4-\uac12\uc744 firstObj\uc5d0 \ubcf5\uc0ac\ud574 \uc8fc\ub294 \ucf54\ub4dc\uc778\ub370\uc694. \uacb0\uad6d firstObj.foo\ub294 secondObj.foo\uc758 \uac12\uc73c\ub85c \ubcc0\uacbd\ub429\ub2c8\ub2e4. $.extend\ub294 \uccab\ubc88\uc9f8 \uc778\uc790\ub97c \ubc18\ud658\ud558\ubbc0\ub85c newObject === firstObj\ub294 true\uc785\ub2c8\ub2e4.<\/p>\n<pre>\r\nvar firstObj = { foo: 'bar', a: 'b' };\r\nvar secondObj = { foo: 'baz' };\r\nvar newObject = $.extend(firstObj, secondObj);\r\n\r\nalert(firstObj.foo);\r\n\r\nif (newObject === firstObj) {\r\n    alert('equal');\r\n}\r\n<\/pre>\n<p>\ub2e4\uc74c \ucf54\ub4dc\ub294 \ud568\uc218 \ud638\ucd9c\uc2dc \ub0b4\ubd80\uc758 this\ub97c \uac1c\ubc1c\uc790\uac00 \uc758\ub3c4\ud55c \uac1d\uccb4\ub85c \ud558\uc5ec \ud568\uc218\ub97c \ud638\ucd9c\ud558\ub3c4\ub85d \ud558\ub294 \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4. \uc544\ub798\uc758 \ucf54\ub4dc\uc5d0\uc11c myFunction\ub294 \uc804\uc5ed \uac1d\uccb4\uc778 Window\uc758 \uc18c\uc720\ub85c \uc774 \ud568\uc218\ub97c \uadf8\ub300\ub85c \ud638\ucd9c\ud558\uba74 \ud568\uc218 \ub0b4\ubd80\uc5d0\uc11c this\ub294 Window \uac1d\uccb4\uac00 \ub429\ub2c8\ub2e4. \uadf8\ub7ec\ub098 12\ubc88 \ucf54\ub4dc\ub97c \ud1b5\ud574 myFunction \ud568\uc218\uc5d0 \ub300\ud55c \ub0b4\ubd80 this\ub97c myObject\ub85c \ubcc0\uacbd\ud574\uc8fc\ub294 \ud568\uc218\ub85c myProxyFunction\ub97c \uc0dd\uc131\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc2e4\uc81c\ub85c \uc774 myProxyFunction\ub97c 13\ubc88 \ucf54\ub4dc\ucc98\ub7fc \uadf8\ub300\ub85c \ud638\ucd9c\ud558\uba74 \ud568\uc218 \ub0b4\ubd80\uc758 this\ub294 myObject\uac00 \ub429\ub2c8\ub2e4. JavaScript\uc758 \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108 \ud568\uc218\uc5d0\uc11c this \uac1d\uccb4\uac00 \ub2e4\uc18c \ud63c\ub780\uc2a4\ub7ec\uc6b8 \ub54c\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud63c\ub780\uc758 \uc2dc\uae30\uc5d0 \uc774 \ud50c\ub7ec\uadf8\uc778\uc774 \ud574\uacb0\uc810\uc774 \ub420 \uc218 \uc788\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<pre>\r\nvar myFunction = function () {\r\n    alert(this);\r\n};\r\n\r\nvar myObject = {\r\n    foo: 'bar',\r\n    toString: function () { return 'myObject'; }\r\n};\r\n\r\nmyFunction();\r\n\r\nvar myProxyFunction = $.proxy(myFunction, myObject);\r\nmyProxyFunction();\r\n<\/pre>\n<p><P>\ub2e4\uc74c\uc740 \ubc30\uc5f4\uc744 \uc21c\ud68c\ud558\uba74\uc11c \uc6d0\ud558\ub294 \uac12\ub4e4\ub85c \uad6c\uc131\ub41c \ubc30\uc5f4\uc744 \uc0dd\uc131\ud558\ub294 \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4. 7\ubc88 \ucf54\ub4dc\uc758 \uc2e4\ud589\uc744 \ud1b5\ud574 arr \ubc30\uc5f4\uc758 \uc694\uc18c \uac1d\uccb4\uc758 id \uc18d\uc131\ub9cc\uc73c\ub85c \uad6c\uc131\ub41c \ubc30\uc5f4\uc744 \uc0dd\uc131\ud574 \ubc18\ud658\ud569\ub2c8\ub2e4. 11\ubc88 \ucf54\ub4dc\ub294 \uc0c8\ub86d\uac8c \uc0dd\uc131\ub41c \ubc30\uc5f4\uc758 \uac12\uc744 \ud655\uc778\ud558\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/P><\/p>\n<pre>\r\nvar arr = [\r\n    { id: 'a', tagName: 'li' },\r\n    { id: 'b', tagName: 'li' },\r\n    { id: 'c', tagName: 'li' }\r\n];\r\n\r\nvar result = $.map(arr, function (value, index) {\r\n    return value.id;\r\n});\r\n\r\n$.each(result, function (i, v) {\r\n    alert(i + ' : ' + v);\r\n});\r\n<\/pre>\n<p><P>\ub2e4\uc74c\uc740 \ud2b9\uc815 \uac1d\uccb4\uc758 \ud0c0\uc785\uc774 \ubb34\uc5c7\uc778\uc9c0\ub97c \ud655\uc778\ud558\ub294 \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4.<\/P><\/p>\n<pre>\r\nalert($.isArray([])); \/\/ true\r\nalert($.isFunction(function () { })); \/\/ true\r\nalert($.isNumeric(3.14)); \/\/ true\r\n\r\nalert($.type(true)); \/\/ boolean\r\nalert($.type(3)); \/\/ number\r\nalert($.type('test')); \/\/ string\r\nalert($.type(function () { })); \/\/ function\r\nalert($.type([])); \/\/ array\r\nalert($.type(null)); \/\/ null\r\nalert($.type(\/test\/)); \/\/ regexp\r\nalert($.type(new Date())); date\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>jQuery\uc758 \ud50c\ub7ec\uadf8\uc778 \uae30\ub2a5 \uc911\uc5d0 \uc720\ud2f8\ub9ac\ud2f0 \uc131\uaca9\uc758 \ud50c\ub7ec\uadf8\uc778\uc744 \uc815\ub9ac\ud574 \ubd05\ub2c8\ub2e4. \uc815\ub9ac\ud574 \ub193\uc73c\uba74 \ub531 \ud544\uc694\ud560\ub54c \uc775\uc219\ud558\uac8c \uc0ac\uc6a9\ud560 \uc218 \uc788\uaca0\uc9c0\uc694. \uba3c\uc800 \ubb38\uc790\uc5f4 \uc55e\ub4a4\uc758 \uacf5\ubc31 \ubb38\uc790\ub97c \uc81c\uac70\ud574 \uc8fc\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4. var s = &#8216; You are, you will be good. &#8216;; s = $.trim(s); \ub2e4\uc74c\uc740 \ubc30\uc5f4\uc758 \uac12\uc774\ub098 \uac1d\uccb4\uc758 \ud0a4-\uac12\ub4e4\uc744 \uc21c\ud68c\ud558\ub294 each \ud568\uc218\uc774\uba70, \uc608\uc81c \ucf54\ub4dc\ub294 \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4. $.each([&#8216;foo&#8217;, &#8216;bar&#8217;, &#8216;baz&#8217;], function &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=2384\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;jQuery\uc758 \uc720\ud2f8\ub9ac\ud2f0 \ud568\uc218&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[],"class_list":["post-2384","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2384"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2384\/revisions"}],"predecessor-version":[{"id":2659,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2384\/revisions\/2659"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2384"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}