GraphQL Äõ¸® ¾ð¾î¸¦ ¸¶½ºÅÍÇÏ°í È¿À²ÀûÀÌ°í À¯¿¬ÇÑ API¸¦ ±¸ÃàÇϱâ À§ÇÑ Á¾ÇÕ °¡À̵åÀÎ "GraphQL"¿¡ ¿À½Å °ÍÀ» ȯ¿µÇÕ´Ï´Ù. ÀÌ Ã¥¿¡¼´Â ±âº» °³³äºÎÅÍ °í±Þ ±â¼ú±îÁö GraphQLÀ» »ìÆ캸°í, ÇÁ·ÎÁ§Æ®¿¡¼ GraphQLÀ» È¿°úÀûÀ¸·Î È°¿ëÇϱâ À§ÇØ ¾Ë¾Æ¾ß ÇÒ ¸ðµç °ÍÀ» ´Ù·ì´Ï´Ù.
1Àå, 'GraphQL ¼Ò°³'¿¡¼´Â GraphQLÀÇ ¸ñÀû°ú ÀåÁ¡À» ¼³¸íÇÏ¸é¼ GraphQL¿¡ ´ëÇÑ °³¿ä¸¦ Á¦°øÇÕ´Ï´Ù. GraphQLÀÌ Àα⸦ ¾òÀº ÀÌÀ¯¸¦ »ìÆ캸°í ±âÁ¸ REST API¿Í ºñ±³ÇÕ´Ï´Ù. ¶ÇÇÑ GraphQLÀÌ ¾î¶»°Ô ÀÛµ¿ÇÏ´ÂÁö¿¡ ´ëÇÑ ±âº» »çÇ×À» »ìÆ캸°í ´õ ±íÀÌ Å½±¸ÇÒ ¼ö ÀÖ´Â ¹ßÆÇÀ» ¸¶·ÃÇÕ´Ï´Ù.
2Àå, '°³¹ß ȯ°æ ¼³Á¤Çϱâ'¿¡¼´Â GraphQL ÇÁ·ÎÁ§Æ®¸¦ À§ÇÑ °³¹ß ȯ°æÀ» ¼³Á¤ÇÏ´Â °úÁ¤À» ¾È³»ÇÕ´Ï´Ù. ÇÊ¿äÇÑ ¼ÒÇÁÆ®¿þ¾î¸¦ ¼³Ä¡ÇÏ°í, Å×½ºÆ® µ¥ÀÌÅͺ£À̽º¸¦ ¼³Á¤ÇÏ°í, GraphQL ¼¹ö¸¦ ¼³Ä¡ÇÏ¿© GraphQL API ±¸ÃàÀ» ½ÃÀÛÇÏ´Â ¹æ¹ýÀ» ´Ù·ì´Ï´Ù.
3Àå, 'GraphQLÀÇ ±âÃÊ'¿¡¼´Â GraphQLÀÇ ÇÙ½É °³³äÀ» »ìÆ캽À¸·Î½á ±âÃʸ¦ ´ÙÁý´Ï´Ù. GraphQL ½ºÅ°¸¶, ŸÀÔ, Äõ¸®, º¯ÀÌ, º¯¼ö, º°Äª ¹× Á¶°¢¿¡ ´ëÇØ ÀÚ¼¼È÷ »ìÆ캸°í GraphQLÀÇ ±âº» ±¸¼º ¿ä¼Ò¿¡ ´ëÇÑ È®½ÇÇÑ ÀÌÇظ¦ Á¦°øÇÕ´Ï´Ù.
4Àå, '°í±Þ GraphQL °³³ä'¿¡¼´Â GraphQL ±â¼úÀ» Çâ»ó½ÃÅ°±â À§ÇÑ °í±Þ ÁÖÁ¦¸¦ »ìÆ캾´Ï´Ù. ¿À·ù ó¸®, ÆäÀÌÁö ¸Å±è ±¸Çö, Áßø Äõ¸® ½ÇÇà, GraphQL Áö½Ã¹® ÀÌÇØ, GraphQL ±¸µ¶À» ÅëÇÑ ½Ç½Ã°£ µ¥ÀÌÅÍ ¾÷µ¥ÀÌÆ® ±¸Çö¿¡ ´ëÇØ ´Ù·ì´Ï´Ù.
5Àå, '´Ù¾çÇÑ ÇÁ·Î±×·¡¹Ö ¾ð¾î¿Í GraphQL'¿¡¼´Â ´Ù¾çÇÑ ÇÁ·Î±×·¡¹Ö ¾ð¾î¿¡¼ GraphQLÀ» ¾î¶»°Ô »ç¿ëÇÒ ¼ö ÀÖ´ÂÁö º¸¿©ÁÝ´Ï´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®, ÆÄÀ̽ã, ·çºñ, ÀÚ¹Ù·Î GraphQL API¸¦ ±¸ÇöÇÏ´Â ¹æ¹ýÀ» »ìÆ캸°í, ´Ù¾çÇÑ ±â¼ú ½ºÅÿ¡¼ GraphQLÀÇ ´Ù¿ëµµ¼ºÀ» º¸¿© ÁÝ´Ï´Ù.
6Àå, 'GraphQL Ŭ¶óÀ̾ðÆ®'¿¡¼´Â GraphQL API »ç¿ëÀ» °£¼ÒÈÇÏ´Â Àαâ ÀÖ´Â GraphQL Ŭ¶óÀ̾ðÆ® ¶óÀ̺귯¸®¸¦ ¼Ò°³ÇÕ´Ï´Ù. GraphQLÀ» ¾ÖÇø®ÄÉÀ̼ǿ¡ ¿øÈ°ÇÏ°Ô ÅëÇÕÇÒ ¼ö ÀÖ´Â µµ±¸¸¦ Á¦°øÇÏ´Â ¸±·¹ÀÌ¿Í ¾ÆÆú·Î Ŭ¶óÀ̾ðÆ®¸¦ »ìÆ캾´Ï´Ù.
7Àå, 'GraphQL API ±¸ÃàÇϱâ'¿¡¼´Â GraphQL API¸¦ ¼³°èÇÏ°í ±¸ÇöÇÏ´Â °úÁ¤À» ¾È³»ÇÕ´Ï´Ù. API ½ºÅ°¸¶ ¼³°è, ¸®Á¹¹ö ±¸Çö, API Å×½ºÆ® ¼öÇà ¹× ¿ä±¸ »çÇ×À» ÃæÁ·ÇÏ´ÂÁö È®ÀÎÇϱâ À§ÇÑ GraphQL API µð¹ö±ëÀ» ´Ù·ì´Ï´Ù.
8Àå, 'GraphQL°ú ÇÁ·±Æ®¿£µå ÇÁ·¹ÀÓ¿öÅ© ÅëÇÕÇϱâ'¿¡¼´Â GraphQLÀ» ³Î¸® »ç¿ëµÇ´Â ÇÁ·±Æ®¿£µå ÇÁ·¹ÀÓ¿öÅ©¿Í ÅëÇÕÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÕ´Ï´Ù. °·ÂÇÑ Å¬¶óÀ̾ðÆ®-¼¹ö ¾ÖÇø®ÄÉÀ̼ÇÀ» ½±°Ô ±¸ÃàÇÒ ¼ö ÀÖµµ·Ï GraphQLÀ» React.js, Angular.js ¹× Vue.js¿Í ÅëÇÕÇÏ´Â ¹æ¹ýÀ» »ìÆ캾´Ï´Ù.
9Àå, '¸ð¹ü »ç·Ê ¹× ¼º´É ÃÖÀûÈ'¿¡¼´Â GraphQL API¸¦ ¼³°èÇÏ°í ÃÖÀûÈÇϱâ À§ÇÑ ¸ð¹ü »ç·Ê¿¡ ´ëÇÑ ÁöħÀ» Á¦°øÇÕ´Ï´Ù. GraphQL ½ºÅ°¸¶ ±¸Á¶È, ¼º´É ÃÖÀûÈ ±â¹ý, API ¼º´É Çâ»óÀ» À§ÇÑ Ä³½Ì Àü·« ±¸Çö¿¡ ´ëÇÑ ¸ð¹ü »ç·Ê¸¦ ´Ù·ì´Ï´Ù.
GraphQLÀ» ½ÃÀÛÇÏ·Á´Â Ãʺ¸ÀÚÀ̵ç GraphQL Àü¹® Áö½ÄÀ» ½ÉÈÇÏ·Á´Â ¼÷·ÃµÈ °³¹ßÀÚÀ̵ç, ÀÌ Ã¥À» ÅëÇØ °·ÂÇÏ°í È®Àå °¡´ÉÇÑ API¿Í ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ Áö½Ä°ú µµ±¸¸¦ °®Ãß°Ô µÉ °ÍÀÔ´Ï´Ù. GraphQLÀÇ ÀáÀç·ÂÀ» ÃÖ´ëÇÑ ¹ßÈÖÇÒ ¼ö ÀÖ´Â ¿©Á¤À» ÇÔ²² ½ÃÀÛÇϼ¼¿ä!
1Àå : GraphQL ¼Ò°³
___1. GraphQL °³¿ä
___2. GraphQLÀ» »ç¿ëÇÏ´Â ÀÌÀ¯
___3. GraphQL°ú REST ºñ±³
___4. GraphQL ÀÛµ¿ ¹æ½Ä
2Àå : °³¹ß ȯ°æ ¼³Á¤Çϱâ
___1. ÇÊ¿äÇÑ ¼ÒÇÁÆ®¿þ¾î ¼³Ä¡Çϱâ
___2. Å×½ºÆ® µ¥ÀÌÅͺ£À̽º ¼³Á¤
___3. GraphQL ¼¹ö ¼³Ä¡Çϱâ
3Àå : GraphQLÀÇ ±âÃÊ
___1. GraphQL ½ºÅ°¸¶ ÀÌÇØÇϱâ
___2. GraphQL ŸÀÔ¿¡ ´ëÇØ ¾Ë¾Æº¸±â
___3. GraphQL Äõ¸®
___4. GraphQL º¯ÀÌ
___5. GraphQLÀÇ º¯¼ö ÀÌÇØÇϱâ
___6. GraphQLÀÇ º°Äª°ú ÇÁ·¡±×¸ÕÆ®
4Àå : °í±Þ GraphQL °³³ä
___1. ¿À·ù ó¸®Çϱâ
___2. GraphQLÀÇ ÆäÀÌÁö ¸Å±è
___3. GraphQLÀÇ Áßø Äõ¸®
___4. GraphQL Áö½Ã¾î ÀÌÇØ
___5. GraphQL ±¸µ¶
5Àå : ´Ù¾çÇÑ ÇÁ·Î±×·¡¹Ö ¾ð¾î¿Í GraphQL
___1. ÀÚ¹Ù½ºÅ©¸³Æ®¿Í GraphQL
___2. ÆÄÀ̽ã°ú GraphQL
___3. Ruby¿Í GraphQL
___4. ÀÚ¹Ù¿Í GraphQL
6Àå : GraphQL Ŭ¶óÀ̾ðÆ®
___1. Relay
___2. Apollo Ŭ¶óÀ̾ðÆ®
7Àå : GraphQL API ±¸Ãà
___1. GraphQL API ¼³°è
___2. ¸®Á¹¹ö ±¸ÇöÇϱâ
___3. API Å×½ºÆ® ¼öÇà
___4. GraphQL API µð¹ö±ëÇϱâ
8Àå : GraphQL°ú ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ© ÅëÇÕÇϱâ
___1. GraphQL°ú React.js
___2. GraphQL°ú Angular.js
___3. GraphQL°ú Vue.js
9Àå : ¸ð¹ü »ç·Ê ¹× ¼º´É ÃÖÀûÈ
___1. GraphQL ¸ð¹ü »ç·Ê
___2. ¼º´É ÃÖÀûÈ ±â¹ý
___3. GraphQLÀÇ Ä³½Ì