{"id":1986,"date":"2024-10-03T12:09:12","date_gmt":"2024-10-03T03:09:12","guid":{"rendered":"https:\/\/hyunsu.com\/wordpress\/?p=1986"},"modified":"2024-10-03T12:10:40","modified_gmt":"2024-10-03T03:10:40","slug":"graphql%ec%9d%b4%eb%9e%80","status":"publish","type":"post","link":"https:\/\/hyunsu.com\/wordpress\/?p=1986","title":{"rendered":"GraphQL\uc774\ub780?"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>1. GraphQL\uc774\ub780 \ubb34\uc5c7\uc778\uac00?<\/strong><\/h3>\n\n\n\n<p>GraphQL\uc740 \uc11c\ubc84\uc5d0\uc11c \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c <strong>\ub370\uc774\ud130\ub97c \uc81c\uacf5\ud558\ub294 \ubc29\ubc95<\/strong> \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. REST API\ub97c \ub4e4\uc5b4\ubcf4\uc168\ub2e4\uba74, \uadf8\uc640 \ube44\uc2b7\ud55c \uc5ed\ud560\uc744 \ud55c\ub2e4\uace0 \ubcf4\uc2dc\uba74 \ub429\ub2c8\ub2e4. \ud558\uc9c0\ub9cc REST API\uc640 \ub2ec\ub9ac GraphQL\uc740 <strong>\ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc6d0\ud558\ub294 \ub370\uc774\ud130\ub9cc<\/strong> \uc815\ud655\ud558\uac8c \uc694\uccad\ud558\uace0 \ubc1b\uc744 \uc218 \uc788\ub294 <strong>\ucffc\ub9ac \uc5b8\uc5b4<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\uc65c GraphQL\uc744 \uc0ac\uc6a9\ud558\ub098\uc694?<\/strong><\/h4>\n\n\n\n<p>\uae30\uc874\uc758 REST API\ub294 \ub370\uc774\ud130\ub97c \ubc1b\uc544\uc62c \ub54c \ud544\uc694\ud55c \uac83\ubcf4\ub2e4 \ub354 \ub9ce\uc740 \uc815\ubcf4\ub97c \uac00\uc838\uc624\uac70\ub098, \uc5ec\ub7ec \ubc88 \uc694\uccad\ud574\uc57c \ud560 \ub54c\uac00 \ub9ce\uc558\uc2b5\ub2c8\ub2e4. \uc774 \ub54c\ubb38\uc5d0 \ub370\uc774\ud130 \uc804\uc1a1 \ud6a8\uc728\uc774 \ub5a8\uc5b4\uc9c8 \uc218 \uc788\uc8e0. GraphQL\uc740 \uc774\ub7f0 \ubb38\uc81c\ub97c \ud574\uacb0\ud574 <strong>\ud544\uc694\ud55c \ub370\uc774\ud130\ub9cc<\/strong> \ud6a8\uc728\uc801\uc73c\ub85c \ubc1b\uc744 \uc218 \uc788\ub3c4\ub85d \ud574\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. GraphQL\uc758 \uae30\ubcf8 \uac1c\ub150<\/strong><\/h3>\n\n\n\n<p>GraphQL\uc758 \uc911\uc694\ud55c \uac1c\ub150\ub4e4\uc744 \ud558\ub098\uc529 \uc0b4\ud3b4\ubcfc\uac8c\uc694.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1) \ucffc\ub9ac (Query)<\/strong><\/h4>\n\n\n\n<p>\ucffc\ub9ac\ub294 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc11c\ubc84\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc694\uccad\ud560 \ub54c \uc0ac\uc6a9\ud558\ub294 \uc5b8\uc5b4\uc785\ub2c8\ub2e4. \ucffc\ub9ac\ub97c \ud1b5\ud574 \uc6d0\ud558\ub294 \ub370\uc774\ud130\ub97c \uc815\ud655\ud558\uac8c \uc694\uccad\ud560 \uc218 \uc788\uc8e0. \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790 \uc815\ubcf4 \uc911 \uc774\ub984\uacfc \ub098\uc774\ub9cc \uc694\uccad\ud558\uace0 \uc2f6\uc744 \ub54c \uc774\ub807\uac8c \uc4f8 \uc218 \uc788\uc5b4\uc694:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>query {<br>  user(id: 1) {<br>    name<br>    age<br>  }<br>}<\/code><\/pre>\n\n\n\n<p>\uc704\uc758 \ucffc\ub9ac\uc5d0\uc11c\ub294 <code>user<\/code>\ub77c\ub294 \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\ub294\ub370, \uadf8 \uc911\uc5d0\uc11c\ub3c4 <code>name<\/code>\uacfc <code>age<\/code>\ub9cc \uc694\uccad\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\uba74 \uc11c\ubc84\ub294 \uc694\uccad\ud55c \ub370\uc774\ud130\ub9cc \uc815\ud655\ud558\uac8c \ubc18\ud658\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2) \ubba4\ud14c\uc774\uc158 (Mutation)<\/strong><\/h4>\n\n\n\n<p>\ubba4\ud14c\uc774\uc158\uc740 \ub370\uc774\ud130\ub97c <strong>\ubcc0\uacbd<\/strong>\ud560 \ub54c \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \ub370\uc774\ud130\ub97c \ucd94\uac00\ud558\uac70\ub098 \uc218\uc815\ud558\uac70\ub098 \uc0ad\uc81c\ud558\ub294 \ub4f1\uc758 \uc791\uc5c5\uc744 \ud560 \ub54c \ubba4\ud14c\uc774\uc158\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>mutation {<br>  addUser(name: \"John\", age: 30) {<br>    id<br>    name<br>  }<br>}<\/code><\/pre>\n\n\n\n<p>\uc774 \uc608\uc81c\uc5d0\uc11c\ub294 <code>addUser<\/code>\ub77c\ub294 \ubba4\ud14c\uc774\uc158\uc744 \ud1b5\ud574 \uc0c8\ub85c\uc6b4 \uc0ac\uc6a9\uc790\ub97c \ucd94\uac00\ud558\uace0, \uadf8 \uc0ac\uc6a9\uc790\uc758 <code>id<\/code>\uc640 <code>name<\/code>\uc744 \ubc18\ud658\ubc1b\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>3) \uc2a4\ud0a4\ub9c8 (Schema)<\/strong><\/h4>\n\n\n\n<p>GraphQL\uc758 \ud575\uc2ec\uc740 <strong>\uc2a4\ud0a4\ub9c8<\/strong>\ub77c\ub294 \uac1c\ub150\uc785\ub2c8\ub2e4. \uc2a4\ud0a4\ub9c8\ub294 \uc5b4\ub5a4 \ub370\uc774\ud130\ub97c \uc694\uccad\ud560 \uc218 \uc788\uace0, \uadf8 \ub370\uc774\ud130\uac00 \uc5b4\ub5a4 \ud615\uc2dd\uc778\uc9c0\ub97c \uc11c\ubc84\uac00 \uc815\uc758\ud574 \ub454 \uc124\uacc4\ub3c4 \uac19\uc740 \uac83\uc785\ub2c8\ub2e4. \uc2a4\ud0a4\ub9c8\ub97c \ud1b5\ud574 \ud074\ub77c\uc774\uc5b8\ud2b8\ub294 \uc5b4\ub5a4 \uc694\uccad\uc744 \ud560 \uc218 \uc788\ub294\uc9c0 \ubbf8\ub9ac \uc54c \uc218 \uc788\uc8e0.<\/p>\n\n\n\n<p>\uc608\ub97c \ub4e4\uc5b4, \uc2a4\ud0a4\ub9c8\uc5d0\uc11c <code>user<\/code>\ub77c\ub294 \ud0c0\uc785\uc774 \uc788\uace0 \uadf8 \uc548\uc5d0 <code>name<\/code>, <code>age<\/code>, <code>email<\/code> \ub4f1\uc758 \ud544\ub4dc\uac00 \uc788\ub2e4\uace0 \uc815\uc758\ub418\uc5b4 \uc788\uc73c\uba74, \ud074\ub77c\uc774\uc5b8\ud2b8\ub294 <code>user<\/code> \ud0c0\uc785\uc5d0\uc11c \ud574\ub2f9 \ud544\ub4dc\ub4e4\ub9cc \uc694\uccad\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. GraphQL\uacfc REST API\uc758 \ucc28\uc774\uc810<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\uc5d4\ub4dc\ud3ec\uc778\ud2b8<\/strong>: REST API\uc5d0\uc11c\ub294 \uc5ec\ub7ec \uc5d4\ub4dc\ud3ec\uc778\ud2b8(URL)\ub97c \ud1b5\ud574 \ub370\uc774\ud130\ub97c \uc694\uccad\ud569\ub2c8\ub2e4. \ud558\uc9c0\ub9cc GraphQL\uc740 <strong>\ud558\ub098\uc758 \uc5d4\ub4dc\ud3ec\uc778\ud2b8<\/strong>\ub9cc \uc0ac\uc6a9\ud574 \ub370\uc774\ud130\ub97c \uc694\uccad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\ub370\uc774\ud130 \uc694\uccad \ubc29\uc2dd<\/strong>: REST API\ub294 \uc815\ud574\uc9c4 \ub370\uc774\ud130\ub97c \ud56d\uc0c1 \ubc18\ud658\ud558\uc9c0\ub9cc, GraphQL\uc740 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc6d0\ud558\ub294 \ub370\uc774\ud130\ub9cc \uc815\ud655\ud558\uac8c \uc694\uccad\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \ubd88\ud544\uc694\ud55c \ub370\uc774\ud130 \uc804\uc1a1\uc744 \uc904\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. \uac04\ub2e8\ud55c \uc608\uc81c<\/strong><\/h3>\n\n\n\n<p>\uc6b0\ub9ac\uac00 \uc0ac\uc6a9\uc790 \uc815\ubcf4\uc640 \uadf8 \uc0ac\uc6a9\uc790\uac00 \uc791\uc131\ud55c \uac8c\uc2dc\ubb3c \uc815\ubcf4\ub97c \uac00\uc838\uc624\uace0 \uc2f6\ub2e4\uace0 \ud574\ubcfc\uac8c\uc694. REST API\uc5d0\uc11c\ub294 \ub450 \ubc88\uc758 \uc694\uccad\uc744 \ud574\uc57c \ud560 \uc218\ub3c4 \uc788\uc9c0\ub9cc, GraphQL\uc5d0\uc11c\ub294 \ud55c \ubc88\uc758 \uc694\uccad\uc73c\ub85c \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>query {<br>  user(id: 1) {<br>    name<br>    posts {<br>      title<br>    }<br>  }<br>}<br><\/code><\/pre>\n\n\n\n<p>\uc774\ub807\uac8c \uc694\uccad\ud558\uba74 \uc11c\ubc84\ub294 \uc0ac\uc6a9\uc790 \uc774\ub984\uacfc \uadf8 \uc0ac\uc6a9\uc790\uac00 \uc791\uc131\ud55c \uac8c\uc2dc\ubb3c\uc758 \uc81c\ubaa9\ub4e4\uc744 \ubc18\ud658\ud574 \uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\uacb0\ub860<\/strong><\/h3>\n\n\n\n<p>GraphQL\uc740 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 <strong>\ud544\uc694\ud55c \ub370\uc774\ud130\ub9cc<\/strong> \uc694\uccad\ud560 \uc218 \uc788\ub294 <strong>\ud6a8\uc728\uc801\uc778 API<\/strong>\uc785\ub2c8\ub2e4. REST API\ubcf4\ub2e4 \ub370\uc774\ud130 \uc804\uc1a1\uc774 \ucd5c\uc801\ud654\ub418\uace0, \uc5ec\ub7ec \uc694\uccad\uc744 \ud558\ub098\ub85c \ud1b5\ud569\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. GraphQL\uc774\ub780 \ubb34\uc5c7\uc778\uac00? GraphQL\uc740 \uc11c\ubc84\uc5d0\uc11c \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \ub370\uc774\ud130\ub97c \uc81c\uacf5\ud558\ub294 \ubc29\ubc95 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. REST API\ub97c \ub4e4\uc5b4\ubcf4\uc168\ub2e4\uba74, \uadf8\uc640 \ube44\uc2b7\ud55c \uc5ed\ud560\uc744 \ud55c\ub2e4\uace0 \ubcf4\uc2dc\uba74 \ub429\ub2c8\ub2e4. \ud558\uc9c0\ub9cc REST API\uc640 \ub2ec\ub9ac GraphQL\uc740 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc6d0\ud558\ub294 \ub370\uc774\ud130\ub9cc \uc815\ud655\ud558\uac8c \uc694\uccad\ud558\uace0 \ubc1b\uc744 \uc218 \uc788\ub294 \ucffc\ub9ac \uc5b8\uc5b4\uc785\ub2c8\ub2e4. \uc65c GraphQL\uc744 \uc0ac\uc6a9\ud558\ub098\uc694? \uae30\uc874\uc758 REST API\ub294 \ub370\uc774\ud130\ub97c \ubc1b\uc544\uc62c \ub54c \ud544\uc694\ud55c \uac83\ubcf4\ub2e4 \ub354 \ub9ce\uc740 \uc815\ubcf4\ub97c \uac00\uc838\uc624\uac70\ub098, \uc5ec\ub7ec \ubc88 \uc694\uccad\ud574\uc57c \ud560 \ub54c\uac00 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[],"class_list":["post-1986","post","type-post","status-publish","format-standard","hentry","category-coding"],"_links":{"self":[{"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1986"}],"version-history":[{"count":1,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1986\/revisions"}],"predecessor-version":[{"id":1988,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1986\/revisions\/1988"}],"wp:attachment":[{"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}