ÄÁÅÙÃ÷»ó¼¼º¸±â

½ÇÀü! ½ºÇÁ¸µ ºÎÆ® 3 & ¸®¾×Æ®·Î ½ÃÀÛÇÏ´Â ¸ð´ø À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß : ½ºÇÁ¸µ ºÎÆ® 3¿Í ¸®¾×Æ®¸¦ Ȱ¿ëÇÑ ½Ç½À Áß½ÉÀÇ Ç®½ºÅà À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
½ÇÀü! ½ºÇÁ¸µ ºÎÆ® 3 & ¸®¾×Æ®·Î ½ÃÀÛÇÏ´Â ¸ð´ø À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß : ½ºÇÁ¸µ ºÎÆ® 3¿Í ¸®¾×Æ®¸¦ Ȱ¿ëÇÑ ½Ç½À Áß½ÉÀÇ Ç®½ºÅà À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
  • ÀúÀÚÁÖÇÏ ÈùÄð¶ó Àú/º¯¿µÀÎ ¿ª
  • ÃâÆÇ»çÀ§Å°ºÏ½º
  • ÃâÆÇÀÏ2025-02-05
  • µî·ÏÀÏ2025-05-29
º¸À¯ 1, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 0, ´©Àû¿¹¾à 0

Ã¥¼Ò°³

½ºÇÁ¸µ ºÎÆ®¿Í ¸®¾×Æ®ÀÇ Ç³ºÎÇÏ°í ´Ù¾çÇÑ µµ±¸µéÀ» Ȱ¿ëÇØ
ÃֽŠǮ½ºÅà ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ºñ¹ýÀ» ¹è¿öº¸ÀÚ!


¡º½ÇÀü! ½ºÇÁ¸µ ºÎÆ® 3 & ¸®¾×Æ®·Î ½ÃÀÛÇÏ´Â ¸ð´ø À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß¡»Àº Ç®½ºÅà °³¹ßÀÚ·Î ÀüȯÇϰíÀÚ ÇÏ´Â ÀÚ¹Ù °³¹ßÀÚ³ª »õ ÇÁ·±Æ®¿£µå ÇÁ·¹ÀÓ¿öÅ©¸¦ ¹è¿ì°í ½ÍÀº »ç¶÷À» À§ÇÑ °£°áÇÑ ¸®¾×Æ® ÀÔ¹®¼­´Ù. ÀÌ Ã¥Àº ¼¼ ºÎºÐÀ¸·Î µÇ¾î ÀÖÀ¸¸ç, ½ºÇÁ¸µ ºÎÆ® ¹é¿£µå, ¸®¾×Æ® ÇÁ·±Æ®¿£µå¸¦ ¸¸µé°í À̸¦ ÇÔ²² ¹èÆ÷ÇÏ´Â °úÁ¤À» ´Ù·é´Ù. À̹ø °³Á¤ÆÇÀº ½ºÇÁ¸µ ºÎÆ® 3¿¡ ¸ÂÃç ¾÷µ¥ÀÌÆ®µÇ¾úÀ¸¸ç, º¸¾È°ú Å×½ºÆ®¿¡ °üÇÑ ³»¿ëÀ» Á» ´õ ÀÚ¼¼È÷ ´Ù·ç°í ÀÖ´Ù. ±×¸®°í ÃÖ±Ù ÀαⰡ ³ôÀº ŸÀÔ½ºÅ©¸³Æ®¸¦ Ȱ¿ëÇÑ ¸®¾×Æ® °³¹ß¿¡ °üÇÑ ³»¿ëÀÌ Ãß°¡µÆ´Ù. REST API »ý¼º, ¾ÖÇø®ÄÉÀÌ¼Ç Å×½ºÆ®, º¸¾È ¹× ¹èÆ÷¿¡ ÇÊ¿äÇÑ ¿ä¼ÒµéÀ» ¾Ë¾Æº¸°í Ä¿½ºÅÒ ÈÅ, ¼­µåÆÄƼ ÄÄÆ÷³ÍÆ®, MUI¿¡ ´ëÇØ¼­µµ ¹è¿ï ¼ö ÀÖ´Ù. ÀÌ Ã¥À» ÅëÇØ Ãֽеµ±¸¿Í ÃÖ±Ù ¸ð¹ü »ç·Ê¸¦ ÅëÇØ Ç®½ºÅà ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ´É·ÂÀ» ±â¸¦ ¼ö ÀÖÀ» °ÍÀÌ´Ù.

ÀúÀÚ¼Ò°³

Çɶõµå Haaga-Helia ´ëÇб³ ÀÀ¿ë°úÇкÎÀÇ ¼ÒÇÁÆ®¿þ¾î °³¹ß °­»ç·Î¼­ Çï½ÌŰ ´ëÇб³¿¡¼­ ÄÄÇ»ÅͰøÇР¼®»ç ÇÐÀ§¸¦ ¹ÞÀº 18³âÂ÷ ¼ÒÇÁÆ®¿þ¾î °³¹ßÀÚ´Ù. ÃÖ±Ù ¸î ³â µ¿¾È¿¡´Â ÃֽŠǮ½ºÅà°³¹ß¿¡ ÁýÁßÇßÀ¸¸ç, ¾Èµå·ÎÀ̵堳×ÀÌÆ¼ºê ±â¼ú°ú ¸®¾×Æ® ³×ÀÌÆ¼ºê¸¦ ÀÌ¿ëÇÑ ¸ð¹ÙÀÏ °³¹ß¿¡µµ °ü½ÉÀÌ ¸¹´Ù.

¸ñÂ÷

[01ºÎ] ½ºÇÁ¸µ ºÎÆ®¸¦ ÀÌ¿ëÇÑ ¹é¿£µå ÇÁ·Î±×·¡¹Ö 

¢Ã 01Àå: È¯°æ°ú Åø ¼³Á¤ - ¹é¿£µå 
±â¼ú ¿ä±¸ »çÇ× 
ÀÌŬ¸³½º ¼³Ä¡ 
±×·¹À̵éÀÇ ÀÌÇØ
½ºÇÁ¸µ À̴ϼȶóÀÌÀú È°¿ë 
MariaDB ¼³Ä¡ 
¿ä¾à 
¹®Á¦ 
Ãß°¡ ÀÚ·á 

¢Ã 02Àå: ÀÇÁ¸¼º ÁÖÀÔ ÀÌÇØÇϱâ 
±â¼ú ¿ä±¸ »çÇ×
ÀÇÁ¸¼º ÁÖÀÔ ¼Ò°³ 
½ºÇÁ¸µ ºÎÆ®¿¡¼­ ÀÇÁ¸¼º ÁÖÀÔ ÀÌ¿ë 
¿ä¾à 
¹®Á¦ 
Ãß°¡ ÀÚ·á 

¢Ã 03Àå: JPA¸¦ ÀÌ¿ëÇÑ µ¥ÀÌÅͺ£À̽º »ý¼º ¹× Á¢±Ù 
±â¼ú ¿ä±¸ »çÇ×
ORM, JPA, ÇÏÀ̹ö³×ÀÌÆ® ±âÃÊ 
¿£Æ¼Æ¼ Å¬·¡½º ¸¸µé±â 
CRUD ¸®Æ÷ÁöÅ͸® ¸¸µé±â 
Å×ÀÌºí °£ÀÇ °ü°è Ãß°¡ 
MariaDB µ¥ÀÌÅͺ£À̽º ¼³Á¤ 
¿ä¾à 
¹®Á¦ 
Ãß°¡ ÀÚ·á 

¢Ã 04Àå: ½ºÇÁ¸µ ºÎÆ®·Î RESTful À¥ ¼­ºñ½º ¸¸µé±â 
±â¼ú ¿ä±¸ »çÇ× 
REST ±âÃÊ 
½ºÇÁ¸µ ºÎÆ®·Î RESTful À¥ ¼­ºñ½º ¸¸µé±â 
½ºÇÁ¸µ µ¥ÀÌÅÍ REST ÀÌ¿ëÇϱâ 
RESTful API ¹®¼­È­
¿ä¾à 
¹®Á¦ 
Ãß°¡ ÀÚ·á

¢Ã 05Àå: ¹é¿£µå º¸È£ 
±â¼ú ¿ä±¸ »çÇ× 
½ºÇÁ¸µ ½ÃÅ¥¸®Æ¼ ÀÌÇØ 
JWTÀ¸·Î ¹é¿£µå º¸È£Çϱâ 
·Î±×ÀΠº¸È£Çϱâ 
´Ù¸¥ ¿äû º¸È£Çϱâ 
¿¹¿Ü Ã³¸®Çϱâ 
CORS ÇÊÅÍ Ãß°¡Çϱâ 
¿ªÇÒ ±â¹Ý º¸¾È 
½ºÇÁ¸µ ºÎÆ®¸¦ ÅëÇÑ OAuth 2 ÀÌ¿ëÇϱâ 
¿ä¾à 
Áú¹® 
Ãß°¡ ÀÚ·á 

¢Ã 06: ¹é¿£µå Å×½ºÆ®Çϱâ 
±â¼ú ¿ä±¸ »çÇ×
½ºÇÁ¸µ ºÎÆ®¿¡¼­ÀÇ Å×½ºÆ® 
Å×½ºÆ® ÄÉÀ̽º ¸¸µé±â 
±×·¹À̵é·Î Å×½ºÆ®Çϱâ 
Å×½ºÆ® ÁÖµµ °³¹ß 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á 

[02ºÎ] ¸®¾×Æ®¸¦ ÀÌ¿ëÇÑ ÇÁ·±Æ®¿£µå ÇÁ·Î±×·¡¹Ö 

¢Ã 07Àå: È¯°æ°ú Åø ¼³Á¤ - ÇÁ·±Æ®¿£µå 
±â¼ú ¿ä±¸ »çÇ× 
Node.js ¼³Ä¡ 
Visual Studio Code ¼³Ä¡
VS Code È®Àå 
¸®¾×Æ® ¾Û ¸¸µé±â ¹× ½ÇÇà 
¸®¾×Æ® ¾Û ¼öÁ¤Çϱâ 
¸®¾×Æ® ¾Û µð¹ö±ëÇϱâ
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á

¢Ã 08Àå: ¸®¾×Æ® ½ÃÀÛÇϱâ 
±â¼ú ¿ä±¸ »çÇ× 
¸®¾×Æ® ÄÄÆ÷³ÍÆ®¸¦ ¸¸µå´Â ¹æ¹ý 
ù ¹øÂ° ¸®¾×Æ® ¾Û »ìÆìº¸±â
À¯¿ëÇÑ ES6 ±â´É 
JSX¿Í ½ºÅ¸Àϸµ 
Á¶°ÇºÎ ·»´õ¸µ 
¸®¾×Æ® ÈÅ
ÄÁÅØ½ºÆ® API 
¸®¾×Æ®·Î ¸ñ·Ï Ã³¸® 
¸®¾×Æ®·Î À̺¥Æ® Ã³¸® 
¸®¾×Æ®·Î Æû Ã³¸® 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á

¢Ã 09: Å¸ÀÔ½ºÅ©¸³Æ® ÀÔ¹®
±â¼ú ¿ä±¸ »çÇ×
ŸÀÔ½ºÅ©¸³Æ® ÀÌÇØÇϱâ
¸®¾×Æ®¿¡¼­ Å¸ÀÔ½ºÅ©¸³Æ® ±â´É ÀÌ¿ë
ŸÀÔ½ºÅ©¸³Æ®·Î ¸®¾×Æ® ¾Û ¸¸µé±â
ºñÆ®¿Í Å¸ÀÔ½ºÅ©¸³Æ®
¿ä¾à
¹®Á¦
Âü°íÀÚ·á

¢Ã 10: ¸®¾×Æ®·Î REST API ÀÌ¿ëÇϱâ 
±â¼ú ¿ä±¸ »çÇ× 
ÇÁ·Î¹Ì½º 
fetch API ÀÌ¿ë 
axios ¶óÀ̺귯¸® ÀÌ¿ë 
°æÀï Á¶°Ç Ã³¸® 
¸®¾×Æ® Äõ¸® ¶óÀ̺귯¸® ÀÌ¿ë 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á 

¢Ã 11Àå: À¯¿ëÇÑ ¸®¾×Æ®¿ë ¼­µåÆÄƼ ÄÄÆ÷³ÍÆ® 
±â¼ú ¿ä±¸ »çÇ× 
¼­µåÆÄƼ ¸®¾×Æ® ÄÄÆ÷³ÍÆ® ¼³Ä¡ 
AG Grid ÀÌ¿ë 
¸ÓƼ¸®¾ó UI ÄÄÆ÷³ÍÆ® À̿렶óÀ̺귯¸®
¸®¾×Æ® ¶ó¿ìÅͷΠ¶ó¿ìÆÃ °ü¸® 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á

[03ºÎ] Ç®½ºÅà°³¹ß 

¢Ã 12Àå: ½ºÇÁ¸µ ºÎÆ® RESTful À¥ ¼­ºñ½º¸¦ À§ÇÑ ÇÁ·±Æ®¿£µå ¼³Á¤ 
±â¼ú ¿ä±¸ »çÇ× 
UI ¸ðÇü Á¦ÀÛ 
½ºÇÁ¸µ ºÎÆ® ¹é¿£µå Áغñ 
ÇÁ·±Æ®¿£µå¿ë ¸®¾×Æ® ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á

¢Ã 13Àå: CRUD ±â´É Ãß°¡Çϱâ 
±â¼ú ¿ä±¸ »çÇ× 
¸ñ·Ï ÆäÀÌÁö ¸¸µé±â 
¹é¿£µå¿¡¼­ µ¥ÀÌÅÍ °¡Á®¿À±â 
ȯ°æ º¯¼ö ÀÌ¿ë 
ÆäÀÌ¡, ÇÊÅ͸µ, Á¤·Ä Ãß°¡Çϱâ 
»èÁ¦ ±â´É Ãß°¡Çϱâ 
Å佺Ʈ ¸Þ½ÃÁö Ç¥½Ã 
È®ÀΠ´ëÈ­ »óÀڠâ Ãß°¡Çϱâ 
»ý¼º ±â´É Ãß°¡Çϱâ 
¼öÁ¤ ±â´É Ãß°¡Çϱâ 
CSV·Î µ¥ÀÌÅÍ ³»º¸³»±â 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á 

¢Ã 14Àå: ¸®¾×Æ® MUI·Î ÇÁ·±Æ®¿£µå ²Ù¹Ì±â 
±â¼ú ¿ä±¸ »çÇ× 
MUI Button ÄÄÆ÷³ÍÆ® ÀÌ¿ëÇϱâ
MUI ¾ÆÀÌÄܰú IconButton ÄÄÆ÷³ÍÆ® ÀÌ¿ëÇϱâ 
MUI TextField ÄÄÆ÷³ÍÆ® ÀÌ¿ë 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á

¢Ã 15Àå: ¸®¾×Æ® ¾Û Å×½ºÆ®Çϱâ
±â¼ú ¿ä±¸ »çÇ× 
Jest ÀÌ¿ëÇϱâ 
¸®¾×Æ® Å×½ºÆÃ ¶óÀ̺귯¸® ÀÌ¿ëÇϱâ 
Vitest ÀÌ¿ëÇϱâ 
¿£µåÅõ¿£µå Å×½ºÆ®
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á

¢Ã 16Àå: ¾ÖÇø®ÄÉÀ̼Ǡº¸È£Çϱâ 
±â¼ú ¿ä±¸ »çÇ× 
¹é¿£µå º¸È£Çϱâ 
ÇÁ·±Æ®¿£µå º¸È£Çϱâ 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á

¢Ã 17Àå: ¾ÖÇø®ÄÉÀ̼Ǡ¹èÆ÷Çϱâ 
±â¼ú ¿ä±¸ »çÇ× 
AWS·Î ¹é¿£µå ¹èÆ÷Çϱâ 
Netlify·Î ÇÁ·±Æ®¿£µå ¹èÆ÷Çϱâ 
µµÄ¿ ÄÁÅ×À̳ʠÀÌ¿ë 
¿ä¾à 
¹®Á¦ 
Âü°íÀÚ·á

ÇÑÁÙ ¼­Æò