Á÷¹«
|
¸ðÁýºÐ¾ß
|
ÀÚ°Ý¿ä°Ç ¹× ¿ì´ë»çÇ×
|
°æ·ÂÁ÷ (ÆÀ¿ø±Þ)
00¸í, Á¤±ÔÁ÷
|
React
ÆÀ¿ø±Þ
|
Á÷¹«³»¿ë : React.js¸¦ ÅëÇÑ À¥ ¼ºñ½º °³¹ß
|
ÀÚ°Ý ¿ä°Ç
|
React.js¸¦ °³¹ß °æ·Â 2³â ÀÌ»ó
|
HTML/CSS/ja vasc ript¸¦ È°¿ëÇÑ À¥ ¼ºñ½º
°³¹ß °æ·Â 2³â ÀÌ»ó
|
CSS / HTML5 / Å©·Î½ººê¶ó¿ì¡ ÄÚµùÀÌ °¡´ÉÇϽźÐ
|
¿ì´ë »çÇ×
|
Çϳª ÀÌ»óÀÇ API°³¹ßÀÌ °¡´ÉÇÑ Node.js
ÇÁ·¹ÀÓ¿öÅ©(expressjs µî) »ç¿ë°æÇèÀÌ ÀÖÀ¸½Å ºÐ
|
°æ·ÂÁ÷ (ÆÀ¿ø ¶Ç´Â ÆÀÀå±Þ)
00¸í, Á¤±ÔÁ÷
|
Node
ÆÀ¿ø±Þ
/
ÆÀÀå±Þ
|
Á÷¹«³»¿ë : Node.js¸¦ ÅëÇÑ API°³¹ß ¹× React.js¸¦
ÅëÇÑ À¥ ¼ºñ½º °³¹ß
|
ÀÚ°Ý ¿ä°Ç
|
React.js¸¦ °³¹ß °æ·Â 2³â ÀÌ»ó (ÆÀÀå±Þ Áö¿øÀÇ °æ¿ì
4³âÂ÷ ÀÌ»ó)
|
Çϳª ÀÌ»ó API°³¹ßÀÌ °¡´ÉÇÑ Node.js
ÇÁ·¹ÀÓ¿öÅ©(expressjs µî) »ç¿ë°¡´É
|
¿ä±¸»çÇ׿¡ ¸Â´Â API¸¦ ¼³°è/°³¹ßÀÌ °¡´É
|
HTML/CSS/ja vasc ript¸¦ È°¿ëÇÑ À¥ ¼ºñ½º
°³¹ß °æ·Â 2³â ÀÌ»ó
|
CSS / HTML5 / Å©·Î½ººê¶ó¿ì¡ ÄÚµùÀÌ °¡´ÉÇϽźÐ
|
¿ì´ë »çÇ×
|
Çϳª ÀÌ»ó Clouud ¼ºñ½º (AWS, GCP µî)ÀÇ ¾ÆÅ°ÅØÃĸ¦
¼³°èÇÏ°í »ç¿ëÇϴ°ÍÀÌ ´É¼÷ÇϽŠºÐ
|
µ¥ÀÌÅͺ£À̽º ¼º´É °³¼± °æÇèÀÌ ÀÖÀ¸½Ã°Å³ª ¼º´É °³¼±¿¡
°ü½ÉÀÌ ¸¹ÀººÐ
|
¸®´ª½º ±â¹Ý ¼¹ö ¹èÆ÷¿Í ¿î¿µ¿¡ °üÇÑ °æÇèÀ» °¡Áö°í
°è½ÅºÐ
|
°øÅë»çÇ×
|
¿ì´ë»çÇ×
|
Webpack (¶Ç´Â Grunt) / LESS (¶Ç´Â SCSS) »ç¿ëÀÌ
Àͼ÷ÇϽŠºÐ
|
¿ÀÇ ¼Ò½º ÇÁ·ÎÁ§Æ®¿¡ ´ëÇÑ ±â¿© °æÇè º¸À¯ÇϽŠºÐ (»ç·Ê
Çʼö ±âÁ¦)
±â¼úºí·Î±×ÀÇ ¿î¿µ °æÇè º¸À¯ÇϽŠºÐ
°³ÀÎ ÇÁ·ÎÁ§Æ® ÁøÇà °æÇèÀÌ ÀÖÀ¸½Å ºÐ (github link µî)
|
GitÀ» ÅëÇÑ Çù¾÷ ¹× ¼Ò½º °ü¸®¿¡ ´É¼÷ÇϽŠºÐ
|
¾÷¹«¿Í °ü·ÃµÈ »õ·Î¿î ±â¼ú¿¡ °ü½ÉÀ» °¡Áö°í Áö¼ÓÀûÀ¸·Î
ÇнÀ °¡´ÉÇÑ ºÐ
|
ÀÚ±âÁÖµµÀûÀÌ¸ç º¹ÀâÇÑ ¹®Á¦ ÇØ°áÇÏ´Â °ÍÀ» ÁÁ¾ÆÇÏ´Â ºÐ
|
±âŸ»çÇ×
|
ÀÚ°Ý¿ä°Ç¶õÀÇ °æ·ÂÀ» ÃæÁ·ÇÏÁö ¸øÇÏ´õ¶óµµ ±×¿¡ ÁØÇÏ´Â
½Ç·ÂÀÌ ÀÖÀ¸½Å °æ¿ì °æ·ÂÀ¸·Î ÀÎÁ¤µË´Ï´Ù
|