|
ÀÌÁö½ºÆÛºí¸®½ÌÀÌ ‘Do it! ¸®¾×Æ® ¸ð´ø À¥ °³¹ß with ŸÀÔ½ºÅ©¸³Æ®’¸¦ Ãâ°£Çß´Ù |
ÀÌÁö½ºÆÛºí¸®½ÌÀÌ ¸®¾×Æ®¸¦ ºü¸£°Ô ¹è¿ö ¹Ù·Î È°¿ëÇÒ ¼ö ÀÖ´Â ‘Do it! ¸®¾×Æ® ¸ð´ø À¥ °³¹ß with ŸÀÔ½ºÅ©¸³Æ®’(680p, 4¸¸¿ø)¸¦ Ãâ°£Çß´Ù.
À¥ ¼ºñ½º¸¦ Á¦°øÇÏ´Â IT ¾÷°è¿¡¼´Â ºñÁî´Ï½º ·ÎÁ÷°ú »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º¸¦ °³¹ßÇÏ´Â ‘ÇÁ·±Æ®¿£µå(front-end)’ °³¹ßÀÌ ÁÖ¸ñ¹Þ°í ÀÖ´Ù. ƯÈ÷ ÇÁ·±Æ®¿£µå À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ÇÁ·¹ÀÓ¿öÅ©·Î ¸®¾×Æ®(React)°¡ Àα⸦ ²ø¸é¼ ÀÌ¿Í °ü·ÃÇÑ ±â¼ú ½ºÆåÀ» ½×À¸·Á´Â »ç¶÷ÀÌ ´Ã°í ÀÖ´Ù.
¹ÚÇö±Ô ´ã´ç ÆíÁýÀÚ´Â “¿äÁò À¥ ÇÁ·±Æ®¿£µå ºÐ¾ß¿¡¼´Â »ç¿ëÀÚ°¡ À¥ ÆäÀÌÁöÀÇ ¾î¶² ¿ä¼Ò¸¦ Ŭ¸¯Çصµ »õ·Î °íħÀÌ ¹ß»ýÇÏÁö ¾ÊÀ¸¸é¼ µ¿ÀÛÇÏ´Â SPA (single page applaction)¿Í Ŭ¶óÀ̾ðÆ®-¼¹ö »çÀÌ¿¡ µ¥ÀÌÅ͸¦ À¯¿¬ÇÏ°Ô ÁÖ°í¹Þ´Â REST (representational state transfer) API°¡ ȵΔ¶ó¸ç “ÀÌ Ã¥¿¡¼´Â SPA¿Í REST API ¼¹ö¸¦ ¾î¶»°Ô ±¸ÇöÇÏ´ÂÁö ¹è¿ï ¼ö ÀÖ´Ù”°í ¼Ò°³Çß´Ù.
ÀÌ¾î “Áö±Ý±îÁö ¸®¾×Æ®¸¦ ´Ù·é Ã¥Àº ´ëºÎºÐ ÀÚ¹Ù½ºÅ©¸³Æ®(JavaScript)¸¦ ±â¹ÝÀ¸·Î ÇÏÁö¸¸, ÀÌ Ã¥Àº ±Û·Î¹ú Æ®·»µå¿¡ ¸ÂÃç ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ½´ÆÛ¼ÂÀΠŸÀÔ½ºÅ©¸³Æ®(TypeScript)¸¦ ±â¹ÝÀ¸·Î SPA °³¹ß ¹æ¹ýÀ» ´Ù·é´Ù”°í ¸»Çß´Ù.
½ÇÁ¦·Î ¸¹Àº À¥ ¼ºñ½º ȸ»ç¿¡¼ ŸÀÔ½ºÅ©¸³Æ® ±â¼úÀÚ¸¦ ´ë¿ìÇÏ°í ÀÖÀ¸¸ç, ±âÁ¸ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 ŸÀÔ½ºÅ©¸³Æ®·Î ÀüȯÇϴ ȸ»çµµ ¸¹Àº °ÍÀ¸·Î ¾Ë·ÁÁ³´Ù.
¹ÚÇö±Ô ´ã´ç ÆíÁýÀÚ´Â “¸®¾×Æ® ÈÅÀ» È°¿ëÇÑ ÇÔ¼öÇü ÄÄÆ÷³ÍÆ® °³¹ß, ¸®´ö½º¸¦ È°¿ëÇÑ »óÅ °ü¸®, ¶ó¿ìÅ͸¦ È°¿ëÇÑ ÆäÀÌÁö À̵¿ µîÀ» ÀÚ¼¼È÷ ¼³¸íÇÏ°í, MongoDB¿Í Node.js ±â¹ÝÀÇ Express¸¦ ÀÌ¿ëÇØ REST API ¼¹ö¸¦ ¸¸µé¾î SPA¿Í ¿¬µ¿ÇÏ´Â ¹é¿£µå ±â¼ú, À¥ ÆäÀÌÁö¸¦ ¼Õ½±°Ô µðÀÚÀÎÇÒ ¼ö ÀÖ´Â TailwindCSS µî À¥ °³¹ß ¾÷°è¿¡¼ ¿ä±¸ÇÏ´Â ÃֽŠ±â¼úÀ» ¿¬¸¶ÇÒ ¼ö ÀÖ´Ù”°í ÀÚ¼¼È÷ ¼³¸íÇß´Ù.
Do it! ¸®¾×Æ® ¸ð´ø À¥ °³¹ß with ŸÀÔ½ºÅ©¸³Æ®¸¦ ÁýÇÊÇÑ ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® ¼ö¼® ÄÁ¼³ÅÏÆ®¿´´ø Àü¿¹È« ÀúÀÚ´Â “¸®¾×Æ®´Â °³¹ßÀÚ°¡ ¾ÖÇø®ÄÉÀ̼ÇÀ» ÀÚÀ¯·Ó°Ô ±¸ÇöÇÒ ¼ö ÀÖµµ·Ï º¸ÀåÇÏ´Â ÇÁ·¹ÀÓ¿öÅ©Áö¸¸, ÀÌ·± ÀÚÀ¯·Î¿òÀº ¿Õ¿Õ Äڵ带 À߸ø ÀÛ¼ºÇÏ°Ô ÇÏ´Â ¿øÀÎÀÌ µÇ±âµµ ÇÑ´Ù”¸ç “±×·¡¼ Á¦ °æÇèÀ» °Å¿ï»ï¾Æ ¸®¾×Æ® Äڵ带 ¾î¶»°Ô ±¸¼ºÇÏ°í ÀÛ¼ºÇØ¾ß ÇÏ´ÂÁö ¾Ë·Á µå¸®°í ½Í¾ú´Ù”°í ÁýÇÊ Àǵµ¸¦ ¹àÇû´Ù.
ÀÌ¾î “»õ·Î¿î ÇÁ·Î±×·¡¹Ö Áö½ÄÀ» °¡Àå ºü¸£°Ô ½ÀµæÇÏ´Â ±æÀº Àß µ¿ÀÛÇÏ´Â Äڵ带 Á÷Á¢ ÀÛ¼ºÇؼ ½ÇÇàÇØ º¸´Â °Í”À̶ó°í ½Ç½ÀÀÇ Á߿伺À» ¼³¸íÇÏ¸é¼ “ÀÌ Ã¥Àº ¸®¾×Æ®¸¦ °¡Àå ºü¸£°Ô ½ÀµæÇϵµ·Ï ½Ç¹« ¼öÁØÀÇ ¿Ï¼ºµµ ³ôÀº Äڵ带 ´ã¾Ò´Ù”°í ¼³¸íÇß´Ù.
ÀÌ Ã¥Àº ÃÑ 7°³ Àå, 680ÂÊÀ¸·Î ±¸¼ºµÆÀ¸¸ç 1Àå¿¡¼´Â ¸®¾×Æ® °³¹ß Áغñ, 2Àå¿¡¼´Â µ¿ÀÛ ¿ø¸®, 3Àå¿¡¼´Â CSS ½ºÅ¸Àϸµ, 4Àå¿¡¼´Â ¸®¾×Æ® ÈÅ, 5Àå¿¡¼´Â ¸®´ö½º, 6Àå¿¡¼´Â ¶ó¿ìÅÍ, 7Àå¿¡¼´Â ¸ù°íDB¿Í API ¼¹ö¸¦ ¼³¸íÇÑ´Ù. 2023³â 1¿ù 9ÀϺÎÅÍ Àü±¹ ¼Á¡¿¡¼ ¸¸³¯ ¼ö ÀÖÀ¸¸ç ÀÚ¼¼ÇÑ Ã¥ ¼Ò°³´Â ÀÌÁö½ºÆÛºí¸®½Ì ȨÆäÀÌÁö¿¡¼ º¼ ¼ö ÀÖ´Ù. ÀÌÁ¦Çü keilbo@keilbo.com <ÀúÀÛ±ÇÀÚ © Çѱ¹±³À°ÀϺ¸, ¹«´Ü ÀüÀç ¹× Àç¹èÆ÷ ±ÝÁö> |