{"id":2083,"date":"2015-09-30T18:22:47","date_gmt":"2015-09-30T18:22:46","guid":{"rendered":"https:\/\/www.couchbase.com\/blog\/?p=2083"},"modified":"2025-06-13T23:54:07","modified_gmt":"2025-06-14T06:54:07","slug":"sync-with-couchbase-using-only-angularjs-and-pouchdb","status":"publish","type":"post","link":"https:\/\/www.couchbase.com\/blog\/ko\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/","title":{"rendered":"AngularJS \ubc0f PouchDB\ub9cc \uc0ac\uc6a9\ud558\uc5ec Couchbase\uc640 \ub3d9\uae30\ud654"},"content":{"rendered":"<p>\ub2e4\uc591\ud55c \uc5b8\uc5b4 SDK \uc911 \ud558\ub098\ub97c \ud1b5\ud574 \uc6f9 \ub610\ub294 \ubaa8\ubc14\uc77c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c Couchbase\ub97c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc740 \uc5ec\ub7ec \uac00\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc PHP\uc640 \uac19\uc740 \ubc31\uc5d4\ub4dc \uc5b8\uc5b4\ub098 Objective-C\uc640 \uac19\uc740 \ubaa8\ubc14\uc77c \uc5b8\uc5b4\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294\ub2e4\uba74 \uc5b4\ub5bb\uac8c \ub420\uae4c\uc694? Amazon S3\uc640 \uac19\uc740 \uc815\uc801\uc73c\ub85c \ud638\uc2a4\ud305\ub418\ub294 \uc6f9 \uc11c\ube44\uc2a4\uc5d0\uc11c HTML, CSS, JavaScript \uae30\ub2a5\ub9cc \uc0ac\uc6a9\ud55c\ub2e4\uba74 \uc5b4\ub5bb\uac8c \ub420\uae4c\uc694?<\/p>\n<p>\ubc14\ub85c \uc774 \ubd80\ubd84\uc5d0\uc11c PouchDB\uac00 \uc720\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/pouchdb.com\/\">PouchDB<\/a> \ub294 JavaScript\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc791\ub3d9\ud558\ub3c4\ub85d \uc124\uacc4\ub41c \ub3d9\uae30\ud654 \ubc0f \uc800\uc7a5 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. \uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c Couchbase\uc640 \ud568\uaed8 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \ubc31\uc5d4\ub4dc \ucf54\ub4dc\ub098 SDK\uac00 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. PouchDB\ub294 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 SDK\uc758 \uc5ed\ud560\uc744 \uc218\ud589\ud558\uc5ec Couchbase \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774\uc640 \ub370\uc774\ud130\ub97c \uc8fc\uace0\ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc PouchDB\ub294 \ubc14\ub2d0\ub77c JavaScript\ub97c \uc0ac\uc6a9\ud558\ubbc0\ub85c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c AngularJS\ub97c \uc0ac\uc6a9\ud558\uba74 \uc5b4\ub5bb\uac8c \ub420\uae4c\uc694?<\/p>\n<p>PouchDB\uc5d0\uc11c \ub2e4\uc591\ud55c \ud568\uc218\ub97c \ub798\ud551\ud558\uc5ec \ubcf4\ub2e4 AngularJS \uce5c\ud654\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<h2>\ud544\uc694\ud55c \uac83<\/h2>\n<p>\uc6b0\ub9ac\uac00 \ub9cc\ub4e4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\ub294 \uba87 \uac00\uc9c0 \uc694\uad6c \uc0ac\ud56d\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc694\uad6c \uc0ac\ud56d\uc744 \ucda9\uc871\ud558\ub294 \ubc29\ubc95\uc740 \ucc28\ucc28 \uc0b4\ud3b4\ubcf4\uaca0\uc9c0\ub9cc, \uc5ec\uae30\uc11c\ub294 \ubbf8\ub9ac \ub9db\ubcf4\uae30\ub85c \uc0b4\ud3b4\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul>\n<li>\uac04\ub2e8\ud55c HTTP \uc11c\ubc84 \ub610\ub294 \uc774\uc640 \uc720\uc0ac\ud55c \uac83\uc744 \uc2e4\ud589\ud558\uae30 \uc704\ud55c Python<\/li>\n<li>\uce74\uc6b0\uce58\ubca0\uc774\uc2a4 \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774<\/li>\n<li>PouchDB 4<\/li>\n<li>AngularJS 1<\/li>\n<li>AngularJS UI-\ub77c\uc6b0\ud130 \ub77c\uc774\ube0c\ub7ec\ub9ac \ubc84\uc804 0.2<\/li>\n<li>\ud2b8\uc704\ud130 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 3<\/li>\n<\/ul>\n<h2>\ud504\ub85c\uc81d\ud2b8\uc758 \ud1a0\ub300 \ub9c8\ub828\ud558\uae30<\/h2>\n<p>\ucf54\ub4dc\uc5d0 \ub4e4\uc5b4\uac00\uae30 \uc804\uc5d0 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870\uc640 \ubaa8\ub4e0 \ub77c\uc774\ube0c\ub7ec\ub9ac \ubc0f \uc2a4\ud0c0\uc77c\uc744 \uc81c\uc790\ub9ac\uc5d0 \ubc30\uce58\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ucef4\ud4e8\ud130 \uc5b4\ub518\uac00\uc5d0 \ub514\ub809\ud130\ub9ac\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. <strong>PouchDB<\/strong> \ub97c \uc5f4\uace0 \ub8e8\ud2b8\uc5d0 \ub2e4\uc74c \ub514\ub809\ud130\ub9ac\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4:<\/p>\n<ul>\n<li>css<\/li>\n<li>\uae00\uaf34<\/li>\n<li>js<\/li>\n<li>\ud15c\ud50c\ub9bf<\/li>\n<\/ul>\n<p>\ud504\ub85c\uc81d\ud2b8\uc758 \ub8e8\ud2b8\uc5d0\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ud30c\uc77c\ub3c4 \ub9cc\ub4e4\uc5b4\uc57c \ud569\ub2c8\ub2e4. <strong>index.html<\/strong> \ub77c\ub294 \ud30c\uc77c\uacfc <strong>\ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774-config.json<\/strong>.<\/p>\n<p>\uc774\uc81c \ud504\ub85c\uc81d\ud2b8\uc5d0 \ud544\uc694\ud55c \ubaa8\ub4e0 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud574\uc57c \ud569\ub2c8\ub2e4. \uc2dc\uc791\uc740 <a href=\"https:\/\/getbootstrap.com\/\">\ud2b8\uc704\ud130 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9<\/a>\uc5d0\uc11c \ucd5c\uc2e0 \ubc84\uc804\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud558\uace0 <strong>min.css<\/strong> \ud30c\uc77c\uc744 <strong>css<\/strong> \ud504\ub85c\uc81d\ud2b8\uc758 \ubaa8\ub4e0 <strong>min.js<\/strong> \ud30c\uc77c\uc744 <strong>js<\/strong> \ub514\ub809\ud1a0\ub9ac\uc5d0 \uc788\ub294 \ubaa8\ub4e0 \uae00\uaf34 \ud30c\uc77c\uacfc \ud504\ub85c\uc81d\ud2b8\uc758 <strong>\uae00\uaf34<\/strong> \ub514\ub809\ud130\ub9ac\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n<p>\ud2b8\uc704\ud130 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc744 \uc124\uce58\ud588\uc73c\uba74 \uc774\uc81c \ub2e4\uc74c\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud574\uc57c \ud569\ub2c8\ub2e4. <a href=\"https:\/\/angularjs.org\/\">AngularJS<\/a> \ubc0f <a href=\"https:\/\/github.com\/angular-ui\/ui-router\">AngularJS UI-\ub77c\uc6b0\ud130<\/a>. \uc774\ub7ec\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ub2e4\uc6b4\ub85c\ub4dc \ud55c \ud6c4 <strong>min.js<\/strong> \ud30c\uc77c\uc744 \ud504\ub85c\uc81d\ud2b8\uc758 <strong>js<\/strong> \ub514\ub809\ud130\ub9ac\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c \ub2e4\uc6b4\ub85c\ub4dc\ud560 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 <a href=\"https:\/\/www.pouchdb.com\">PouchDB<\/a>. \ub2e4\uc6b4\ub85c\ub4dc \ud6c4 <strong>min.js<\/strong> \ud30c\uc77c\uc5d0 \ub123\uace0 <strong>js<\/strong> \ub514\ub809\ud1a0\ub9ac\uc5d0 \ub098\uba38\uc9c0 \ubaa8\ub4e0 \ud504\ub85c\uc81d\ud2b8\uc640 \ud568\uaed8 \uc800\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n<h3>Couchbase \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774 \ubc1b\uae30<\/h3>\n<p>\uc774 \ud504\ub85c\uc81d\ud2b8\ub97c \uc131\uacf5\ud558\ub824\uba74 Couchbase Sync Gateway\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. \uc798 \ubaa8\ub974\uc2dc\ub294 \ubd84\ub4e4\uc744 \uc704\ud574 \uc124\uba85\ud558\uc790\uba74, Couchbase Sync Gateway\ub294 \ub85c\uceec \uc560\ud50c\ub9ac\ucf00\uc774\uc158(AngularJS \uc560\ud50c\ub9ac\ucf00\uc774\uc158)\uacfc Couchbase Server \uac04\uc758 \ub370\uc774\ud130 \ucc98\ub9ac\ub97c \ucc98\ub9ac\ud558\ub294 \ubbf8\ub4e4\ub9e8 \uc11c\ube44\uc2a4\uc785\ub2c8\ub2e4. \uc774 \uc608\uc81c\uc5d0\uc11c\ub294 Couchbase Server\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc73c\ubbc0\ub85c \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774\uac00 \ud074\ub77c\uc6b0\ub4dc\uc758 \uc778\uba54\ubaa8\ub9ac \uc2a4\ud1a0\ub9ac\uc9c0 \uc194\ub8e8\uc158\uc73c\ub85c \uc791\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n<p>\uce74\uc6b0\uce58\ubca0\uc774\uc2a4 \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774\ub294 \ub2e4\uc74c\uc744 \ud1b5\ud574 \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/www.couchbase.com\/blog\/ko\/nosql-databases\/downloads\/\">\uce74\uc6b0\uce58\ubca0\uc774\uc2a4 \ub2e4\uc6b4\ub85c\ub4dc \uc139\uc158<\/a>.<\/p>\n<h2>\ud504\ub85c\uc81d\ud2b8 \uad6c\ucd95<\/h2>\n<p>\uc774\uc81c \ubaa8\ub4e0 \ud30c\uc77c\uc774 \uc900\ube44\ub418\uc5c8\uc73c\ubbc0\ub85c \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ucf54\ub529\uc744 \uc2dc\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h3>\ubaa8\ub4e0 \uc2a4\ud06c\ub9bd\ud2b8 \ubc0f \uc2a4\ud0c0\uc77c \ud3ec\ud568<\/h3>\n<p>\uba3c\uc800 \ubaa8\ub4e0 \uc2a4\ud0c0\uc77c\uacfc \uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc6b0\ub9ac\uc758 <strong>index.html<\/strong> \ud30c\uc77c\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. \ud30c\uc77c\uc744 \uc5fd\ub2c8\ub2e4. <strong>index.html<\/strong> \ud30c\uc77c\uc744 \uc5f4\uace0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ud3ec\ud568\ud558\uc138\uc694:<\/p>\n<pre><code class=\"language-xhtml\">\r\n<\/code><\/pre>\n<p>\uc5ec\uae30\uc11c \uc8fc\uc758\ud574\uc57c \ud560 \uba87 \uac00\uc9c0 \uc0ac\ud56d\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. <strong>index.html<\/strong> \ud30c\uc77c\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. AngularJS \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc774\ub984\uc744 \ub2e4\uc74c\uacfc \uac19\uc774 \uc9c0\uc815\ud588\uc2b5\ub2c8\ub2e4. <strong>\ud30c\uc6b0\uce58\uc571<\/strong> \uc774\uc9c8\uc801\uc73c\ub85c \ubcf4\uc77c \uc218 \uc788\ub294 \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<p>\ud574\ub2f9 \ud0dc\uadf8\ub294 AngularJS UI-Router\uc758 \uc77c\ubd80\uc785\ub2c8\ub2e4. \uc774\uac83\uc740 \uac01 \ud654\uba74\uc774 \ud574\ub2f9 \ud0dc\uadf8\uc5d0 \ub85c\ub4dc\ub418\ub294 \ubd80\ubd84\uc778 \ub2e8\uc77c \ud398\uc774\uc9c0 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc785\ub2c8\ub2e4. \uace7 \ub354 \uc774\ud574\uac00 \ub420 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<h3>AngularJS \ub85c\uc9c1 \ud30c\uc77c \ub9cc\ub4e4\uae30<\/h3>\n<p>\ud504\ub85c\uc81d\ud2b8\uc758 <strong>js<\/strong> \ub514\ub809\ud1a0\ub9ac\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc740 \ud30c\uc77c\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. <strong>app.js<\/strong> \ub97c \uc5f4\uace0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ud3ec\ud568\ud558\uc138\uc694:<\/p>\n<pre><code class=\"language-javascript\">\r\nangular.module(\"pouchapp\", [\"ui.router\"])\r\n\r\n.run(function($pouchDB) {\r\n\r\n})\r\n\r\n.config(function($stateProvider, $urlRouterProvider) {\r\n\r\n})\r\n\r\n.controller(\"MainController\", function($scope, $rootScope, $state, $stateParams, $pouchDB) {\r\n\r\n})\r\n<\/code><\/pre>\n<p>\uc774 \ud30c\uc77c\uc5d0 \ub300\ud574 \uc77c\ubc18\uc801\uc73c\ub85c \uc8fc\uc758\ud574\uc57c \ud560 \uba87 \uac00\uc9c0 \uc0ac\ud56d\uacfc \uc55e\uc73c\ub85c \uc218\ud589\ud560 \uc791\uc5c5\uc5d0 \ub300\ud574 \uc124\uba85\ud569\ub2c8\ub2e4. \uc774 \ud30c\uc77c\uc758 <strong>app.js<\/strong> \ud30c\uc77c\uc740 \ubaa8\ub4e0 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ub85c\uc9c1\uc774 \uc800\uc7a5\ub418\ub294 \uacf3\uc785\ub2c8\ub2e4. \uadf8 \uc548\uc5d0\ub294 <strong>.run()<\/strong> \ud568\uc218\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \uc2dc\uc791\ub420 \ub54c \uc2e4\ud589\ub418\ub294 <strong>.config()<\/strong> \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ubaa8\ub4e0 \ud654\uba74\uc744 \uad6c\uc131\ud558\ub294 \uae30\ub2a5(UI-\ub77c\uc6b0\ud130)\uacfc <strong>.controller()<\/strong> \ud568\uc218\uc5d0 \ud2b9\uc815 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uae30\ub2a5\uc5d0 \ub300\ud55c \ub85c\uc9c1\uc744 \ud3ec\ud568\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub2e4\uc74c \uc0ac\ud56d\ub3c4 \ucc38\uace0\ud558\uc138\uc694. <strong>$pouchDB<\/strong> \uc774 \uc11c\ube44\uc2a4\ub294 \ub098\uc911\uc5d0 \uc124\uacc4\ud560 AngularJS \uc11c\ube44\uc2a4\uc774\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/p>\n<h4>AngularJS \uad6c\uc131<\/h4>\n<p>AngularJS UI-Router\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\uc73c\ubbc0\ub85c \ub2e4\uc74c\uc5d0\uc11c \uacbd\ub85c\ub97c \uad6c\uc131\ud574\uc57c \ud569\ub2c8\ub2e4. <strong>.config()<\/strong> \uae30\ub2a5\uc758 <strong>app.js<\/strong> \ud30c\uc77c\uc5d0 \ucd94\uac00\ud569\ub2c8\ub2e4. \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n<pre><code class=\"language-javascript\">\r\n$stateProvider\r\n    .state(\"list\", {\r\n        \"url\": \"\/list\",\r\n        \"templateUrl\": \"templates\/list.html\",\r\n        \"controller\": \"MainController\"\r\n    })\r\n    .state(\"item\", {\r\n        \"url\": \"\/item\/:documentId\/:documentRevision\",\r\n        \"templateUrl\": \"templates\/item.html\",\r\n        \"controller\": \"MainController\"\r\n    });\r\n$urlRouterProvider.otherwise(\"list\");\r\n<\/code><\/pre>\n<p>\uc694\uc57d\ud558\uc790\uba74, \uc5ec\uae30\uc5d0\ub294 \ub450 \uac00\uc9c0 \uacbd\ub85c(\ud654\uba74)\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc77c\uc885\uc758 \ubaa9\ub85d\uc744 \ud45c\uc2dc\ud558\ub294 \ud654\uba74\uacfc \ubaa9\ub85d\uc758 \ud56d\ubaa9\uc744 \ucd94\uac00\ud558\uac70\ub098 \uc5c5\ub370\uc774\ud2b8\ud560 \uc218 \uc788\ub294 \ud654\uba74\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ub450 \uacbd\ub85c \ubaa8\ub450 \ub2e4\uc74c\uacfc \uac19\uc740 AngularJS \ucee8\ud2b8\ub864\ub7ec\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. <strong>\uba54\uc778 \ucee8\ud2b8\ub864\ub7ec<\/strong>\ub97c \uc0ac\uc6a9\ud558\uc9c0\ub9cc \uac01\uac01 \ub2e4\ub978 \ud15c\ud50c\ub9bf\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h5>AngularJS \uacbd\ub85c \ud15c\ud50c\ub9bf<\/h5>\n<p>\uac01 \ud654\uba74\uc740 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud45c\uc2dc\ud560 \uace0\uc720\ud55c HTML\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8\uc758 <strong>\ud15c\ud50c\ub9bf<\/strong> \ub514\ub809\ud1a0\ub9ac\ub97c \ub9cc\ub4e4\uace0 <strong>list.html<\/strong> \uadf8\ub9ac\uace0 <strong>item.html<\/strong>. \ub97c \uc5f4\uace0 <strong>list.html<\/strong> \ub97c \ud074\ub9ad\ud558\uace0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4:<\/p>\n<pre><code class=\"language-xhtml\"><button class=\"btn btn-primary\">New Item<\/button><\/code><\/pre>\n<p>&nbsp;<\/p>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>\uc774\ub984<\/th>\n<th>\uc131<\/th>\n<th>\uc774\uba54\uc77c<\/th>\n<th><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>{{value.firstname}}<\/td>\n<td>{{value.\uc131}}<\/td>\n<td>{{value.email}}<\/td>\n<td><a>\ud3b8\uc9d1<\/a> | <a>\uc0ad\uc81c<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\ub9ce\uc740 \ubd80\ubd84\uc774 \uc774\uc0c1\ud574 \ubcf4\uc77c \uc218 \uc788\uc9c0\ub9cc \uc124\uba85\ud574 \ub4dc\ub9ac\uba74 \uc774\ud574\uac00 \uc26c\uc6cc\uc9c8 \uac83\uc785\ub2c8\ub2e4. \uba3c\uc800 \ud14c\uc774\ube14\uc744 \ub9cc\ub4e4\uace0 \uac1d\uccb4\ub97c \ubc18\ubcf5\ud558\uc5ec \uac01 \ubc18\ubcf5\uc5d0 \ub300\ud574 \uc0c8\ub85c\uc6b4 \ud14c\uc774\ube14 \ud589\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc774 \uac1d\uccb4\ub294 \ubc18\ubcf5\ud558\ub294 \uac1d\uccb4\uc774\ubbc0\ub85c \ud0a4\uc640 \uac12\uc744 \ubaa8\ub450 \uac00\uc9c0\uac8c \ub418\ubbc0\ub85c \ud0a4\uc640 \uac12\uc744 \ubd84\ub9ac\ud588\uc2b5\ub2c8\ub2e4. \uc774 \uc30d\uc758 \uac12\uc740 \uc774\ub984 \uc815\ubcf4\uc640 \uc774\uba54\uc77c \uc815\ubcf4\ub97c \ud3ec\ud568\ud558\ub294 \uac1d\uccb4\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4.<\/p>\n<p>\ub77c\uc778\uacfc \ud568\uaed8 <strong>\ud3b8\uc9d1<\/strong> \uadf8\ub9ac\uace0 <strong>\uc0ad\uc81c<\/strong> \ub294 \uac1c\uccb4\uc5d0\uc11c \uc815\ubcf4\ub97c \uac00\uc838\uc640 \uc800\uc7a5\uc18c\uc5d0\uc11c \uc0ad\uc81c\ud558\uac70\ub098 \ub2e4\ub978 \ud654\uba74\uc73c\ub85c \uc804\ub2ec\ud558\uc5ec \ud3b8\uc9d1\ud560 \uc218 \uc788\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\n<p>\uc774\uc81c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ub450 \ubc88\uc9f8\uc774\uc790 \ub9c8\uc9c0\ub9c9 \uacbd\ub85c\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4. \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 <strong>item.html<\/strong> \ud30c\uc77c\uc744 \uc5f4\uace0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ud3ec\ud568\ud558\uc138\uc694:<\/p>\n<pre><code class=\"language-xhtml\"><\/code><\/pre>\n<p>&nbsp;<\/p>\n<div class=\"form-group\"><label for=\"firstname\">\uc774\ub984<\/label> <\/div>\n<p>&nbsp;<\/p>\n<div class=\"form-group\"><label for=\"lastname\">\uc131<\/label> <\/div>\n<p>&nbsp;<\/p>\n<div class=\"form-group\"><label for=\"email\">\uc774\uba54\uc77c<\/label> <\/div>\n<p><button class=\"btn btn-danger\" type=\"button\">\ucde8\uc18c<\/button> <button class=\"btn btn-success\" type=\"button\">\uc800\uc7a5<\/button><\/p>\n<p>\uae30\ubcf8\uc801\uc73c\ub85c \uc774\uac83\uc740 \ub2e8\uc9c0 \ud3fc\uc77c \ubfd0\uc785\ub2c8\ub2e4. \uc5ec\uae30\uc5d0\ub294 \uc800\uc7a5 \ud568\uc218\uac00 \uc788\ub294\ub370, \uc774 \ud568\uc218\ub294 \ub2e4\uc74c AngularJS \ucee8\ud2b8\ub864\ub7ec \uc139\uc158\uc5d0\uc11c \uc0b4\ud3b4\ubcfc \uac83\uc785\ub2c8\ub2e4.<\/p>\n<h4>PouchDB AngularJS \uc11c\ube44\uc2a4<\/h4>\n<p>\ub354 \uc9c4\ud589\ud558\uae30 \uc804\uc5d0 PouchDB\uc6a9 AngularJS \uc11c\ube44\uc2a4\uc5d0 \ub300\ud574 \uc774\uc57c\uae30\ud574\uc57c \ud569\ub2c8\ub2e4. \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 \ub2e4\ub978 \ubaa8\ub4e0 \uac83\uc774 \uc758\ubbf8\uac00 \uc5c6\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\uac00 \uc11c\ube44\uc2a4\ub97c \ub9cc\ub4dc\ub294 \uc774\uc720\ub294 PouchDB\ub97c AngularJS \uce5c\ud654\uc801\uc73c\ub85c \ub9cc\ub4e4\uace0 \uc2f6\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \ubb34\uc5c7\ubcf4\ub2e4\ub3c4 \ubc18\uc751\ud615 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc6d0\ud569\ub2c8\ub2e4. \ub9c8\uc9c0\ub9c9\uc5d0 <strong>app.js<\/strong> \ud30c\uc77c\uc5d0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4:<\/p>\n<pre><code class=\"language-javascript\">\r\n.service(\"$pouchDB\", [\"$rootScope\", \"$q\", function($rootScope, $q) {\r\n\r\n    var database;\r\n    var changeListener;\r\n\r\n    this.setDatabase = function(databaseName) {\r\n        database = new PouchDB(databaseName);\r\n    }\r\n\r\n    this.startListening = function() {\r\n        changeListener = database.changes({\r\n            live: true,\r\n            include_docs: true\r\n        }).on(\"change\", function(change) {\r\n            if(!change.deleted) {\r\n                $rootScope.$broadcast(\"$pouchDB:change\", change);\r\n            } else {\r\n                $rootScope.$broadcast(\"$pouchDB:delete\", change);\r\n            }\r\n        });\r\n    }\r\n\r\n    this.stopListening = function() {\r\n        changeListener.cancel();\r\n    }\r\n\r\n    this.sync = function(remoteDatabase) {\r\n        database.sync(remoteDatabase, {live: true, retry: true});\r\n    }\r\n\r\n    this.save = function(jsonDocument) {\r\n        var deferred = $q.defer();\r\n        if(!jsonDocument._id) {\r\n            database.post(jsonDocument).then(function(response) {\r\n                deferred.resolve(response);\r\n            }).catch(function(error) {\r\n                deferred.reject(error);\r\n            });\r\n        } else {\r\n            database.put(jsonDocument).then(function(response) {\r\n                deferred.resolve(response);\r\n            }).catch(function(error) {\r\n                deferred.reject(error);\r\n            });\r\n        }\r\n        return deferred.promise;\r\n    }\r\n\r\n    this.delete = function(documentId, documentRevision) {\r\n        return database.remove(documentId, documentRevision);\r\n    }\r\n\r\n    this.get = function(documentId) {\r\n        return database.get(documentId);\r\n    }\r\n\r\n    this.destroy = function() {\r\n        database.destroy();\r\n    }\r\n\r\n}]);\r\n<\/code><\/pre>\n<p>\ubc1b\uc544\ub4e4\uc5ec\uc57c \ud560 \uac83\uc774 \ub9ce\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \ubcf8\uc9c8\uc801\uc73c\ub85c \ub9ce\uc740 PouchDB \ud568\uc218\ub97c \ub798\ud551\ud558\uace0 \uc788\uc744 \ubfd0\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc5ec\uae30\uc11c \uac00\uc7a5 \uc911\uc694\ud55c \uac83\uc740 <strong>\uc2dc\uc791 \ub4e3\uae30<\/strong> \uadf8\ub9ac\uace0 <strong>\uc800\uc7a5<\/strong> \ud568\uc218.<\/p>\n<p>\ub0b4\ubd80 <strong>\uc2dc\uc791 \ub4e3\uae30<\/strong> \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubcc0\uacbd \uc0ac\ud56d\uc744 \uc218\uc2e0\ud558\uace0 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ud1b5\ud574 \ube0c\ub85c\ub4dc\uce90\uc2a4\ud2b8\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. <strong>$rootScope.$broadcast<\/strong>. \uc544\uc9c1 \ubcf4\uc9c0 \ubabb\ud588\uc9c0\ub9cc AngularJS\ub294 \ub2e4\uc74c\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc774\ub7ec\ud55c \ubc29\uc1a1\uc744 \uc218\uc2e0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>$rootScope.$on<\/strong>. \uc774\ub807\uac8c \ud558\uba74 UI\ub97c \ub9e4\uc6b0 \uc27d\uac8c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uce21\uba74\uc5d0\uc11c <strong>\uc800\uc7a5<\/strong> \ud568\uc218\ub97c \ud638\ucd9c\ud558\uba74 \ubb38\uc11c ID\uac00 \uc804\ub2ec\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4. \ubb38\uc11c ID\uac00 \uc804\ub2ec\ub418\uc9c0 \uc54a\uc558\ub2e4\uba74 \uc0bd\uc785\ud560 \uc0c8 \ubb38\uc11c\uc774\uace0, \uadf8\ub807\uc9c0 \uc54a\ub2e4\uba74 \uc5c5\ub370\uc774\ud2b8\ub41c \ubb38\uc11c\uc785\ub2c8\ub2e4.<\/p>\n<h4>\ucee8\ud2b8\ub864\ub7ec \ubc0f \uc2e4\ud589 \uae30\ub2a5\uc73c\ub85c \ub3cc\uc544\uac00\uae30<\/h4>\n<p>AngularJS\ubd80\ud130 \uc2dc\uc791\ud558\uaca0\uc2b5\ub2c8\ub2e4. <strong>.run()<\/strong> \ud568\uc218\uac00 \uc9e7\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4:<\/p>\n<pre><code class=\"language-javascript\">\r\n.run(function($pouchDB) {\r\n    $pouchDB.setDatabase(\"nraboy-test\");\r\n    $pouchDB.sync(\"https:\/\/localhost:4984\/test-database\");\r\n})\r\n<\/code><\/pre>\n<p>\uc5ec\uae30\uc11c\ub294 \ub85c\uceec \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc758 \uc774\ub984\uc744 \uc9c0\uc815\ud558\uace0 \uc2e4\uc81c\ub85c Couchbase \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774\uc778 \uc774 \uc6d0\uaca9 \uc704\uce58\ub85c \ub3d9\uae30\ud654\ud560 \uac83\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4. \uc774 \ub3d9\uae30\ud654\ub294 \ud638\ucd9c\ud55c \ud6c4 \uc9c0\uc18d\uc801\uc73c\ub85c \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc5ec\uae30\uc11c \uc9c0\uc18d\uc801\uc73c\ub85c\ub780 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \uc5f4\ub824 \uc788\ub294 \ub3d9\uc548 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uacfc \uc11c\ubc84 \uac04\uc5d0 \ubcc0\uacbd \uc0ac\ud56d\uc774 \ubcf5\uc81c\ub41c\ub2e4\ub294 \uc758\ubbf8\uc785\ub2c8\ub2e4.<\/p>\n<p>\ucee8\ud2b8\ub864\ub7ec \ucf54\ub4dc\ub85c \uc774\ub3d9\ud558\uc5ec \ub2e4\uc74c\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4:<\/p>\n<pre><code class=\"language-javascript\">\r\n.controller(\"MainController\", function($scope, $rootScope, $state, $stateParams, $pouchDB) {\r\n\r\n    $scope.items = {};\r\n\r\n    $pouchDB.startListening();\r\n\r\n    $rootScope.$on(\"$pouchDB:change\", function(event, data) {\r\n        $scope.items[data.doc._id] = data.doc;\r\n        $scope.$apply();\r\n    });\r\n\r\n    $rootScope.$on(\"$pouchDB:delete\", function(event, data) {\r\n        delete $scope.items[data.doc._id];\r\n        $scope.$apply();\r\n    });\r\n\r\n    if($stateParams.documentId) {\r\n        $pouchDB.get($stateParams.documentId).then(function(result) {\r\n            $scope.inputForm = result;\r\n        });\r\n    }\r\n\r\n    $scope.save = function(firstname, lastname, email) {\r\n        var jsonDocument = {\r\n            \"firstname\": firstname,\r\n            \"lastname\": lastname,\r\n            \"email\": email\r\n        };\r\n        if($stateParams.documentId) {\r\n            jsonDocument[\"_id\"] = $stateParams.documentId;\r\n            jsonDocument[\"_rev\"] = $stateParams.documentRevision;\r\n        }\r\n        $pouchDB.save(jsonDocument).then(function(response) {\r\n            $state.go(\"list\");\r\n        }, function(error) {\r\n            console.log(\"ERROR -&gt; \" + error);\r\n        });\r\n    }\r\n\r\n    $scope.delete = function(id, rev) {\r\n        $pouchDB.delete(id, rev);\r\n    }\r\n\r\n})\r\n<\/code><\/pre>\n<p>\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \uc774\ubbf8 \ub3d9\uae30\ud654 \uc911\uc774\ubbc0\ub85c \ubcc0\uacbd \uc0ac\ud56d\uc774 \uc788\ub294\uc9c0 \ud655\uc778\ud574\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 <strong>$rootScope.$on<\/strong> \uc55e\uc11c \ub9d0\uc500\ub4dc\ub838\uc2b5\ub2c8\ub2e4. \ud558\ub098\ub294 \ubcc0\uacbd(\uc0dd\uc131 \ub610\ub294 \uc5c5\ub370\uc774\ud2b8)\uc744 \uc218\uc2e0 \ub300\uae30\ud558\uace0 \ub2e4\ub978 \ud558\ub098\ub294 \uc0ad\uc81c\ub97c \uc218\uc2e0 \ub300\uae30\ud558\uae30 \ub54c\ubb38\uc5d0 \ub450 \uac1c\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub9cc\uc57d <strong>list.html<\/strong> \ud398\uc774\uc9c0\uc5d0\uc11c \uc5c5\ub370\uc774\ud2b8\ub97c \uc704\ud574 \uc5ec\uae30\ub85c \ub77c\uc6b0\ud305\ud558\uba74 \ubb38\uc11c ID\uac00 \uc804\ub2ec\ub429\ub2c8\ub2e4. \uc774 \uc2dc\ub098\ub9ac\uc624\uc5d0\uc11c\ub294 \uc870\ud68c\ub97c \uc218\ud589\ud558\uc5ec \uae30\ubcf8\uac12\uc778 \uacf5\ubc31\uc73c\ub85c \ub450\ub294 \ub300\uc2e0 \uc591\uc2dd\uc5d0 \ud45c\uc2dc\ud560 \ud2b9\uc815 \ubb38\uc11c ID\uc5d0 \ub300\ud55c \ub370\uc774\ud130\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c \uc6b0\ub9ac\ub294 <strong>\uc800\uc7a5<\/strong> \uadf8\ub9ac\uace0 <strong>\uc0ad\uc81c<\/strong> \ud568\uc218.<\/p>\n<h2>\ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774 \uad6c\uc131<\/h2>\n<p>PouchDB\uc640 AngularJS\ub294 \uc5ec\uae30\uc11c \uc808\ubc18\uc758 \uc774\uc57c\uae30\uc77c \ubfd0\uc785\ub2c8\ub2e4. \ubb3c\ub860 \ub85c\uceec\uc5d0\uc11c \uc2e4\ud589\ub418\ub294 \uba4b\uc9c4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc9c0\ub9cc, \uc6b0\ub9ac\ub294 \ub3d9\uae30\ud654\ub97c \uc6d0\ud569\ub2c8\ub2e4. \uc774\ub97c \uc704\ud55c \uc5d4\ub4dc\ud3ec\uc778\ud2b8\uac00 \ubc14\ub85c Couchbase \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774\uc774\uba70, \ubb3c\ub860 PouchDB\ub294 \uc774 \uac8c\uc774\ud2b8\uc6e8\uc774\uc640 \uc798 \uc791\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n<p>\ud504\ub85c\uc81d\ud2b8\uc758 <strong>\ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774-config.json<\/strong> \ud30c\uc77c\uc5d0 \ub2e4\uc74c\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4:<\/p>\n<pre><code class=\"language-json\">\r\n{\r\n    \"log\":[\"CRUD+\", \"REST+\", \"Changes+\", \"Attach+\"],\r\n    \"databases\": {\r\n        \"test-database\": {\r\n            \"server\":\"walrus:data\",\r\n            \"sync\":`\r\n                function (doc) {\r\n                    channel (doc.channels);\r\n                }\r\n            `,\r\n            \"users\": {\r\n                \"GUEST\": {\r\n                    \"disabled\": false,\r\n                    \"admin_channels\": [\"*\"]\r\n                }\r\n            }\r\n        }\r\n    },\r\n    \"CORS\": {\r\n        \"Origin\": [\"https:\/\/localhost:9000\"],\r\n        \"LoginOrigin\": [\"https:\/\/localhost:9000\"],\r\n        \"Headers\": [\"Content-Type\"],\r\n        \"MaxAge\": 17280000\r\n    }\r\n}\r\n<\/code><\/pre>\n<p>\uc774\uac83\uc740 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \uad6c\uc131 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \uba87 \uac00\uc9c0 \uc8fc\uc758\ud574\uc57c \ud560 \uc0ac\ud56d\uc774 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<ul>\n<li>\uba54\ubaa8\ub9ac\uc5d0 \uc800\uc7a5\ub418\uba70 \uc9c0\uc18d\ub418\uc9c0 \uc54a\ub294 \uc800\uc7a5\uc18c\ub85c walrus:data\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ud504\ub85c\ub355\uc158\uc5d0\ub294 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\ubaa8\ub4e0 \ub370\uc774\ud130\ub294 GUEST \uc0ac\uc6a9\uc790\ub97c \ud1b5\ud574 \ub3d9\uae30\ud654\ub418\ubbc0\ub85c \uc5ec\uae30\uc11c\ub294 \uc778\uc99d\uc774 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc9c0\ub9cc \ub2e4\uc74c\uacfc \uac19\uc740 \uacbd\uc6b0\uac00 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>localhost:9000\uc5d0\uc11c \uc694\uccad\uc744 \ud5c8\uc6a9\ud558\uc5ec CORS \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2>\uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ud14c\uc2a4\ud2b8<\/h2>\n<p>\uc774 \uc2dc\uc810\uc5d0\uc11c \ubaa8\ub4e0 \ucf54\ub4dc\uac00 \uc900\ube44\ub418\uc5c8\uc73c\uba70 \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774\ub97c \uc2e4\ud589\ud560 \uc900\ube44\uac00 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uba85\ub839 \ud504\ub86c\ud504\ud2b8 \ub610\ub294 \ud130\ubbf8\ub110\uc5d0\uc11c \ub2e4\uc74c\uc744 \uc2e4\ud589\ud558\uc5ec \ub3d9\uae30\ud654 \uac8c\uc774\ud2b8\uc6e8\uc774\ub97c \uc2dc\uc791\ud569\ub2c8\ub2e4:<\/p>\n<pre><code class=\"language-bash\">\/path\/to\/sync\/gateway\/bin\/sync-gateway \/path\/to\/project\/sync-gateway-config.json<\/code><\/pre>\n<p>\uc774\uc81c \ud30c\uc774\uc36c\uc774 \ub4f1\uc7a5\ud569\ub2c8\ub2e4. \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c HTML \ud30c\uc77c\uc744 \uadf8\ub0e5 \uc5f4 \uc218\ub294 \uc5c6\uc2b5\ub2c8\ub2e4. CORS \ubb38\uc81c\ub97c \ubc29\uc9c0\ud558\uae30 \uc704\ud574 \ubc18\ub4dc\uc2dc \uc81c\uacf5\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4. \uba85\ub839 \ud504\ub86c\ud504\ud2b8 \ub610\ub294 \ud130\ubbf8\ub110\uc5d0\uc11c \ud504\ub85c\uc81d\ud2b8\ub97c \ud604\uc7ac \uc791\uc5c5 \ub514\ub809\ud130\ub9ac\ub85c \uc124\uc815\ud55c \uc0c1\ud0dc\uc5d0\uc11c \ub2e4\uc74c\uc744 \uc2e4\ud589\ud569\ub2c8\ub2e4:<\/p>\n<pre><code class=\"language-bash\">python -m SimpleHTTPServer 9000<\/code><\/pre>\n<p>\uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c https:\/\/localhost:9000 \uc744 \ubc29\ubb38\ud558\uc5ec \ud655\uc778\ud574 \ubcf4\uc138\uc694!<\/p>\n<h2>\uacb0\ub860<\/h2>\n<p>\uc774\uc81c AngularJS\uc640 PouchDB\ub9cc \uc0ac\uc6a9\ud558\uc5ec Couchbase\uc640 \ub3d9\uae30\ud654\ud560 \uc218 \uc788\ub294 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \ubc31\uc5d4\ub4dc SDK\ub294 \ud544\uc694\ud558\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774 \ube14\ub85c\uadf8 \uac8c\uc2dc\ubb3c\uc758 \uc804\uccb4 \uc791\uc5c5 \uc18c\uc2a4 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uc744 \ud1b5\ud574 \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/github.com\/couchbaselabs\/pouchdb-angularjs-app\" target=\"_blank\" rel=\"noopener\">\uce74\uc6b0\uce58\ubca0\uc774\uc2a4 \ub7a9 GitHub \ub9ac\ud3ec\uc9c0\ud1a0\ub9ac<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>There are many ways to use Couchbase in your web or mobile application through one of the various language SDKs. However, what if you were not using a backend language such as PHP or a mobile language such as Objective-C? [&hellip;]<\/p>","protected":false},"author":63,"featured_media":13873,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[9327,2366],"tags":[1542,1543,1541],"ppma_author":[9032],"class_list":["post-2083","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-sync-gateway","tag-angularjs","tag-javascript","tag-pouchdb"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.8 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sync With Couchbase Using Only AngularJS And PouchDB<\/title>\n<meta name=\"description\" content=\"Learn how to create a web application that can sync with Couchbase using nothing more than AngularJS and PouchDB. No backend SDKs were required.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.couchbase.com\/blog\/ko\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sync With Couchbase Using Only AngularJS And PouchDB\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a web application that can sync with Couchbase using nothing more than AngularJS and PouchDB. No backend SDKs were required.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.couchbase.com\/blog\/ko\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/\" \/>\n<meta property=\"og:site_name\" content=\"The Couchbase Blog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/thepolyglotdeveloper\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-30T18:22:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-14T06:54:07+00:00\" \/>\n<meta name=\"author\" content=\"Nic Raboy, Developer Advocate, Couchbase\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nraboy\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nic Raboy, Developer Advocate, Couchbase\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/\"},\"author\":{\"name\":\"Nic Raboy, Developer Advocate, Couchbase\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1\"},\"headline\":\"Sync With Couchbase Using Only AngularJS And PouchDB\",\"datePublished\":\"2015-09-30T18:22:46+00:00\",\"dateModified\":\"2025-06-14T06:54:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/\"},\"wordCount\":1627,\"commentCount\":41,\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"keywords\":[\"angularjs\",\"javascript\",\"pouchdb\"],\"articleSection\":[\"JavaScript\",\"Sync Gateway\"],\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/\",\"name\":\"Sync With Couchbase Using Only AngularJS And PouchDB\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"datePublished\":\"2015-09-30T18:22:46+00:00\",\"dateModified\":\"2025-06-14T06:54:07+00:00\",\"description\":\"Learn how to create a web application that can sync with Couchbase using nothing more than AngularJS and PouchDB. No backend SDKs were required.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#primaryimage\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"width\":1800,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.couchbase.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sync With Couchbase Using Only AngularJS And PouchDB\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"name\":\"The Couchbase Blog\",\"description\":\"Couchbase, the NoSQL Database\",\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\",\"name\":\"The Couchbase Blog\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"width\":218,\"height\":34,\"caption\":\"The Couchbase Blog\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1\",\"name\":\"Nic Raboy, Developer Advocate, Couchbase\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/8863514d8bed0cf6080f23db40e00354\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g\",\"caption\":\"Nic Raboy, Developer Advocate, Couchbase\"},\"description\":\"Nic Raboy is an advocate of modern web and mobile development technologies. He has experience in Java, JavaScript, Golang and a variety of frameworks such as Angular, NativeScript, and Apache Cordova. Nic writes about his development experiences related to making web and mobile development easier to understand.\",\"sameAs\":[\"https:\/\/www.thepolyglotdeveloper.com\",\"https:\/\/www.facebook.com\/thepolyglotdeveloper\",\"https:\/\/x.com\/nraboy\"],\"url\":\"https:\/\/www.couchbase.com\/blog\/ko\/author\/nic-raboy-2\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"AngularJS \ubc0f PouchDB\ub9cc \uc0ac\uc6a9\ud558\uc5ec Couchbase\uc640 \ub3d9\uae30\ud654","description":"AngularJS\uc640 PouchDB\ub9cc \uc0ac\uc6a9\ud558\uc5ec Couchbase\uc640 \ub3d9\uae30\ud654\ud560 \uc218 \uc788\ub294 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uc138\uc694. \ubc31\uc5d4\ub4dc SDK\uac00 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.couchbase.com\/blog\/ko\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/","og_locale":"ko_KR","og_type":"article","og_title":"Sync With Couchbase Using Only AngularJS And PouchDB","og_description":"Learn how to create a web application that can sync with Couchbase using nothing more than AngularJS and PouchDB. No backend SDKs were required.","og_url":"https:\/\/www.couchbase.com\/blog\/ko\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/","og_site_name":"The Couchbase Blog","article_author":"https:\/\/www.facebook.com\/thepolyglotdeveloper","article_published_time":"2015-09-30T18:22:46+00:00","article_modified_time":"2025-06-14T06:54:07+00:00","author":"Nic Raboy, Developer Advocate, Couchbase","twitter_card":"summary_large_image","twitter_creator":"@nraboy","twitter_misc":{"Written by":"Nic Raboy, Developer Advocate, Couchbase","Est. reading time":"9\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#article","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/"},"author":{"name":"Nic Raboy, Developer Advocate, Couchbase","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1"},"headline":"Sync With Couchbase Using Only AngularJS And PouchDB","datePublished":"2015-09-30T18:22:46+00:00","dateModified":"2025-06-14T06:54:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/"},"wordCount":1627,"commentCount":41,"publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","keywords":["angularjs","javascript","pouchdb"],"articleSection":["JavaScript","Sync Gateway"],"inLanguage":"ko-KR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/","url":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/","name":"AngularJS \ubc0f PouchDB\ub9cc \uc0ac\uc6a9\ud558\uc5ec Couchbase\uc640 \ub3d9\uae30\ud654","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#primaryimage"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","datePublished":"2015-09-30T18:22:46+00:00","dateModified":"2025-06-14T06:54:07+00:00","description":"AngularJS\uc640 PouchDB\ub9cc \uc0ac\uc6a9\ud558\uc5ec Couchbase\uc640 \ub3d9\uae30\ud654\ud560 \uc218 \uc788\ub294 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uc138\uc694. \ubc31\uc5d4\ub4dc SDK\uac00 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.","breadcrumb":{"@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#primaryimage","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","width":1800,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.couchbase.com\/blog\/sync-with-couchbase-using-only-angularjs-and-pouchdb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.couchbase.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Sync With Couchbase Using Only AngularJS And PouchDB"}]},{"@type":"WebSite","@id":"https:\/\/www.couchbase.com\/blog\/#website","url":"https:\/\/www.couchbase.com\/blog\/","name":"\uce74\uc6b0\uce58\ubca0\uc774\uc2a4 \ube14\ub85c\uadf8","description":"NoSQL \ub370\uc774\ud130\ubca0\uc774\uc2a4, Couchbase","publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/www.couchbase.com\/blog\/#organization","name":"\uce74\uc6b0\uce58\ubca0\uc774\uc2a4 \ube14\ub85c\uadf8","url":"https:\/\/www.couchbase.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","width":218,"height":34,"caption":"The Couchbase Blog"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1","name":"Nic Raboy, \uac1c\ubc1c\uc790 \uc639\ud638\uc790, Couchbase","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/8863514d8bed0cf6080f23db40e00354","url":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","caption":"Nic Raboy, Developer Advocate, Couchbase"},"description":"\ub2c9 \ub77c\ubcf4\uc774\ub294 \ucd5c\uc2e0 \uc6f9 \ubc0f \ubaa8\ubc14\uc77c \uac1c\ubc1c \uae30\uc220\uc744 \uc639\ud638\ud558\ub294 \uc0ac\ub78c\uc785\ub2c8\ub2e4. \uadf8\ub294 Java, JavaScript, Golang \ubc0f Angular, NativeScript, Apache Cordova\uc640 \uac19\uc740 \ub2e4\uc591\ud55c \ud504\ub808\uc784\uc6cc\ud06c\uc5d0 \ub300\ud55c \uacbd\ud5d8\uc774 \uc788\uc2b5\ub2c8\ub2e4. Nic\uc740 \uc6f9 \ubc0f \ubaa8\ubc14\uc77c \uac1c\ubc1c\uc744 \ubcf4\ub2e4 \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\ub3c4\ub85d \uc790\uc2e0\uc758 \uac1c\ubc1c \uacbd\ud5d8\uc5d0 \ub300\ud574 \uae00\uc744 \uc4f0\uace0 \uc788\uc2b5\ub2c8\ub2e4.","sameAs":["https:\/\/www.thepolyglotdeveloper.com","https:\/\/www.facebook.com\/thepolyglotdeveloper","https:\/\/x.com\/nraboy"],"url":"https:\/\/www.couchbase.com\/blog\/ko\/author\/nic-raboy-2\/"}]}},"authors":[{"term_id":9032,"user_id":63,"is_guest":0,"slug":"nic-raboy-2","display_name":"Nic Raboy, Developer Advocate, Couchbase","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","author_category":"","last_name":"Raboy","first_name":"Nic","job_title":"","user_url":"https:\/\/www.thepolyglotdeveloper.com","description":"\ub2c9 \ub77c\ubcf4\uc774\ub294 \ucd5c\uc2e0 \uc6f9 \ubc0f \ubaa8\ubc14\uc77c \uac1c\ubc1c \uae30\uc220\uc744 \uc639\ud638\ud558\ub294 \uc0ac\ub78c\uc785\ub2c8\ub2e4. \uadf8\ub294 Java, JavaScript, Golang \ubc0f Angular, NativeScript, Apache Cordova\uc640 \uac19\uc740 \ub2e4\uc591\ud55c \ud504\ub808\uc784\uc6cc\ud06c\uc5d0 \ub300\ud55c \uacbd\ud5d8\uc774 \uc788\uc2b5\ub2c8\ub2e4. Nic\uc740 \uc6f9 \ubc0f \ubaa8\ubc14\uc77c \uac1c\ubc1c\uc744 \ubcf4\ub2e4 \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\ub3c4\ub85d \uc790\uc2e0\uc758 \uac1c\ubc1c \uacbd\ud5d8\uc5d0 \ub300\ud574 \uae00\uc744 \uc4f0\uace0 \uc788\uc2b5\ub2c8\ub2e4."}],"_links":{"self":[{"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/posts\/2083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/comments?post=2083"}],"version-history":[{"count":0,"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/posts\/2083\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/media\/13873"}],"wp:attachment":[{"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/media?parent=2083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/categories?post=2083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/tags?post=2083"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/ko\/wp-json\/wp\/v2\/ppma_author?post=2083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}