À¥ ±â¼úÀ» »ç¿ëÇÏ¿© Å©·Î½º Ç÷§Æû µ¥½ºÅ©Åé ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇϱâ À§ÇÑ Á¾ÇÕ °¡À̵åÀÎ "ÀÏ·ºÆ®·Ð"¿¡ ¿À½Å °ÍÀ» ȯ¿µÇÕ´Ï´Ù. ElectronÀº °³¹ßÀÚ°¡ HTML, CSS, JavaScript¿Í °°Àº Àͼ÷ÇÑ À¥ °³¹ß ±â¼úÀ» »ç¿ëÇÏ¿© µ¥½ºÅ©Åé ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖµµ·Ï ÇØÁÖ´Â GitHub¿¡¼ °³¹ßÇÑ ¿ÀÇ ¼Ò½º ÇÁ·¹ÀÓ¿öÅ©ÀÔ´Ï´Ù.
1Àå, 'ÀÏ·ºÆ®·Ð ¼Ò°³'¿¡¼´Â ÀÏ·ºÆ®·ÐÀÇ °³¿ä¸¦ ÅëÇØ ÇÙ½É °³³ä°ú ÀÌÁ¡À» ¼Ò°³ÇÕ´Ï´Ù. ÀÏ·ºÆ®·ÐÀÌ ¹«¾ùÀÎÁö ¾Ë¾Æº¸°í, »ç¿ë »ç·Ê¸¦ »ìÆ캸°í, ÀÏ·ºÆ®·Ð ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±¸Á¶¸¦ ÀÌÇØÇÕ´Ï´Ù. ¶ÇÇÑ ÀÏ·ºÆ®·Ð °³¹ßÀ» ½ÃÀÛÇÏ´Â ½Ç¹« °æÇèÀ» ½×À» ¼ö ÀÖ½À´Ï´Ù.
2Àå, '°³¹ß ȯ°æ ¼³Á¤Çϱâ'¿¡¼´Â ÀÏ·ºÆ®·ÐÀ» À§ÇÑ °³¹ß ȯ°æÀ» ¼³Á¤ÇÏ´Â ¹æ¹ýÀ» ¾È³»ÇÕ´Ï´Ù. Node.js¿Í npm(³ëµå ÆÐÅ°Áö °ü¸®ÀÚ)À» ¼³Ä¡ÇÏ°í, ÀÏ·ºÆ®·ÐÀ» ¼³Ä¡ÇÏ°í, »õ ÀÏ·ºÆ®·Ð ÇÁ·ÎÁ§Æ®¸¦ »ý¼ºÇÏ°í, È¿À²ÀûÀÎ °³¹ßÀ» À§ÇØ ÇÁ·ÎÁ§Æ® ±¸Á¶¸¦ ±¸¼ºÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù.
3Àå, '»ç¿ëÀÚ ÀÎÅÍÆäÀ̽º ±¸ÃàÇϱâ'¿¡¼´Â ÀÏ·ºÆ®·Ð ¾ÖÇø®ÄÉÀ̼ÇÀÇ »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º¸¦ ¸¸µå´Â µ¥ ÁßÁ¡À» µÓ´Ï´Ù. HTML, CSS, JavaScript ±âº» »çÇ×À» ¹è¿ì°í, â°ú ºê¶ó¿ìÀú âÀ» ¸¸µé°í, À̺¥Æ®¿Í »ç¿ëÀÚ »óÈ£ ÀÛ¿ëÀ» ó¸®ÇÏ°í, À¥ºä¸¦ È°¿ëÇÏ°í, ¸Þ´º¿Í ±âº» ´ëÈ »óÀÚ¸¦ ±¸ÇöÇÏ´Â µîÀÇ ¹æ¹ýÀ» ¾Ë¾Æº¾´Ï´Ù.
4Àå, '¿î¿µ üÁ¦¿Í »óÈ£ ÀÛ¿ëÇϱâ'¿¡¼´Â ÀÏ·ºÆ®·ÐÀ» »ç¿ëÇÏ¿© ±âº» ¿î¿µ üÁ¦¿Í »óÈ£ ÀÛ¿ëÇÏ´Â ¹æ¹ýÀ» ´Ù·ì´Ï´Ù. ÆÄÀÏ ½Ã½ºÅÛÀ¸·Î ÀÛ¾÷ÇÏ°í, ¼Ð°ú ÅëÇÕÇÏ°í, ÆÄÀÏ ¿¬°áÀ» ó¸®ÇÏ°í, ½Ã½ºÅÛ Æ®·¹ÀÌ ¹× ¾Ë¸²À» È°¿ëÇÏ°í, ½Ã½ºÅÛ Á¤º¸¿¡ ¾×¼¼½ºÇÏ°í, Node.js¸¦ »ç¿ëÇÏ¿© ³×ÀÌƼºê API¿Í »óÈ£ ÀÛ¿ëÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù.
5Àå, 'ÀÏ·ºÆ®·Ð ¾ÖÇø®ÄÉÀÌ¼Ç ÆÐŰ¡ ¹× ¹èÆ÷'¿¡¼´Â ¹èÆ÷¸¦ À§ÇØ ÀÏ·ºÆ®·Ð ¾ÖÇø®ÄÉÀ̼ÇÀ» ÆÐŰ¡ÇÏ°í ¹èÆ÷ÇÏ´Â °úÁ¤À» »ìÆ캾´Ï´Ù. ÀÏ·ºÆ®·Ð ¾ÛÀ» ºôµå ¹× Å×½ºÆ®ÇÏ°í, ¾Û ¾ÆÀÌÄÜ°ú ½ºÇ÷¡½Ã ȸéÀ» ±¸¼ºÇÏ°í, ÄÚµå ¼¸í ¹× º¸¾ÈÀ» È®ÀÎÇÏ°í, ´Ù¾çÇÑ Ç÷§Æû¿¡ ¸Â°Ô ¾ÛÀ» ÆÐŰ¡ÇÏ°í, ÀνºÅç·¯¿Í ÀÚµ¿ ¾÷µ¥ÀÌÆ® ÇÁ·Î±×·¥À» ÅëÇØ ¹èÆ÷ÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù.
6Àå, '°í±Þ ÁÖÁ¦ ¹× ¸ð¹ü »ç·Ê'¿¡¼´Â °í±Þ Electron ÁÖÁ¦¿Í ¸ð¹ü »ç·Ê¸¦ »ìÆ캾´Ï´Ù. ¿©·¯ â°ú ÇÁ·Î¼¼½º °£ Åë½Å(IPC)À¸·Î ÀÛ¾÷ÇÏ°í, ¾ÖÇø®ÄÉÀÌ¼Ç ¼ö¸í ÁÖ±â À̺¥Æ®¸¦ ó¸®ÇÏ°í, µð¹ö±ë µµ±¸¿Í DevTools¸¦ È°¿ëÇÏ°í, ¼º´ÉÀ» ÃÖÀûÈÇÏ°í, º¸¾È ¹× ¾Û °È¸¦ º¸ÀåÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù.
7Àå, '½ÇÁ¦ ¿¹Á¦ ¹× »ç·Ê ¿¬±¸'¿¡¼´Â Electron ¾ÖÇø®ÄÉÀ̼ÇÀÇ ½ÇÁ¦ »ç·Ê¿Í »ç·Ê ¿¬±¸¸¦ Á¦°øÇϸç Ã¥À» ¸¶¹«¸®ÇÕ´Ï´Ù. Å©·Î½º Ç÷§Æû ÅؽºÆ® ÆíÁý±â ±¸Ãà, µ¥½ºÅ©Åé ¹Ìµð¾î Ç÷¹ÀÌ¾î °³¹ß, ½Ã½ºÅÛ Æ®·¹ÀÌ ±â¹Ý ¾ÖÇø®ÄÉÀÌ¼Ç ¸¸µé±â, Electron°ú React, Vue, Angular¿Í °°Àº Àαâ ÀÖ´Â ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ© ÅëÇÕ, ÇÁ·Î´ö¼Ç¿¡ Electron ¾Û ¹èÆ÷¿¡ ´ëÇØ »ìÆ캾´Ï´Ù.
ÀÌ Ã¥À» ¸¶Ä¡¸é Electron¿¡ ´ëÇÑ Ã¶ÀúÇÑ ÀÌÇØ¿Í À¥ ±â¼úÀ» »ç¿ëÇÏ¿© °·ÂÇÑ Å©·Î½º Ç÷§Æû µ¥½ºÅ©Åé ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ ±â¼úÀ» °®Ãß°Ô µÉ °ÍÀÔ´Ï´Ù. ÀÌÁ¦ ÀÏ·ºÆ®·Ð °³¹ßÀ» ¸¶½ºÅÍÇϱâ À§ÇÑ ¿©Á¤À» ÇÔ²² ½ÃÀÛÇϼ¼¿ä!
1Àå : ÀÏ·ºÆ®·Ð ¼Ò°³
___1. ÀÏ·ºÆ®·ÐÀ̶õ?
___2. ÀÌÁ¡ ¹× »ç¿ë »ç·Ê
___3. ÀÏ·ºÆ®·Ð ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±¸Á¶
___4. ÀÏ·ºÆ®·Ð ½ÃÀÛÇϱâ
2Àå : °³¹ß ȯ°æ ¼³Á¤Çϱâ
___1. Node.js ¹× npm ¼³Ä¡Çϱâ
___2. ÀÏ·ºÆ®·Ð ¼³Ä¡Çϱâ
___3. »õ ÀÏ·ºÆ®·Ð ÇÁ·ÎÁ§Æ® ¸¸µé±â
___4. ÇÁ·ÎÁ§Æ® ±¸Á¶ ¹× ±¸¼º
3Àå : »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º ±¸ÃàÇϱâ
___1. HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ
___2. À©µµ¿ì¿Í ºê¶ó¿ìÀú â ¸¸µé±â
___3. À̺¥Æ® ¹× »óÈ£ÀÛ¿ë ó¸®Çϱâ
___4. À¥ºä ¹× À¥ºä ÅÂ±× »ç¿ëÇϱâ
___5. ¸Þ´º ¹× ±âº» ´ëÈ»óÀÚ ±¸ÇöÇϱâ
4Àå : ¿î¿µ üÁ¦¿Í »óÈ£ ÀÛ¿ëÇϱâ
___1. ÆÄÀÏ ½Ã½ºÅÛÀ¸·Î ÀÛ¾÷Çϱâ
___2. ¼Ð ÅëÇÕ ¹× ÆÄÀÏ ¿¬°á
___3. ½Ã½ºÅÛ Æ®·¹ÀÌ ¹× ¾Ë¸²
___4. ½Ã½ºÅÛ Á¤º¸¿¡ Á¢±ÙÇϱâ
___5. Node.js¸¦ »ç¿ëÇÏ¿© ³×ÀÌƼºê API¿Í »óÈ£ ÀÛ¿ëÇϱâ
5Àå : ÀÏ·ºÆ®·Ð ¾ÖÇø®ÄÉÀÌ¼Ç ÆÐŰ¡ ¹× ¹èÆ÷
___1. ÀÏ·ºÆ®·Ð ¾Û ºôµå ¹× Å×½ºÆ®
___2. ¾Û ¾ÆÀÌÄÜ ¹× ½ºÇ÷¡½Ã È¸é ±¸¼ºÇϱâ
___3. ÄÚµå ¼¸í ¹× º¸¾È °í·Á »çÇ×
___4. ´Ù¾çÇÑ Ç÷§Æû¿ë ÀÏ·ºÆ®·Ð ¾Û ÆÐŰ¡
___5. ÀνºÅç·¯ ¹× ÀÚµ¿ ¾÷µ¥ÀÌÅ͸¦ ÅëÇØ ¾Û ¹èÆ÷Çϱâ
6Àå : °í±Þ ÁÖÁ¦ ¹× ¸ð¹ü »ç·Ê
___1. ¿©·¯ Windows ¹× IPC·Î ÀÛ¾÷Çϱâ
___2. ¾ÖÇø®ÄÉÀÌ¼Ç ¼ö¸í ÁÖ±â À̺¥Æ® ó¸®
___3. ÀÏ·ºÆ®·ÐÀÇ µð¹ö±ë ¹× °³¹ß µµ±¸
___4. ¼º´É ÃÖÀûÈ ±â¹ý
___5. º¸¾È ¹× ¾Û °È Àü·«
7Àå : ½ÇÁ¦ ¿¹Á¦ ¹× »ç·Ê ¿¬±¸
___1. Å©·Î½º Ç÷§Æû ÅؽºÆ® ÆíÁý±â ±¸Ãà
___2. µ¥½ºÅ©Åé ¹Ìµð¾î Ç÷¹ÀÌ¾î °³¹ß
___3. ½Ã½ºÅÛ Æ®·¹ÀÌ ±â¹Ý ¾ÖÇø®ÄÉÀÌ¼Ç ¸¸µé±â
___4. ÀÏ·ºÆ®·Ð°ú React/Vue/Angular ÅëÇÕÇϱâ
___5. ÇÁ·Î´ö¼Ç¿¡ Electron ¾Û ¹èÆ÷Çϱâ