AWS Amplify ÇÁ·¹ÀÓ¿öÅ© ±â¹Ý ȯ°æ¿¡¼, React, GraphQL À» «»ÍÇÏ¿© ¼¹ö¸®½º ±â¼ú ¸Àº¸±â¸¦ ÇÒ ¼ö ÀÖ´Â µµ¼°¡ Ãâ½ÃµÇ¾ú´Ù.
ÇѺû¹Ìµð¾î µµ¼ Ãâ°£ ¿¹Á¤ ¸ñ·Ï¿¡ ¿Ã¶ó¿ÍÀÖ´ø ÀÌ µµ¼¸¦ ¹ß°ßÇϰí, ²À ¸®ºäÇÒ ¼ö Àֱ⸦ ±â´Ù·È³ë¶ó. '¤µ') ÈÄÈÄ.
AWS ȯ°æÀº ½Ç½ÀÀ¸·Î ±ò¦±ò¦ÇßÁö¸¸, Àß ¸ð¸¥´Ù. Amplify ´Â ´õ´õ¿í ¸ð¸¥´Ù.
ÀÏ´Ü ¸ð¸£¸é µû¶óÇÏ°í º¸´Â°Å´Ù.
ù ³¯, ³ª´Â Amplify CLI ¸¦ ¼³Ä¡Çϰí, Amplify ÇÁ·ÎÁ§Æ®¸¦ Çϳª »ý¼ºÇß´Ù. ¸í·É¾î ÇÑÁÙ¿¡ È¥ÀÚ ¾Ë¾Æ¼ ¹ð±Û¹ð±Û µ¹¾Æ°¡´õ´Ï, AWS ȯ°æ ¼¼ÆÃÀ» ¸ðÁ¶¸® ÇØ³õ´Â ¹Ù¶÷¿¡ ³ª´Â '¾Æ³ö À̰Š¿ä±Ý ÆøÅº ¸Â´Â°Å ¾Æ´Ñ°¡' ÇÏ´Â ±ØµµÀÇ °øÆ÷°¨À» ´À²¼Áö¸¸, ¾ó¸¶ Àü¿¡ »õ·Î °¡ÀÔÇÑ ÇÁ¸®Æ¼¾î °èÁ¤À» »ç¿ëÇ߱⿡ ¹Ï´Â ±¸¼®ÀÌ À־ µÚÅë¼ö¸¦ Èĵθ®´Â AWS À̱⠶§¹®¿¡, ÇÁ·ÎÁ§Æ® »ý¼º ÀÌÈÄ HOC ·Î ¸¸µé¾îÁø SignIn ȸéÀ» Á¦°øÇÏ´Â Amplify ÀÇ À§·ÂÀ» ´À³¤ ÈÄ, ÇÁ·ÎÁ§Æ®¸¦ »èÁ¦Çصξú´Ù.
¾Æ¹«Æ° È®½ÇÇÑ°Ç Amplify ´Â front, server, ¹èÆ÷ ȯ°æ±îÁö ´Ù ¾Ë¾Æ¼ ¸¸µé¾îÁÖ°í, auth ¸ðµâ Çϳª ¼³Ä¡Çߴµ¥ ·Î±×ÀÎ, ·Î±×¾Æ¿ô, ȸ¿ø°¡ÀÔ °ü·Ã React ÄÄÆ÷³ÍÆ®¿Í ±× ¿ÜºÎ ȯ°æ±îÁö ½Ï ´Ù ¾Ë¾Æ¼ Á¦ÀÛÇØ¼ Á¦°øÇØÁÖ´Â ¹«½Ã¹«½ÃÇÑ ³ðÀ̶ó´Â °ÍÀ» ¾Ë°Ô µÇ¾ú´Ù. À̰ÅÀ̰а³¹ßÀÚµé ¾ÕÀ¸·Î ¸Ô°í »ì ¼ö ÀÖ°Ú³ª ÇÏ´Â »ý°¢ÀÌ µé¸é¼, °©Àڱ⠼ÓÀÌ ´ä´äÇØÁö´Âµ¥ ¿ì¸®Áý °¾ÆÁö°¡ °øºÎ ¹æÇظ¦ ÇÏ´ÂÅͶó »çÀÌ´Ù¸¦ ¸¶¼Å¾ß°Ú´Ù´Â »ý°¢ÀÌ µé¾î¼ ¿À´Ã ½Ç½ÀÀº ¿©±â±îÁö Çϱâ·Î Çß´Ù.
.
ȸ»ç Àϰú °³ÀÎÀûÀÎ ÀÏÀÌ ³Ê¹« ¹Ùºü¼, Çѵ¿¾È ÀÌ µµ¼¸¦ º¸Áö ¸ø Çß´Ù. '¤µ') ¾Æ³ö.
½Ç½À µÎ¹øÂ° ³¯, ³ª´Â Amplify ·Î API ¸¦ ¸¸µå´Â ÁÖ¿ä ¹æ¹ýÀ» ÇнÀÇÑ´Ù.
ÀÏ´Ü 'Amazon API Gateway ¿Í Lambda ÇÔ¼öÀÇ Á¶ÇÕ' ½Ç½ÀÀ» ÁøÇàÇÑ´Ù.
¿¹¸¦ µé¾î, Front-end ¾Û¿¡¼ Amplify Ŭ¶óÀÌ¾ðÆ®¸¦ ÅëÇØ Amplify API Ŭ·¡½º¸¦ ÀÌ¿ëÇÏ¿© ¿£µåÆ÷ÀÎÆ®·Î Request ¸¦ Àü´ÞÇϸé, Lambda ¼¹ö¸®½º ÇÔ¼ö·Î ÀÌ Request °¡ ¶ó¿ìÆ®µÇ´Â °ÍÀÌ´Ù.
°£´ÜÇÑ Amplify Ä¿¸Çµå »ç¿ëÀ¸·Î, Lambda ¼¹ö¸®½º ÇÔ¼ö(½º½º·Î ½ÇÇàµÇ´Â ĸ½¶ÈµÈ ¾ÖÇø®ÄÉÀ̼Ç)¸¦ »ý¼ºÇÒ ¼¼ÆÃÀ» °®Ãá´Ù. Lambda ÇÔ¼ö·Î »ç¿ëµÉ °£´ÜÇÑ Express ¾ÛÀÇ REST API Çϳª¸¦ Ãß°¡Çؼ ¹èÆ÷Çϸé, API Gateway ¼ºñ½º¿Í Lambda ¼ºñ½º°¡ ¼ø½Ä°£¿¡ ¼¼ÆÃµÈ´Ù.
ÀÌÈÄ¿¡ React Front-end ¾Û¿¡¼ (¹æ±Ý Express ¾ÛÀ¸·Î ¸¸µé¾î ¹èÆ÷ÇÑ)Lambda ¼¹ö¸®½º REST API ÃøÀ¸·Î Request ¸¦ Àü´ÞÇϸé, ¼¹ö¸®½º ÇÔ¼ö·ÎºÎÅÍ Response ¸¦ ¹Þ¾Æ View ¿¡ Ç¥½ÃÇÏ´Â ±âº» È帧À» ºü¸£°Ô ¸¸µé¾î°¥ ¼ö ÀÖ´Ù.
¾öû³ª°Ô ºü¸¥ È帧À¸·Î Front-end ºÎÅÍ ¼¹ö¸®½º ÇÔ¼ö·Î À̾îÁö´Â °úÁ¤À» ±¸¼ºÇÒ ¼ö ÀÖ´Ù´Â Á¡¿¡¼, Front-end °³¹ßÀÚ ÀÔÀå¿¡¼ Amplify ¼ºñ½º°¡ ²Ï³ª ¸Å·ÂÀûÀ¸·Î »ý°¢µÇ¾ú´Ù. '¤µ') ¾Æ³»°¡ ÀáµçÅͶó ÀÌ Æ´¿¡ ½ºÅ͵𸦠´õ ÁøÇàÇØ¾ß°Ú´Ù´Â »ý°¢ÀÌ µé¾úÁö¸¸, ÀÌÈÄ À̾îÁö´Â GraphQL °ü·Ã ³»¿ëÀº ¾Æ¿¹ ¸ð¸£´Â ¹Ù°¡ ¾Æ´Ï°í ¹ú½á »õº® 3½Ã°¡ ³Ñ¾î°¡´Â ½Ã°£À̱⿡... ¿À´ÃÀº ¿©±â±îÁö ÁøÇàÇϱâ·Î Çß´Ù.
.
ÀÌÈÄ¿¡´Â µµ¼¸¦ ºü¸£°Ô ÈȾ¸ç, º»Àο¡°Ô ÆÄº¼¸¸ÇÑ °¡Ä¡°¡ ÀÖ°Ô ´À²¸Áö´Â ºÎºÐÀ» ã¾Æº¸¾Ò´Ù. Á߹ݺο¡´Â 'ÀÎÁõ' À̶ó´Â ÇϳªÀÇ ÁÖÁ¦¿¡ ´ëÇØ AWS ÀÇ ¸î¸î ¼ºñ½ºµéÀ» ÀÌ¿ëÇÏ¿© ¼¹ö¸®½º ÇÔ¼ö ½ÉÈ °úÁ¤À¸·Î Ç®¾î³ª°¡°í ÀÖ¾ú´Ù. ÈĹݺο¡´Â ´Ù¸¥ µµ¼¿¡¼ ã¾Æº¸±â ¾î·Á¿î '¿ÀÇÁ¶óÀÎ ¾ÖÇø®ÄÉÀ̼Ç' À̶ó´Â Èï¹ÌÀÖ´Â ÁÖÁ¦¿¡ ´ëÇØ ´Ù·ç°í ÀÖ¾î ÀÌ ºÎºÐÀº ÃæºÐÈ÷ ½Ã°£À» °¡Áö°í õõÈ÷ ÀоîºÁ¾ß°Ú´Ù´Â »ý°¢ÀÌ µé¾ú´Ù.
ÀüüÀûÀ¸·Î AWS Amplify ¸¦ ÅëÇØ Lambda ¼¹ö¸®½º ÇÔ¼ö¸¦ Á¦ÀÛÇϰí, Ç®½ºÅà ¾ÖÇø®ÄÉÀ̼ÇÀ» ½Ç½ÀÇØº¸´Â °úÁ¤À¸·Î ±¸¼ºµÇ¾î ÀÖ°í, GraphQL °ü·Ã ³»¿ë ¶ÇÇÑ ½Ç½À°ú ÇÔ²² ¿«¿© ÀÖ¾î Front-end °³¹ßÀڵ鿡°Ô ÁÁÀº ÀÚ±ØÀ» ÁÙ ¼ö ÀÖ´Â µµ¼·Î »ý°¢µÇ¾ú´Ù. '¤µ')
.
"ÇѺû¹Ìµð¾î <³ª´Â ¸®ºä¾î´Ù> Ȱµ¿À» À§Çؼ Ã¥À» Á¦°ø¹Þ¾Æ ÀÛ¼ºµÈ ¼ÆòÀÔ´Ï´Ù."
.