¾È³çÇϼ¼¿ä.
µðÁöÅÐ ³ë¸¶µå¸¦ ²Þ²Ù¸ç °øºÎ¸¦ ÇÏ°í ÀÖ´Â Æò¹üÇÑ °³¹ßÀÚÀÔ´Ï´Ù.
Æò¼Ò¿¡ angular, react·Î FE°³¹ßÀ» ÇØ¿À´Ù°¡, svelte°¡ ¿äÁò ÇÖÇÏ´Ù´Â À̾߱⸦ µè°í °øºÎ °â »çÀ̵å ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇß½À´Ï´Ù.
±×·¡¼ ¹«¾ùÀ» ¸¸µé¾ú³Ä?
"Äڷγª Æ®¸³" À̶ó´Â Äڷγª ½Ã±â ¶°³ª±â ÁÁÀº ³ª¶ó¸¦ ãÀ» ¼ö ÀÖ´Â »çÀÌÆ®¸¦ ¸¸µé¾îº¸¾Ò½À´Ï´Ù.
-
Äڷγª Æ®¸³
-
Äڷγª Æ®¸³ - Äڷγª ½Ã±â, ¿©ÇàÀ» ¶°³ª±â ÁÁÀº ³ª¶ó¸¦ ã¾Æº¸¼¼¿ä.
https://corona-trip.com
¾ÆÁ÷Àº ¿Ü±³ºÎ µ¥ÀÌÅÍ¿Í Äڷγª µ¥ÀÌÅ͸¦ ÃëÇÕÇؼ º¸¿©ÁÖ´Â Á¤µµÀÇ ±â´É¸¸ Àִµ¥¿ä. °è¼ÓÇؼ ±â´ÉÀº Ãß°¡ÇÒ ¿¹Á¤ÀÔ´Ï´Ù.
# 񃬣 stack
## FE: svelte·Î ¸¸µé¾ú½À´Ï´Ù.
svelteÀÇ ÀåÁ¡ÀÌ angular, react (interprete ¹æ½Ä)°ú´Â ´Ù¸£°Ô build time¿¡ compile¸¦ Çϱ⠋š¹®¿¡ build °á°ú¹°ÀÇ »çÀÌÁî°¡ ÀÛ°í, ¼Óµµ°¡ ´õ ºü¸£´Ù°í Çϴµ¥¿ä.
Äڷγª Æ®¸³À» ¸¸µç »êÃâ¹°ÀÇ js file ¿ë·®ÀÌ 542kbÁ¤µµ µÇ³×¿ä.
angular °°Àº °æ¿ì¿¡´Â, angular runtime¿ë·®¸¸ 1mb¸¦ ³Ñ¾ú´ø °Å °°Àºµ¥, ±×°Å¿¡ ºñÇÏ¸é ¾öû ¿ë·®ÀÌ ÁÙ¾ú½À´Ï´Ù.
¿ë·® ¿ÜÀûÀ¸·Îµµ, angularÀÇ 2-way bindingÀÇ ÀåÁ¡À» °¡Á®¿À°í, reactÀÇ ui component °³³ä, state °³³äÀ» ÀûÀýÈ÷ «»Í½ÃŲ °ÍÀÌ ÁÁ¾Ò½À´Ï´Ù.
´Ù¸¸, ¾ÆÁ÷ Ä¿¹Â´ÏƼ°¡ ¸¹ÀÌ È°¼ºÈµÇ¾î ÀÖÁö´Â ¾ÊÀº Á¡Àº ´ÜÁ¡ÀÌÁö¸¸, °ø½Ä »çÀÌÆ®ÀÇ ¿¹Á¦µéÀÌ Ç³ºÎÇؼ ¼Ò±Ô¸ð ÇÁ·ÎÁ§Æ®¿¡´Â ÀûÀýÇغ¸¿´½À´Ï´Ù.
## BE: static pageÀ̱⠶§¹®¿¡ µû·Î BE¸¦ µÎÁö ¾Ê¾Ò½À´Ï´Ù
## HOSTING: github page¸¦ »ç¿ëÇß½À´Ï´Ù.
github page¿¡¼ ¿ù 100gbÀÇ ¹«·á È£½ºÆÃ, ¹«·á https SSL À» Á¦°øÇØÁֱ⠶§¹®¿¡ µ·ÀÌ µéÁö ¾Ê¾Ò½À´Ï´Ù.
(100gbÀÇ ¿ë·® Á¦ÇÑÀÌ Àֱ⠶§¹®¿¡, FE¿¡¼ ÃÖ¼Ò ¿ë·®ÀÇ ºôµå »êÃâ¹°À» ¸¸µå´Â °ÍÀÌ ¸ñÇ¥¿´½À´Ï´Ù.)
## µ¥ÀÌÅÍ Á¤Á¦: pythonÀ» È°¿ëÇß°í beutifulsoup Á¤µµÀÇ ¶óÀ̺귯¸®¸¦ »ç¿ëÇÏ¿´½À´Ï´Ù.
ÀÌ»ó "Äڷγª Æ®¸³" Á¦À۱⠿´½À´Ï´Ù.
svelte³ª ±âŸ ´Ù¸¥ °Íµé¿¡ ´ëÇØ ±Ã±ÝÇÑ Á¡ÀÌ ÀÖÀ¸½Ã´Ù¸é ´ñ±Û ³²°ÜÁÖ¼¼¿ä!
³¡±îÁö ÀоîÁּż °¨»çÇÕ´Ï´Ù.
|