{"id":2006,"date":"2024-10-03T13:24:10","date_gmt":"2024-10-03T04:24:10","guid":{"rendered":"https:\/\/hyunsu.com\/wordpress\/?p=2006"},"modified":"2024-10-03T13:24:10","modified_gmt":"2024-10-03T04:24:10","slug":"graphql%ec%9d%98-%ed%94%84%eb%9e%98%ea%b7%b8%eb%a8%bc%ed%8a%b8","status":"publish","type":"post","link":"https:\/\/hyunsu.com\/wordpress\/?p=2006","title":{"rendered":"GraphQL\uc758 \ud504\ub798\uadf8\uba3c\ud2b8"},"content":{"rendered":"\n<p>GraphQL **\ud504\ub798\uadf8\uba3c\ud2b8(Fragment)**\ub294 \ucffc\ub9ac\uc5d0\uc11c <strong>\uacf5\ud1b5 \ud544\ub4dc<\/strong>\ub97c \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc8fc\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4. \ud070 \ucffc\ub9ac\ub098 \uc5ec\ub7ec \ucffc\ub9ac\uc5d0\uc11c \ub3d9\uc77c\ud55c \ud544\ub4dc\ub97c \ubc18\ubcf5\uc801\uc73c\ub85c \uc694\uccad\ud560 \ub54c \ucf54\ub4dc \uc911\ubcf5\uc744 \uc904\uc774\uace0, \uc720\uc9c0\ubcf4\uc218\uc131\uc744 \ub192\uc77c \uc218 \uc788\ub294 \uc911\uc694\ud55c \uae30\ub2a5\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba74 \uc5ec\ub7ec \ucffc\ub9ac\ub098 \ubba4\ud14c\uc774\uc158\uc5d0\uc11c \uc790\uc8fc \uc0ac\uc6a9\ud558\ub294 \ud544\ub4dc\ub4e4\uc744 \ud558\ub098\uc758 \ud504\ub798\uadf8\uba3c\ud2b8\ub85c \uc815\uc758\ud558\uace0, \uadf8 \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \ub2e4\ub978 \ucffc\ub9ac \ub0b4\uc5d0\uc11c \ud638\ucd9c\ud568\uc73c\ub85c\uc368 \uc77c\uad00\uc131\uc744 \uc720\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 \ud070 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc5ec\ub7ec \uacf3\uc5d0\uc11c \ub3d9\uc77c\ud55c \ub370\uc774\ud130\ub97c \uc694\uccad\ud560 \ub54c \ub9e4\uc6b0 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. \ud504\ub798\uadf8\uba3c\ud2b8 \uae30\ubcf8 \uac1c\ub150<\/strong><\/h3>\n\n\n\n<p>\ud504\ub798\uadf8\uba3c\ud2b8\ub294 GraphQL \ucffc\ub9ac\ub098 \ubba4\ud14c\uc774\uc158\uc5d0\uc11c <strong>\uc911\ubcf5\ub418\ub294 \ud544\ub4dc<\/strong>\ub97c \ud558\ub098\ub85c \ubb36\uc5b4, \uc5ec\ub7ec \uacf3\uc5d0\uc11c \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\ub294 \uc77c\uc885\uc758 \ubaa8\ub4c8\ud654\ub41c \ucffc\ub9ac \ube14\ub85d\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uae30\ubcf8 \uad6c\uc870:<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>fragment FragmentName on TypeName {<br>  field1<br>  field2<br>  field3<br>}<br><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>FragmentName<\/code>: \ud504\ub798\uadf8\uba3c\ud2b8\uc758 \uc774\ub984\uc785\ub2c8\ub2e4.<\/li>\n\n\n\n<li><code>on TypeName<\/code>: \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc801\uc6a9\ud560 GraphQL \ud0c0\uc785\uc744 \uba85\uc2dc\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ud2b9\uc815 \uac1d\uccb4 \ud0c0\uc785(User, Post \ub4f1)\uc5d0\ub9cc \ud574\ub2f9 \ud544\ub4dc\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li><code>field1, field2, field3<\/code>: \uc7ac\uc0ac\uc6a9\ud560 \ud544\ub4dc \ubaa9\ub85d\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. \ud504\ub798\uadf8\uba3c\ud2b8 \uc0ac\uc6a9 \uc608\uc2dc<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1) \uae30\ubcf8 \ud504\ub798\uadf8\uba3c\ud2b8 \uc815\uc758<\/strong><\/h4>\n\n\n\n<p>\ub2e4\uc74c\uc740 <strong>User<\/strong> \ud0c0\uc785\uc5d0 \ub300\ud55c \ud544\ub4dc\ub97c \ud504\ub798\uadf8\uba3c\ud2b8\ub85c \uc815\uc758\ud558\ub294 \uc608\uc2dc\uc785\ub2c8\ub2e4. <code>id<\/code>, <code>name<\/code>, <code>email<\/code> \uac19\uc740 \ud544\ub4dc\uac00 \uc5ec\ub7ec \ucffc\ub9ac\uc5d0\uc11c \uacf5\ud1b5\uc73c\ub85c \uc0ac\uc6a9\ub420 \uacbd\uc6b0, \uc774\ub97c \ud504\ub798\uadf8\uba3c\ud2b8\ub85c \uc815\uc758\ud558\uace0 \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>fragment UserInfo on User {<br>  id<br>  name<br>  email<br>}<br><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2) \ud504\ub798\uadf8\uba3c\ud2b8 \uc0ac\uc6a9\ud558\uae30<\/strong><\/h4>\n\n\n\n<p>\ud504\ub798\uadf8\uba3c\ud2b8\ub294 \ucffc\ub9ac\uc5d0\uc11c \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790 \ubaa9\ub85d\uc744 \uc694\uccad\ud558\ub294 \ucffc\ub9ac\uc640 \ud2b9\uc815 \uc0ac\uc6a9\uc790\ub97c \uc694\uccad\ud558\ub294 \ucffc\ub9ac\uc5d0\uc11c \ub3d9\uc77c\ud55c <code>id<\/code>, <code>name<\/code>, <code>email<\/code> \ud544\ub4dc\ub97c \uc0ac\uc6a9\ud558\uace0 \uc2f6\ub2e4\uba74, \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><strong>\uc0ac\uc6a9\uc790 \ubaa9\ub85d\uc744 \uac00\uc838\uc624\ub294 \ucffc\ub9ac:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>query {<br>  users {<br>    ...UserInfo<br>  }<br>}<br><\/code><\/pre>\n\n\n\n<p><strong>\ud2b9\uc815 \uc0ac\uc6a9\uc790\ub97c \uac00\uc838\uc624\ub294 \ucffc\ub9ac:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>query {<br>  user(id: 1) {<br>    ...UserInfo<br>  }<br>}<br><\/code><\/pre>\n\n\n\n<p>\ub450 \ucffc\ub9ac \ubaa8\ub450 <code>...UserInfo<\/code>\ub97c \ud1b5\ud574 <code>id<\/code>, <code>name<\/code>, <code>email<\/code> \ud544\ub4dc\ub97c \uc694\uccad\ud569\ub2c8\ub2e4. \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba74 \ucf54\ub4dc \uc911\ubcf5\uc744 \uc904\uc77c \uc218 \uc788\uace0, \ud544\ub4dc\uac00 \ubcc0\uacbd\ub418\uc5c8\uc744 \ub54c \ud504\ub798\uadf8\uba3c\ud2b8\ub9cc \uc218\uc815\ud558\uba74 \ubaa8\ub4e0 \ucffc\ub9ac\uac00 \ud568\uaed8 \ubc18\uc601\ub429\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>3. \uc911\ucca9 \ud504\ub798\uadf8\uba3c\ud2b8<\/strong><\/h3>\n\n\n\n<p>\ud504\ub798\uadf8\uba3c\ud2b8\ub294 \ub2e4\ub978 \ud504\ub798\uadf8\uba3c\ud2b8 \uc548\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ub354 \ubcf5\uc7a1\ud55c \uad6c\uc870\uc5d0\uc11c\ub3c4 \uc7ac\uc0ac\uc6a9\uc131\uc744 \uadf9\ub300\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uc608\uc2dc:<\/h4>\n\n\n\n<p>\uc0ac\uc6a9\uc790(User)\uc640 \uadf8 \uc0ac\uc6a9\uc790\uac00 \uc791\uc131\ud55c \uac8c\uc2dc\ubb3c(Post)\ub97c \uc694\uccad\ud55c\ub2e4\uace0 \uac00\uc815\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uac01 \uc0ac\uc6a9\uc790\ub294 \uc5ec\ub7ec \uac1c\uc758 \uac8c\uc2dc\ubb3c\uc744 \uac00\uc9c0\uace0 \uc788\uace0, \uac8c\uc2dc\ubb3c \uc815\ubcf4\uc5d0\ub3c4 \uacf5\ud1b5 \ud544\ub4dc\uac00 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><strong>UserInfo \ud504\ub798\uadf8\uba3c\ud2b8:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>fragment UserInfo on User {<br>  id<br>  name<br>  email<br>  posts {<br>    ...PostInfo<br>  }<br>}<br><\/code><\/pre>\n\n\n\n<p><strong>PostInfo \ud504\ub798\uadf8\uba3c\ud2b8:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>fragment PostInfo on Post {<br>  id<br>  title<br>  content<br>}<br><\/code><\/pre>\n\n\n\n<p><strong>\ucffc\ub9ac:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\uc0ac<code>query {<br>  users {<br>    ...UserInfo<br>  }<br>}<br><\/code><\/pre>\n\n\n\n<p>\uc774 \uacbd\uc6b0, <code>UserInfo<\/code> \ud504\ub798\uadf8\uba3c\ud2b8 \uc548\uc5d0 <code>PostInfo<\/code> \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc911\ucca9\ud558\uc5ec, \uc0ac\uc6a9\uc790 \uc815\ubcf4\uc640 \ud568\uaed8 \uac8c\uc2dc\ubb3c \uc815\ubcf4\ub97c \uac00\uc838\uc635\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>4. \ud504\ub798\uadf8\uba3c\ud2b8\uc758 \uc7a5\uc810<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1) \ucf54\ub4dc \uc911\ubcf5 \uc81c\uac70<\/strong><\/h4>\n\n\n\n<p>\ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba74 \ucffc\ub9ac\uc5d0\uc11c \uc911\ubcf5\ub418\ub294 \ud544\ub4dc\ub97c \ud558\ub098\ub85c \uc815\uc758\ud574 \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub3d9\uc77c\ud55c \ud544\ub4dc\ub97c \uc5ec\ub7ec \ucffc\ub9ac\uc5d0\uc11c \uc911\ubcf5 \uc791\uc131\ud558\ub294 \ub300\uc2e0, \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \ud55c \ubc88 \uc815\uc758\ud574\ub450\uace0 \ubaa8\ub4e0 \uacf3\uc5d0\uc11c \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc5d0 \ucf54\ub4dc\uac00 \uac04\uacb0\ud574\uc9d1\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2) \uc720\uc9c0\ubcf4\uc218\uc131 \ud5a5\uc0c1<\/strong><\/h4>\n\n\n\n<p>\ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba74 \ud2b9\uc815 \ud544\ub4dc\uac00 \ubcc0\uacbd\ub418\uc5c8\uc744 \ub54c, \uac01 \ucffc\ub9ac\uc5d0\uc11c \ud544\ub4dc\ub97c \uc77c\uc77c\uc774 \uc218\uc815\ud560 \ud544\uc694 \uc5c6\uc774 \ud504\ub798\uadf8\uba3c\ud2b8\ub9cc \uc218\uc815\ud558\uba74 \ub429\ub2c8\ub2e4. \ud544\ub4dc\uac00 \ubcc0\uacbd\ub418\uba74 \uadf8 \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud558\ub294 \ubaa8\ub4e0 \ucffc\ub9ac\uc5d0 \uc790\ub3d9\uc73c\ub85c \ubc18\uc601\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>3) \ud070 \ucffc\ub9ac\uc758 \uac00\ub3c5\uc131 \uac1c\uc120<\/strong><\/h4>\n\n\n\n<p>\ub300\uaddc\ubaa8 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c\ub294 \ucffc\ub9ac\uac00 \ubcf5\uc7a1\ud558\uace0 \ucee4\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub54c \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba74 \ud544\ub4dc\ub4e4\uc744 \ubaa8\ub4c8\ud654\ud558\uc5ec \ucffc\ub9ac\uc758 \uac00\ub3c5\uc131\uc744 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud544\uc694\ud55c \ubd80\ubd84\uc744 \ud504\ub798\uadf8\uba3c\ud2b8\ub85c \ubd84\ub9ac\ud574 \uad00\ub9ac\ud568\uc73c\ub85c\uc368, \ucffc\ub9ac\uc758 \uae38\uc774\uac00 \uae38\uc5b4\uc9c0\ub294 \ubb38\uc81c\ub97c \ud574\uacb0\ud560 \uc218 \uc788\uc2b5\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>5. \ud504\ub798\uadf8\uba3c\ud2b8\uc758 \ub2e8\uc810 \ubc0f \uace0\ub824\uc0ac\ud56d<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1) \uc624\ubc84\ud398\uce6d \uac00\ub2a5\uc131<\/strong><\/h4>\n\n\n\n<p>\ud504\ub798\uadf8\uba3c\ud2b8\ub294 \uc7ac\uc0ac\uc6a9\uc131\uc744 \uadf9\ub300\ud654\ud558\uae30 \uc704\ud55c \ub3c4\uad6c\uc774\uc9c0\ub9cc, \ub54c\ub85c\ub294 \ud544\uc694\ud558\uc9c0 \uc54a\uc740 \ub370\uc774\ud130\ub97c \ud3ec\ud568\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc989, \ucffc\ub9ac\uc5d0\uc11c <strong>\uc624\ubc84\ud398\uce6d(over-fetching)<\/strong> \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud504\ub798\uadf8\uba3c\ud2b8\uac00 \ud3ec\ud568\ub41c \ubaa8\ub4e0 \ud544\ub4dc\ub97c \ud56d\uc0c1 \uc694\uccad\ud558\ub294 \uad6c\uc870\uc774\uae30 \ub54c\ubb38\uc5d0, \uc77c\ubd80 \ucffc\ub9ac\uc5d0\uc11c \ubd88\ud544\uc694\ud55c \ud544\ub4dc\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774\ub97c \ubc29\uc9c0\ud558\uae30 \uc704\ud574, \ud544\uc694\ud55c \ud544\ub4dc\ub9cc \uc815\ud655\ud558\uac8c \uac00\uc838\uc624\ub294\uc9c0\ub97c \uc2e0\uacbd \uc368\uc11c \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc124\uacc4\ud574\uc57c \ud569\ub2c8\ub2e4. \ub108\ubb34 \ub9ce\uc740 \ud544\ub4dc\ub97c \ud504\ub798\uadf8\uba3c\ud2b8\ub85c \ubb36\uc5b4\ub450\uba74, \uac01 \ucffc\ub9ac\uc5d0\uc11c \uc2e4\uc81c \ud544\uc694\ud55c \ub370\uc774\ud130\ubcf4\ub2e4 \ub9ce\uc740 \ub370\uc774\ud130\ub97c \uc694\uccad\ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2) \ud0c0\uc785 \uc758\uc874\uc131<\/strong><\/h4>\n\n\n\n<p>\ud504\ub798\uadf8\uba3c\ud2b8\ub294 \ud2b9\uc815 GraphQL \ud0c0\uc785\uc5d0 \uc885\uc18d\uc801\uc785\ub2c8\ub2e4. \uc989, <code>on TypeName<\/code>\uc73c\ub85c \uc815\uc758\ub41c \ud0c0\uc785\uc5d0\uc11c\ub9cc \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub9cc\uc57d \ud0c0\uc785\uc774 \ubcc0\uacbd\ub418\uac70\ub098 \ub2e4\ub978 \ud0c0\uc785\uc5d0\uc11c \ub3d9\uc77c\ud55c \ud544\ub4dc\ub97c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4\uba74, \uc0c8\ub85c\uc6b4 \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc815\uc758\ud574\uc57c \ud560 \uc218 \uc788\uc2b5\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>6. \uc2e4\uc2b5: \ud504\ub798\uadf8\uba3c\ud2b8 \uc0ac\uc6a9 \uc608\uc2dc<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\uc608\uc2dc \uc2dc\ub098\ub9ac\uc624<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\uc0ac\uc6a9\uc790 \uc815\ubcf4<\/strong>\uc640 \uadf8 \uc0ac\uc6a9\uc790\uac00 \uc791\uc131\ud55c <strong>\uac8c\uc2dc\ubb3c<\/strong> \uc815\ubcf4\ub97c \uac00\uc838\uc624\ub294 \ucffc\ub9ac\uc5d0\uc11c \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\uc0ac\uc6a9\uc790\ub294 <code>id<\/code>, <code>name<\/code>, <code>email<\/code> \uc815\ubcf4\ub97c \uac00\uc9c0\uace0 \uc788\uace0, \uac8c\uc2dc\ubb3c\uc740 <code>id<\/code>, <code>title<\/code>, <code>content<\/code>\ub97c \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">\ud504\ub798\uadf8\uba3c\ud2b8 \uc815\uc758:<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">graphql\ucf54\ub4dc \ubcf5\uc0ac<code># User \uc815\ubcf4\ub97c \uc704\ud55c \ud504\ub798\uadf8\uba3c\ud2b8\nfragment UserInfo on User {\n  id\n  name\n  email\n}\n\n# Post \uc815\ubcf4\ub97c \uc704\ud55c \ud504\ub798\uadf8\uba3c\ud2b8\nfragment PostInfo on Post {\n  id\n  title\n  content\n}\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">\ucffc\ub9ac \uc0ac\uc6a9 \uc608\uc2dc:<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>query {<br>  users {<br>    ...UserInfo<br>    posts {<br>      ...PostInfo<br>    }<br>  }<br>}<br><\/code><\/pre>\n\n\n\n<p>\uc774 \ucffc\ub9ac\ub294 \uac01 \uc0ac\uc6a9\uc790\uc640 \uadf8 \uc0ac\uc6a9\uc790\uac00 \uc791\uc131\ud55c \uac8c\uc2dc\ubb3c\uc744 \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud574 \uac00\uc838\uc635\ub2c8\ub2e4. <code>...UserInfo<\/code>\uc640 <code>...PostInfo<\/code>\ub294 \uac01\uac01\uc758 \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc815\ubcf4\ub97c \uc694\uccad\ud569\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>7. \ud504\ub798\uadf8\uba3c\ud2b8\uac00 \uc720\uc6a9\ud55c \uc0c1\ud669<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ubc18\ubcf5\uc801\uc778 \ub370\uc774\ud130 \uad6c\uc870<\/strong>: \ub3d9\uc77c\ud55c \ub370\uc774\ud130\ub97c \uc5ec\ub7ec \ucffc\ub9ac\uc5d0\uc11c \ubc18\ubcf5\ud574\uc11c \uc694\uccad\ud574\uc57c \ud560 \ub54c.<\/li>\n\n\n\n<li><strong>\uacf5\ud1b5 \ud544\ub4dc \uad00\ub9ac<\/strong>: \ub370\uc774\ud130 \ubaa8\ub378\uc774 \ubc14\ub00c\uc5c8\uc744 \ub54c, \uc5ec\ub7ec \ucffc\ub9ac\uc5d0\uc11c \uc911\ubcf5\ub41c \ud544\ub4dc\ub97c \uc218\uc815\ud560 \ud544\uc694 \uc5c6\uc774 \ud504\ub798\uadf8\uba3c\ud2b8\ub9cc \uc218\uc815\ud560 \uc218 \uc788\uc5b4 \uc77c\uad00\uc131\uc744 \uc720\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\ubaa8\ub4c8\ud654 \ud544\uc694<\/strong>: \ud070 \ucffc\ub9ac\ub97c \uc5ec\ub7ec \ud504\ub798\uadf8\uba3c\ud2b8\ub85c \ubd84\ub9ac\ud574 \uac00\ub3c5\uc131\uc744 \uac1c\uc120\ud558\uace0, \ubaa8\ub4c8\ud654\ub41c \ucffc\ub9ac \uad6c\uc870\ub97c \ub9cc\ub4e4 \ub54c \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\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>\ud504\ub798\uadf8\uba3c\ud2b8\ub294 GraphQL \ucffc\ub9ac\uc5d0\uc11c \ucf54\ub4dc \uc911\ubcf5\uc744 \uc904\uc774\uace0, \uc77c\uad00\uc131\uc744 \uc720\uc9c0\ud558\uba70, \ucffc\ub9ac\uc758 \uac00\ub3c5\uc131\uacfc \uc720\uc9c0\ubcf4\uc218\uc131\uc744 \ub192\uc774\ub294 \uc911\uc694\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uadf8\ub7ec\ub098, \ub108\ubb34 \uad11\ubc94\uc704\ud55c \ud544\ub4dc\ub97c \ud504\ub798\uadf8\uba3c\ud2b8\ub85c \ubb36\uc5b4\ubc84\ub9ac\uba74 \uc624\ubc84\ud398\uce6d \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc73c\ub2c8, \uc2e4\uc81c\ub85c \ud544\uc694\ud55c \ud544\ub4dc\ub97c \uc2e0\uc911\ud558\uac8c \uc120\ud0dd\ud574 \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc124\uacc4\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>GraphQL **\ud504\ub798\uadf8\uba3c\ud2b8(Fragment)**\ub294 \ucffc\ub9ac\uc5d0\uc11c \uacf5\ud1b5 \ud544\ub4dc\ub97c \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc8fc\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4. \ud070 \ucffc\ub9ac\ub098 \uc5ec\ub7ec \ucffc\ub9ac\uc5d0\uc11c \ub3d9\uc77c\ud55c \ud544\ub4dc\ub97c \ubc18\ubcf5\uc801\uc73c\ub85c \uc694\uccad\ud560 \ub54c \ucf54\ub4dc \uc911\ubcf5\uc744 \uc904\uc774\uace0, \uc720\uc9c0\ubcf4\uc218\uc131\uc744 \ub192\uc77c \uc218 \uc788\ub294 \uc911\uc694\ud55c \uae30\ub2a5\uc785\ub2c8\ub2e4. \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba74 \uc5ec\ub7ec \ucffc\ub9ac\ub098 \ubba4\ud14c\uc774\uc158\uc5d0\uc11c \uc790\uc8fc \uc0ac\uc6a9\ud558\ub294 \ud544\ub4dc\ub4e4\uc744 \ud558\ub098\uc758 \ud504\ub798\uadf8\uba3c\ud2b8\ub85c \uc815\uc758\ud558\uace0, \uadf8 \ud504\ub798\uadf8\uba3c\ud2b8\ub97c \ub2e4\ub978 \ucffc\ub9ac \ub0b4\uc5d0\uc11c \ud638\ucd9c\ud568\uc73c\ub85c\uc368 \uc77c\uad00\uc131\uc744 \uc720\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 \ud070 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc5ec\ub7ec \uacf3\uc5d0\uc11c \ub3d9\uc77c\ud55c [&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-2006","post","type-post","status-publish","format-standard","hentry","category-coding"],"_links":{"self":[{"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2006","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=2006"}],"version-history":[{"count":1,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2006\/revisions"}],"predecessor-version":[{"id":2007,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2006\/revisions\/2007"}],"wp:attachment":[{"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyunsu.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}