¹®°úÃâ½ÅÀÌ°í µ¶ÇÐÀ¸·Î °³¹ßÀ» ¹è¿ü´Âµ¥ À̹ø¿¡ ¾ÛÀ» ¸¸µé¾î º¸¾Ò½À´Ï´Ù.
¿ø·¡ ¾Û °³¹ß º¸´Ù´Â ÇÁ·ÐÆ®¿£µå(vue.js)+¹é¿£µå(node.js)·Î À¥ÇÁ·Î±×·¥ ¸¸µå´Â °ÍÀ» ÁÖ·Î Çغ¸¾Ò±¸¿ä.
±×·¡¼ À̹ø¿¡ ¸¸µç ¾ÛÀº capacitor.js¸¦ ÀÌ¿ëÇÑ ÇÏÀ̺긮µå¾ÛÀÔ´Ï´Ù.
Á÷Á¢ ¿Ï¼ºµÈ ¼ºñ½º¸¦ ¸¸µé°í ½ÍÀº ¸¶À½¿¡ ÇÁ·ÐÆ®¿£µå+¹é¿£µå µÑ ´Ù¸¦ °øºÎÇÏ¿´°í, °³¹ßȸ»ç¿¡ Ãë¾÷ÇÑ ÀûÀº ¾ø½À´Ï´Ù.
Google Sheets¿¡¼ ÇϳªÀÇ ¼¿¿¡ ¹®ÀåÀ» ³Ö°í Áß¿äÇÑ ºÎºÐ¿¡ ´ë°ýÈ£¸¦ ÃÄ ÁÖ¸é ÀÚµ¿À¸·Î ÄûÁ ¸¸µé¾îÁÖ´Â ÇнÀ¾ÛÀÔ´Ï´Ù.
Google Sheets¿Í ¿¬µ¿ÀÌ µÇ±â ¶§¹®¿¡ Æí¸®ÇÏ°Ô ÄûÁî µ¥ÀÌÅ͸¦ ¼öÁ¤ÇÏ°í °ü¸®ÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÃÖ´ëÇÑ »ç¿ëÀÚ°¡ ¹ø°Å·Î¿öÇÏÁö ¾Ê°Ô Çϱâ À§ÇØ È¸¿ø°¡ÀÔ, ·Î±×ÀÎ ÀÌ·± °Íµµ ¾ø±¸¿ä.
¹é¿£µå¸¦ Àú·ÅÇÑ vpsÇϳª »ç¼ node.js·Î ¸¸µé¾î º¸·Á´Ù°¡ ¿î¿µºñµµ ÁÙÀÌ°í ¹é¿£µå ¾øÀ̵µ ¿øÇÏ´Â ±â´É ±¸ÇöÀÌ °¡´ÉÇÒµí ÇÏ¿© ¹é¿£µå ¾øÀÌ ¸¸µé¾î º¸¾Ò½À´Ï´Ù.
ÇÏÁö¸¸ ±¸±Û ½ÃÆ® ¾ÆÀ̵𸦠¾Û¿¡ ÃÖÃÊ ÇÑ ¹ø Á÷Á¢ ÀÔ·ÂÀ» ÇØ¾ß µÇ´Âµ¥ ÀÌ °úÁ¤ÀÌ »ç¶÷¿¡ µû¶ó Á» ¹ø°Å·Î¿ï¼ö ÀÖ´Ù°í »ý°¢ÇÏ°í ÀÖ½À´Ï´Ù.
µ¥ÀÌÅÍ´Â ±¸±Û ½ÃÆ®¿¡¼ ¹Ù·Î fetchÇؼ ·ÎÄÿ¡ ÀúÀåÇÏ´Â ¹æ½ÄÀÌ µÇµµ·Ï ÇÏ¿´½À´Ï´Ù.
±¤°íµµ ³Ö¾ú´Âµ¥ ¾ÆÁ÷ pin¹øÈ£ µî·ÏÀÌ ¾ÈµÇ¾î¼ ÇöÀç ±¤°í°¡ ³ëÃâÀÌ µÇ°í ÀÖÁø ¾Ê½À´Ï´Ù.
À̹ø ¾Û °³¹ß¿¡ »ç¿ëÇÑ ÇÁ·¹ÀÓ¿öÅ© ¶Ç´Â ¶óÀ̺귯¸®´Â ´ÙÀ½°ú °°½À´Ï´Ù.
ÇÁ·ÐÆ®¿£µå : Vue (Composition API »ç¿ëÇß½À´Ï´Ù.)
»óÅ°ü¸® : Pinia
½ºÅ¸ÀÏ : TailwindCSS
¹é¿£µå : ¾øÀ½ (¶Ç´Â Google Sheets Àϼöµµ?)
·ÎÄÃÀúÀå¼Ò : Localforage (local storage´Â ¿ë·®ÀÌ ¸ðÀÚ¶öµí ÇÏ¿© indexed db¸¦ »ç¿ëÇÏ¿´½À´Ï´Ù.)
¸ð¹ÙÀÏ¾Û ÇÁ·¹ÀÓ¿öÅ© : Capacitor
±¤°í : Admob
¾Èµå·ÎÀ̵å Ç÷¹À̽ºÅä¾î
https://play.google.com/store/apps/details?id=com.wizamuse.quizsheet
Ç×»ó ºÎÁ·ÇÏ´Ù°í »ý°¢ÇÏ°í ÀÖ½À´Ï´Ù. ¸¹Àº °ü½É°ú ÁöµµÆí´Þ ¹Ù¶ó¸ç ±ä±Û ÀоîÁּż °¨»çÇÕ´Ï´Ù.
|