¡ã (»çÁø: AI · SWÁ߽ɴëÇлç¾÷´Ü Á¦°ø) |
AI·SW ÁßÁ¡´ëÇÐÀ¸·Î ¼±Á¤µÈ ¿ì¸®´ëÇÐÀº ¸ÞÀÌÄ¿½ºÆäÀ̽º¿Í AI·SW âÀÇÀ¶ÇÕ´ëÇÐÀ» ¼³¸³ÇÏ°í ´Ù¾çÇÑ ÇÁ·Î±×·¥À» ¿î¿µÇÏ°í ÀÖ´Ù. ¿À´Ã ¼Ò°³ÇÒ ºñ±³°ú ÇÁ·Î±×·¥Àº ‘AI·SWÀ¶ÇÕ ¸±·¹ÀÌ Ä·ÇÁ 4ź –À¥ÇÁ·Î±×·¡¹Ö(HTML)’ÀÌ´Ù. º» ¸±·¹ÀÌ Ä·ÇÁ´Â Áö³ ¾ÆµÎÀ̳ë Ä·ÇÁ, ÀÚÀ²ÁÖÇàÀÚµ¿Â÷ ÀÌÇØ, Open CV È°¿ë À̹ÌÁö ÀÎ½Ä ±â¼ú¿¡ À̾î 5źÀÎ ÀÚ¹Ù ÇÁ·Î±×·¡¹Ö°ú ÇÔ²² ÁøÇà ÁßÀÌ´Ù.
º» ÇÁ·Î±×·¥Àº Áö³ 21ÀÏ(¿ù)ºÎÅÍ 25ÀÏ(±Ý)±îÁö 5ÀÏ°£ ¸ÅÀÏ ¿ÀÈÄ 2-4½Ã¿¡ µÎ ½Ã°£ ¾¿ ÁøÇàµÇ¸ç, À¥ ÇÁ·Î±×·¥ ¸¸µé±âÀÇ ±âº»ÀÎ HTML, JS, CSS¸¦ ¹è¿ö °£´ÜÇÑ À¥À» ±¸ÃàÇÒ ¼ö ÀÖ°Ô ÇÏ´Â µ¥¿¡ ¸ñÀûÀÌ ÀÖ´Ù. À¶ÇÕµ¿¾Æ¸®¿øÀ» ´ë»óÀ¸·Î ÇÁ·Î±×·¥À» ÁøÇà ÁßÀ̳ª ÀçÇлýµµ Âü¿© °¡´ÉÇÏ´Ù°í ÇÏ¿© ½ÅûÇÒ ¼ö ÀÖ¾ú´Ù. ½Ç½Ã°£ °ÀÇ·Î ÁøÇàµÇÁö¸¸ Èñ¸ÁÀÚ¿¡ ÇÑÇØ SP501-1¿¡¼ ´ë¸é ¼ö¾÷ÀÌ °¡´ÉÇÏ´ÙÇÏ¿© Äڷγª 19 °ü·Ã ¹æ¿ª¼öÄ¢À» ÁؼöÇÏ¿© °Àǽǿ¡¼ ÇÁ·Î±×·¥À» ¼ö°ÇÏ¿´´Ù.
ù ¹ø° ¼ö¾÷Àº À¥ °³¹ßȯ°æ ¼³Á¤°ú HTML(HyperText + Markup Language)¿¡ ´ëÇÑ ¼³¸íÀÌ ÀÌ·ç¾îÁ³´Ù. À¥ ÇÁ·Î±×·¡¹ÖÀ» óÀ½ Á¢ÇÑ Ãʺ¸ÀÚµµ ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ½±°Ô °ÀÇÇÏ¿´´Âµ¥ ƯÈ÷ Visual Studio Code¸¦ ÀÌ¿ëÇØ Á÷Á¢ üÇè Çغ¼ ¼ö ÀÖ°Ô ÁøÇàµÇ¾úÀ¸¸ç ½ÇÁ¦ À¥ »çÀÌÆ®¿¡ µé¾î°¡ ±× À¥ »çÀÌÆ®¸¦ ÀÌ·ç´Â HTML¸¦ È®ÀÎÇغ¸°í ¼ö°ÀÚ°¡ Á÷Á¢ ¸¸µç °á°ú¹°°ú ºñ±³Çغ¸´Â °úÁ¤ÀÌ ÀÖ¾î ´õ¿í Èï¹Ì¸¦ ´õÇÒ ¼ö ÀÖ¾ú´Ù.
µÎ ¹ø° ¼ö¾÷Àº CSS(Cascading Style Sheet)¿¡ ´ëÇÑ °ÀÇ°¡ ÀÌ·ç¾îÁ³´Ù. HTMLÀÌ ¹®¼¿Í ¹®¼¸¦ ¿¬°áÇÏ´Â ÇÏÀÌÆÛÅؽºÆ®¿Í µ¥ÀÌÅÍÀÇ ±¸Á¶¸¦ ¾Ë·ÁÁÖ´Â ¸¶Å©¾÷ ¾ð¾î·Î ±¸¼ºµÈ´Ù¸é, CSS´Â ¸¶Å©¾÷ ¾ð¾î¸¦ »ç¶÷ÀÌ º¸±â ÁÁ°Ô ¸¸µå´Â ½ºÅ¸ÀÏ ¸ñ·ÏµéÀ̶ó°í ÇÑ´Ù. Àü³¯ Á÷Á¢ ¸¸µç HTML¿¡ ½ºÅ¸ÀÏÀ» Àû¿ëÇغ¸°í, Ç¥¸¦ ¸¸µé¾îº¸´Â µîÀÇ È°µ¿À» ÇÏ¸é¼ CSS¸¦ Àû¿ëÇÏ´Â ¿©·¯ ¹æ¹ý¿¡ ´ëÇØ ¹è¿ü´Ù. ¶ÇÇÑ °úÁ¦·Î ÀÚ½ÅÀÇ ½Ã°£Ç¥¸¦ ¸¸µé¾î º¸¸ç ÇÁ·Î±×·¡¹ÖÀ» Çö½Ç¿¡¼ Àû¿ëÇϸç Á» ´õ Ä£¼÷ÇØÁú ¼ö ÀÖµµ·Ï ¼ö¾÷ÀÌ ±¸¼ºµÇ¾î ÀÖ´Ù.
ÀÌÈÄ 3ÀÏ °£Àº Javascrip ¹®¹ý, Node.js·Î À¥ ¼¹ö ±¸¼º, Node.js·Î °Ô½ÃÆÇ ¸¸µé±â (CRUD ±¸Çö) µîÀÇ ³»¿ëÀ» ´Ù·ç°Ô µÇ´Âµ¥ ÀÌ´Â 2ź¿¡¼ ÈļúÇÒ ¿¹Á¤ÀÌ´Ù. AI·SW°¡ Áß¿ä½Ã ¿©°ÜÁö´Â Çö ¼¼´ë¿¡ ¹ß¸ÂÃç ÇлýµéÀÌ ½±°Ô ¹è¿ì°í Âü¿©ÇÒ ¼ö ÀÖ´Â ÇÁ·Î±×·¥ÀÌ ÀÖ´Ù´Â °ÍÀ» ¸¹Àº ÇпìµéÀÌ ¾Ë ¼ö ÀÖ¾úÀ¸¸é ÇÏ°í, ¿ì¸®´ëÇп¡´Â ÀÌ¿Í °°Àº ºñ±³°ú ÇÁ·Î±×·¥ÀÌ Æø ³Ð°Ô Áغñ µÇ¾î ÀÖÀ¸´Ï °ü½É ÀÖ´Â ÇпìµéÀÇ ¸¹Àº Âü¿©¸¦ ¹Ù¶õ´Ù.
±èÇÏ¿µ ±âÀÚ kkhy0326@naver.com