Ã¥¼Ò°³
½ºÇÁ¸µ ºÎÆ®¿Í ¸®¾×Æ®ÀÇ Ç³ºÎÇÏ°í ´Ù¾çÇÑ µµ±¸µéÀ» È°¿ëÇØ ÃֽŠǮ½ºÅà ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ºñ¹ýÀ» ¹è¿öº¸ÀÚ!Ç®½ºÅà °³¹ßÀ» ½ÃÀÛÇÏ·Á¸é ¹«¾ùºÎÅÍ ½ÃÀÛÇÒÁö È¥¶õ½º·´°Ô ´À²¸Áú ¼ö ÀÖ´Ù. ½ºÇÁ¸µ ºÎÆ®¿Í ¸®¾×Æ® °°Àº ÃÖ°íÀÇ Åø¿¡ Àͼ÷ÇÑ °³¹ßÀÚ¶óµµ °í±Þ ¿ä¼Ò¸¦ ¸¶½ºÅÍÇÏ´Â °ÍÀº °í»çÇÏ°í ±âÃʸ¦ ÆľÇÇϱ⵵ ¾î·Á¿ï ¼ö ÀÖ´Ù. ÀÌ Ã¥¿¡¼´Â ½ºÇÁ¸µ ºÎÆ®¿Í ¸®¾×Æ®¸¦ È°¿ëÇÑ Ç®½ºÅà °³¹ßÀ̶ó´Â ±¤¹üÀ§ÇÑ ¿µ¿ª¿¡¼ Ãʺ¸ÀÚ°¡ ¼÷·ÃÀÚÀÇ ±æ·Î µé¾î¼±â À§ÇÑ ¹æÇâÀ» ¾È³»ÇÑ´Ù. ¸ÕÀú °·ÂÇÑ ¹é¿£µå¸¦ ±¸ÃàÇϱâ À§ÇÑ ½ºÇÁ¸µ ºÎÆ®ÀÇ ÃֽŠ±â´ÉÀ» ¾È³»ÇÏ°í, ȯ°æ ¼³Á¤°ú Á¾¼Ó¼º ÁÖÀÔ, º¸¾È°ú Å×½ºÆ®¿¡ À̸£´Â ¸ðµç °ÍÀ» ´Ù·ç´Â ½Ç¿ëÀûÀÎ Á¢±Ù ¹æ½ÄÀ» ¼³¸íÇÑ´Ù.¸®¾×Æ® ±â¹ÝÀÇ ÇÁ·±Æ®¿£µå °³¹ß·Î ³Ñ¾î°¡¼´Â ¸ÂÃãÇü ÈÄÅ©, ¼µåÆÄƼ ÄÄÆ÷³ÍÆ®, MUI°ú °ü·ÃÇؼ ±âº»ÀûÀ¸·Î ¾Ë¾Æ¾ß ÇÒ ¸ðµç ³»¿ëÀ» ÀÌ Ã¥¿¡¼ ¹è¿ï ¼ö ÀÖ´Ù. ´õºÒ¾î ½ºÇÁ¸µ ºÎÆ®, ¸®¾×Æ®¸¦ ºñ·ÔÇØ ÃÖ÷´Ü ±â¼úÀÇ ¸ðµç ÃֽŠÅøÀ» ÀÌ¿ëÇØ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ß, Å×½ºÆ®, º¸È£, ¹èÆ÷ÇÏ´Â µ¥ ÇÊ¿äÇÑ ¸ðµç ³»¿ëÀ» ¹è¿î´Ù. ÀÌ Ã¥À» ³¡±îÁö ÀÐ°í ³ª¸é ÃֽŠǮ½ºÅà ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ ÀÌ·ÐÀ» ¹è¿ì´Â °ÍÀº ¹°·Ð ¸ðµç ȯ°æ¿¡¼ È°¿ë °¡´ÉÇÑ ±ÍÁßÇÑ ±â¼úÀ» Å͵æÇÏ°Ô µÉ °ÍÀÌ´Ù.
ÀúÀÚ¼Ò°³
ÁÖÇÏ ÈùÄð¶ó´Â Çɶõµå Haaga-Helia ´ëÇб³ ÀÀ¿ë°úÇкÎÀÇ ¼ÒÇÁÆ®¿þ¾î °³¹ß °»ç·Î¼ Çï½ÌÅ° ´ëÇб³¿¡¼ ÄÄÇ»ÅÍ°øÇÐ ¼®»ç ÇÐÀ§¸¦ ¹ÞÀº 18³âÂ÷ ¼ÒÇÁÆ®¿þ¾î °³¹ßÀÚ´Ù. ÃÖ±Ù ¸î ³â µ¿¾È¿¡´Â ÃֽŠǮ½ºÅà °³¹ß¿¡ ÁýÁßÇßÀ¸¸ç, ¾Èµå·ÎÀÌµå ³×ÀÌƼºê ±â¼ú°ú ¸®¾×Æ® ³×ÀÌƼºê¸¦ ÀÌ¿ëÇÑ ¸ð¹ÙÀÏ °³¹ß¿¡µµ °ü½ÉÀÌ ¸¹´Ù.
¸ñÂ÷
[01ºÎ] ½ºÇÁ¸µ ºÎÆ®¸¦ ÀÌ¿ëÇÑ ¹é¿£µå ÇÁ·Î±×·¡¹Ö 01Àå: ȯ°æ°ú Åø ¼³Á¤ - ¹é¿£µå ±â¼ú ¿ä±¸ »çÇ× ÀÌŬ¸³½º ¼³Ä¡ ¸ÞÀ̺ìÀÇ ÀÌÇØ ½ºÇÁ¸µ À̴ϼȶóÀÌÀú È°¿ë __ÇÁ·ÎÁ§Æ® ¸¸µé±â __ÇÁ·ÎÁ§Æ® ½ÇÇà __½ºÇÁ¸µ ºÎÆ® °³¹ß Åø __·Î±×¿Í ¹®Á¦ ÇØ°á MariaDB ¼³Ä¡ ¿ä¾à ¹®Á¦ 02Àå: ÀÇÁ¸¼º ÁÖÀÔ ÀÌÇØÇϱ⠱â¼ú ¿ä±¸ »çÇ× ÀÇÁ¸¼º ÁÖÀÔ ¼Ò°³ ½ºÇÁ¸µ ºÎÆ®¿¡¼ ÀÇÁ¸¼º ÁÖÀÔ ÀÌ¿ë ¿ä¾à ¹®Á¦ 03Àå: JPA¸¦ ÀÌ¿ëÇÑ µ¥ÀÌÅͺ£À̽º »ý¼º ¹× Á¢±Ù ±â¼ú ¿ä±¸ »çÇ× ORM, JPA, ÇÏÀ̹ö³×ÀÌÆ® ±âÃÊ ¿£Æ¼Æ¼ Ŭ·¡½º ¸¸µé±â CRUD ¸®Æ÷ÁöÅ͸® ¸¸µé±â Å×ÀÌºí °£ÀÇ °ü°è Ãß°¡ MariaDB µ¥ÀÌÅͺ£À̽º ¼³Á¤ ¿ä¾à ¹®Á¦ 04Àå: ½ºÇÁ¸µ ºÎÆ®·Î RESTful À¥ ¼ºñ½º ¸¸µé±â ±â¼ú ¿ä±¸ »çÇ× REST ±âÃÊ RESTful À¥ ¼ºñ½º ¸¸µé±â ½ºÇÁ¸µ µ¥ÀÌÅÍ REST ÀÌ¿ëÇϱ⠿ä¾à ¹®Á¦ 05Àå: ¹é¿£µå º¸È£ ¹× Å×½ºÆ® ±â¼ú ¿ä±¸ »çÇ× ½ºÇÁ¸µ ½ÃÅ¥¸®Æ¼ ÀÌÇØ JWT·Î ¹é¿£µå º¸È£ ½ºÇÁ¸µ ºÎÆ® Å×½ºÆ® ´ÜÀ§ Å×½ºÆ® ¸¸µé±â ¿ä¾à ¹®Á¦ [02ºÎ] ¸®¾×Æ®¸¦ ÀÌ¿ëÇÑ ÇÁ·±Æ®¿£µå ÇÁ·Î±×·¡¹Ö 06Àå: ȯ°æ°ú Åø ¼³Á¤ - ÇÁ·±Æ®¿£µå ±â¼ú ¿ä±¸ »çÇ× Node.js ¼³Ä¡ VS Code ¼³Ä¡ __VS Code È®Àå ¸®¾×Æ® ¾Û ¸¸µé±â ¹× ½ÇÇà __¸®¾×Æ® ¾Û ¼öÁ¤ ¿ä¾à ¹®Á¦ 07Àå: ¸®¾×Æ® ½ÃÀÛÇϱ⠱â¼ú ¿ä±¸ »çÇ× ¸®¾×Æ® ÄÄÆ÷³ÍÆ®¸¦ ¸¸µå´Â ¹æ¹ý À¯¿ëÇÑ ES6 ±â´É __»ó¼ö ¹× º¯¼ö __È»ìÇ¥ ÇÔ¼ö __ÅÛÇø´ ¸®ÅÍ·² __Ŭ·¡½º¿Í »ó¼Ó JSX¿Í ½ºÅ¸Àϸµ ÇÁ·Ó°ú »óÅ __ÇÁ·Ó __»óÅ »óÅ ºñÀúÀå ÄÄÆ÷³ÍÆ® Á¶°ÇºÎ ·»´õ¸µ ¸®¾×Æ® ÈÄÅ© __useState __useEffect __useRef ¸ÂÃãÇü ÈÄÅ© ÄÁÅؽºÆ® API ¸®¾×Æ®·Î ¸ñ·Ï ó¸® ¸®¾×Æ®·Î À̺¥Æ® ó¸® ¸®¾×Æ®·Î Æû ó¸® ¿ä¾à ¹®Á¦ 08Àå: ¸®¾×Æ®·Î REST API ÀÌ¿ëÇϱ⠱â¼ú ¿ä±¸ »çÇ× ÇÁ·Î¹Ì½º ÀÌ¿ë fetch API ÀÌ¿ë axios ¶óÀ̺귯¸® ÀÌ¿ë ½Ç¿ëÀûÀÎ ¿¹Á¦ OpenWeatherMap API ¿ä¾à ¹®Á¦ 09Àå: À¯¿ëÇÑ ¸®¾×Æ®¿ë ¼µåÆÄƼ ÄÄÆ÷³ÍÆ® ±â¼ú ¿ä±¸ »çÇ× ¼µåÆÄƼ ¸®¾×Æ® ÄÄÆ÷³ÍÆ® ÀÌ¿ë AG Grid ÀÌ¿ë MUI ÄÄÆ÷³ÍÆ® ¶óÀ̺귯¸® ÀÌ¿ë ¸®¾×Æ®¿¡¼ ¶ó¿ìÆà °ü¸® ¿ä¾à ¹®Á¦ [03ºÎ] Ç®½ºÅà °³¹ß 10Àå: ½ºÇÁ¸µ ºÎÆ® RESTful À¥ ¼ºñ½º¸¦ À§ÇÑ ÇÁ·±Æ®¿£µå ¼³Á¤ ±â¼ú ¿ä±¸ »çÇ× UI ¸ðÇü Á¦ÀÛ ½ºÇÁ¸µ ºÎÆ® ¹é¿£µå Áغñ ÇÁ·±Æ®¿£µå¸¦ À§ÇÑ ¸®¾×Æ® ÇÁ·ÎÁ§Æ® ¸¸µé±â ¿ä¾à ¹®Á¦ ±â¼ú ¿ä±¸ »çÇ× 11Àå: CRUD ±â´É Ãß°¡Çϱ⠸ñ·Ï ÆäÀÌÁö ÀÛ¼º »èÁ¦ ±â´É Ãß°¡ ±â´É ÆíÁý ±â´É ´Ù¸¥ ±â´É ¿ä¾à ¹®Á¦ 12Àå: ¸®¾×Æ® MUI·Î ÇÁ·±Æ®¿£µå ²Ù¹Ì±â ±â¼ú ¿ä±¸ »çÇ× Button ÄÄÆ÷³ÍÆ® IconButton ÄÄÆ÷³ÍÆ® TextField ÄÄÆ÷³ÍÆ® ¿ä¾à ¹®Á¦ 13Àå: ÇÁ·±Æ®¿£µå Å×½ºÆ®Çϱ⠱â¼ú ¿ä±¸ »çÇ× Jest »ç¿ëÇϱâ Å×½ºÆ®¿¡¼ À̺¥Æ® »ý¼º ½º³À¼¦ Å×½ºÆ®ÀÇ ÀÌÇØ ¿ä¾à ¹®Á¦ 14Àå: ¾ÖÇø®ÄÉÀÌ¼Ç º¸È£Çϱ⠱â¼ú ¿ä±¸ »çÇ× ¹é¿£µå º¸È£ ÇÁ·±Æ®¿£µå º¸È£ ¿ä¾à ¹®Á¦ 15Àå: ¾ÖÇø®ÄÉÀÌ¼Ç ¹èÆ÷Çϱ⠱â¼ú ¿ä±¸ »çÇ× ¹é¿£µå ¹èÆ÷ ÇÁ·±Æ®¿£µå ¹èÆ÷ µµÄ¿ ÄÁÅ×ÀÌ³Ê ÀÌ¿ë ¿ä¾à ¹®Á¦ 16Àå: ¸ð¹ü »ç·Ê ´ÙÀ½À¸·Î ¹è¿ï ³»¿ë __HTML __CSS __HTTP __ÀÚ¹Ù½ºÅ©¸³Æ® __¹é¿£µå ÇÁ·Î±×·¡¹Ö ¾ð¾î __ÇÁ·±Æ®¿£µå ¶óÀ̺귯¸®¿Í ÇÁ·¹ÀÓ¿öÅ© __µ¥ÀÌÅͺ£À̽º __¹öÀü °ü¸® __À¯¿ëÇÑ Åø __º¸¾È ¸ð¹ü »ç·Ê __ÄÚµù ±ÔÄ¢ __¿Ã¹Ù¸¥ ÅøÀÇ ¼±Åà __¿Ã¹Ù¸¥ ±â¼úÀÇ ¼±Åà __ÄÚµùÀÇ ¾ç ÁÙÀ̱⠿ä¾à ¹®Á¦ ¸ð¹ü ´ä¾È