1. HTML (Hyper Text Mark-up Language¡¤ÇÏÀÌÆÛÅؽºÆ® ¸¶Å©¾÷ ¾ð¾î)
ÀÌÇÏ À§Å°Çǵð¾Æ
À¥ ÆäÀÌÁö¸¦ À§ÇÑ ¸¶Å©¾÷(markup) ¾ð¾î´Ù. ¸¶Å©¾÷ ¾ð¾î´Â ¹®¼³ª µ¥ÀÌÅÍÀÇ ±¸Á¶¸¦ Ç¥½ÃÇÏ´Â ¾ð¾îÀÇ ÇÑ Á¾·ù´Ù. ¸¶Å©¾÷ ¾ð¾î´Â ÇÁ·Î±×·¡¹Ö ¾ð¾î¿Í ´Ù¸£´Ù.
HTMLÀ» ±â¼úÇϱâ À§ÇØ »ç¿ëÇÏ´Â ¸í·É¾î¸¦ ű×(Tag)¶ó°í ºÎ¸¥´Ù. ±âº»ÀûÀ¸·Î ű״ ¿©´Â ÅÂ±×¿Í ¸·´Â ű׷Π±¸¼ºµÅÀÖ´Ù.
2. HTML5
À¥ ÆäÀÌÁö¸¦ À§ÇÑ ¸¶Å©¾÷(markup) ¾ð¾î´Ù. ¸¶Å©¾÷ ¾ð¾î´Â ¹®¼³ª µ¥ÀÌÅÍÀÇ ±¸Á¶¸¦ Ç¥½ÃÇÏ´Â ¾ð¾îÀÇ ÇÑ Á¾·ù´Ù. ¸¶Å©¾÷ ¾ð¾î´Â ÇÁ·Î±×·¡¹Ö ¾ð¾î¿Í ´Ù¸£´Ù.
HTMLÀ» ±â¼úÇϱâ À§ÇØ »ç¿ëÇÏ´Â ¸í·É¾î¸¦ ű×(Tag)¶ó°í ºÎ¸¥´Ù. ±âº»ÀûÀ¸·Î ű״ ¿©´Â ÅÂ±×¿Í ¸·´Â ű׷Π±¸¼ºµÅÀÖ´Ù.
2. HTML5
HTML ÃֽŠ±Ô°ÝÀÌ´Ù. 2014³â °ø½Ä Ç¥ÁØÀ¸·Î ÁöÁ¤µÆ´Ù.
HTML5ºÎÅÍ º°µµ ÇÁ·Î±×·¥ ¾øÀÌ ºñµð¿À, ¿Àµð¿À Àç»ýÀ» ÇÒ ¼ö ÀÖ´Ù. ºÒ°ú ¸î ³â Àü±îÁö¸¸ Çصµ ¾×ƼºêX, Ç÷¡½Ã¸¦ ÀÌ¿ëÇØ ºñµð¿À ÄÜÅÙÃ÷¸¦ ºÃ¾ú´Ù.
3. CSS (Cascading Style Sheet¡¤Ä³½ºÄÉÀ̵ù ½ºÅ¸ÀÏ ½ÃÆ®)
°ú°Å »ç¿ëÇÑ HTMLÀº À¥ ¹®¼¸¦ ¼³°èÇÏ°í ¼ö½Ã·Î º¯°æÇÏ´Â µ¥ Á¦¾àÀÌ ÀÖ¾ú´Ù. À̸¦ ÇØ°áÇϱâ À§ÇØ À¥¹®¼¿¡ Àü¹ÝÀûÀÎ ½ºÅ¸ÀÏÀ» ÁöÁ¤ÇÑ ½ºÅ¸ÀÏ ½ÃÆ®°¡ CSS´Ù.
CSS ´öºÐ¿¡ ¹®¼ Àüü ÀÏ°ü¼ºÀ» À¯ÁöÇϱ⠴õ ½¬¿öÁ³°í, ½ºÅ¸ÀÏÀ» ÀÏÀÏÀÌ ÁöÁ¤ÇÒ ÇÊ¿äµµ ¾ø¾îÁ³´Ù. CSS ´öºÐ¿¡ À¥ °³¹ßÀÚµéÀº ´Ù¾çÇÑ µðÀÚÀÎÀ¸·Î ºü¸£°Ô À¥ ÆäÀÌÁö¸¦ ¼³°èÇÒ ¼ö ÀÖ°Ô µÆ´Ù.
4. ÀÚ¹Ù½ºÅ©¸³Æ® (JavaScript)
ÀÚ¹Ù ½ºÅ©¸³Æ®´Â À¥¿¡¼ »ç¿ëÇÏ´Â ÇÁ·Î±×·¡¹Ö ¾ð¾î´Ù. HTML ¹®¼´Â Á¤ÀûÀÎ °æ¿ì°¡ ¸¹´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇÏ¸é µ¿ÀûÀΠȸéÀ» À¥ÆäÀÌÁö¿¡¼ ±¸ÇöÇÒ ¼ö ÀÖ´Ù.
ÃÖ±Ù À¥ÆäÀÌÁö¿¡¼ ¸¹Àº ±â´ÉÀÌ Ãß°¡µÇ¸é¼ ÀÚ¹Ù ½ºÅ©¸³Æ®´Â Áß¿äÇÑ À¥ ¾îÇø®ÄÉÀÌ¼Ç °³¹ß ¾ð¾î°¡ µÆ´Ù.
5. ¾ÆÀÌÇÁ·¹ÀÓ (iframe)
¾ÆÀÌ ÇÁ·¹ÀÓÀº ³»ºÎ ÇÁ·¹ÀÓ(Inline Frame)À̶ó´Â ¶æÀ» °®°í ÀÖ´Ù. HTML ¹®¼¿¡¼ ´Ù¸¥ HTML¹®¼¸¦ »ðÀÔÇÒ ¶§ »ç¿ëÇÑ´Ù. ·¯½Ã¾Æ ÀÎÇü ¸¶Æ®·á½ÃÄ«(¬®¬Ñ¬ä¬â¬×¬ê¬Ü¬Ñ)¸¦ »ý°¢ÇÏ¸é ½±´Ù.
À¯Æ©ºê µ¿¿µ»óÀ» ´Ù¸¥ À¥ÆäÀÌÁö¿¡ »ðÀÔ(embed)ÇÒ ¶§ »ç¿ëÇÏ´Â ¼Ò½º Äڵ尡 ¾ÆÀÌÇÁ·¹ÀÓÀÌ´Ù.
6. ij½Ã(Cache)
µ¥ÀÌÅ͸¦ Àӽ÷ΠµÎ´Â Àå¼Ò¸¦ ¸»ÇÑ´Ù. °°Àº À¥ÆäÀÌÁö¸¦ ´Ù½Ã ¹æ¹®ÇÒ ¶§, »õ·Î¿î µ¥ÀÌÅ͸¦ °¡Á®¿À¸é ½Ã°£ ³¶ºñ°¡ »ý±ä´Ù. ½Ã°£ ³¶ºñ¸¦ ¸·±â À§ÇØ ¼¹ö¿¡ µ¥ÀÌÅ͸¦ ¿äûÇÏ´Â ´ë½Å, ±â±â ³» ÀúÀåµÈ µ¥ÀÌÅ͸¦ ÀÌ¿ëÇÏ´Â °ÍÀÌ´Ù.
7. API (Application Programming Interface, ÀÀ¿ë ÇÁ·Î±×·¥ ÇÁ·Î±×·¡¹Ö ÀÎÅÍÆäÀ̽º)
¿î¿µÃ¼Á¦(OS)¿Í ÀÀ¿ëÇÁ·Î±×·¥ »çÀÌÀÇ Åë½Å¿¡ »ç¿ëÇÏ´Â ¾ð¾î ¶Ç´Â ¸Þ½ÃÁö Çü½ÄÀ» ¸»ÇÑ´Ù. API´Â OS¿Í ÀÀ¿ëÇÁ·Î±×·¥À» ¿¬°áÇØÁÖ´Â ¿ªÇÒÀ» ÇÑ´Ù. ÁÖ·Î ÆÄÀÏ Á¦¾î, â Á¦¾î, ¹®ÀÚ Á¦¾î ³ª È»ó 󸮸¦ À§ÇÑ ÀÎÅÍÆäÀ̽º¸¦ Á¦°øÇÑ´Ù.
»ç¿ëÀÚ ÀÎÅÍÆäÀ̽º(UI)°¡ ±â°è¿Í »ç¶÷À» ¿¬°á½ÃŲ´Ù¸é, API´Â ±â°è¿Í ±â°è¸¦ ¸¸³ª°Ô ÇÏ´Â ÀÎÅÍÆäÀ̽º¿¡ °¡±õ´Ù.
8. °ø°³ API (Open API)
°ø°³ API´Â ´©±¸³ª »ç¿ëÇÒ ¼ö ÀÖµµ·Ï ¸¸µé¾îÁø API¸¦ ¶æÇÑ´Ù. ¿ÀÇ API´Â ´ëºÎºÐ ¹«·á, ÀúÀ۱ǰú »ó°ü¾ø´Â °ø°³ µ¥ÀÌÅÍ, °³¹æÇü Ç¥ÁØ 3°¡Áö ¿øÄ¢¿¡ ±â¹ÝÀ» µÐ´Ù. ±¸±Û ¸ÊÀ̳ª ¾Öµå¼¾½º¿¡ »ç¿ëµÇ´Â ±¸±Û(Google) ÄÚµå, ÆäÀ̽ººÏ µîÀÌ ´ëÇ¥ÀûÀÎ ¿¹´Ù.
9. ¸Å½Ã¾÷ (Mashup)
°ø°³ API¸¦ ÀÌ¿ëÇØ ¸¸µç »õ·Î¿î ¼ºñ½º, ¼ÒÇÁÆ®¿þ¾î, µ¥ÀÌÅͺ£À̽º¸¦ ¸Å½Ã¾÷À̶ó°í ºÎ¸¥´Ù.
Web2.0 ÀÌÈÄ °ø°³ API¸¦ µµÀÔÇÏ´Â ¼ºñ½º°¡ ´Ã°í ÀÖ´Ù. ±¸±Û, ¾ßÈÄ, ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®(MS) µîÀº À¥ ¼ºñ½º¸¦ API·Î °ø°³Çϴ°æ¿ì°¡ ´Ã°í ÀÖ´Ù. °ø°³ API¿¡ »õ·Î¿î À¯Àú ÀÎÅÍÆäÀ̽º¸¦ Àû¿ëÇØ »õ·Î¿î ¼ºñ½º¸¦ Á¦°øÇÏ´Â °ÍÀÌ´Ù.
'Áö¿À°Ô¼' ȨÆäÀÌÁö
¿¹¸¦ µé¾î, ¡®Áö¿À°Ô¼¡¯´Â ¹«ÀÛÀ§·Î ½ºÆ®¸®Æ® ºä(Street View) »çÁøÀ» º¸¿©ÁØ´Ù. »ç¿ëÀÚ´Â »çÁøÀ» º¸°í Àå¼Ò¸¦ ¸ÂÃç¾ß ÇÑ´Ù. ÀÌ À¥»çÀÌÆ®´Â ±¸±Û Áöµµ API¸¦ ÀÌ¿ëÇØ ¸¸µé¾ú´Ù. (¢Ñ À¥»çÀÌÆ® ¹Ù·Î°¡±â)
10. ÀúÀÛ¹° °ü¸® ½Ã½ºÅÛ (CMS¡¤Contents Management System)
pixabay
»çÁø, À½¼º µî ÀúÀÛ¹° °ü¸®¿¡ ÀÌ¿ëÇÏ´Â ¼ÒÇÁÆ®¿þ¾î¸¦ ¶æÇÑ´Ù. ³ÐÀº Àǹ̷ΠCMS´Â ±â¾÷¿¡¼ ºÎ°¡°¡Ä¡¿Í °ü·ÃÇÑ ¸ðµç Á¤º¸¸¦ °ü¸®ÇÏ´Â ÇÁ·Î±×·¥ÀÌ´Ù.
À¥¿¡¼ ÈçÈ÷ »ç¿ëµÇ´Â CMS´Â À¥»çÀÌÆ® ÄÁÅÙÃ÷¸¦ ½±°í Æí¸®ÇÏ°Ô °ü¸®ÇÒ ¼ö ÀÖ´Â ¼ÒÇÁÆ®¿þ¾î¸¦ ¸»ÇÑ´Ù. ÀͽºÇÁ·¹½º ¿£Áø(XE), ±×´©º¸µå, ÅؽºÆ®Å¥ºê°¡ À¯¸íÇÏ°í, ÃÖ±Ù¿¡´Â ¿öµåÇÁ·¹½º°¡ ¸¹ÀÌ È°¿ëµÇ°í ÀÖ´Ù. CMS´Â À¥¿¡¼ ÄÁÅÙÃ÷¸¦ ½±°Ô ¹ßÇàÇÏ°í, °ü¸®ÇÏ´Â °ÍÀ» µµ¿ÍÁØ´Ù.
11. ÆäÀÌÁö ºä (PV¡¤Page View)
ÀÎÅÍ³Ý »ç¿ëÀÚ°¡ ƯÁ¤ ÆäÀÌÁö¸¦ Á¢¼ÓÇØ Ç¥½ÃµÇ´Â °Í ȤÀº »ç¿ëÀÚ°¡ Á¢¼ÓÇÏ´Â ¼öÀÇ ´ÜÀ§(PV)¸¦ ÀǹÌÇÑ´Ù.
´Ù¸¥ ÆäÀÌÁö¸¦ ¿Ô´Ù°¡ µ¹¾Æ¿À´Â °Í, »õ·Î °íħÀ» ´©¸¦ ¶§¸¶´Ù PV Ä«¿îÆ®°¡ 1ȸ¾¿ Áõ°¡ÇÑ´Ù. »õ·Î°íħ(F5)À» ¿½ÉÈ÷ ´·¯¼ PV Ä«¿îÆ®¸¦ ´Ã¸± ¼ö ÀÖ´Ù.
PV´Â ƯÁ¤ À¥ »çÀÌÆ® Àα⸦ °¡´ÆÇÒ ¼ö ÀÖ´Â °¡Àå ½¬¿î ¹æ¹ýÀÌ´Ù.
12. È÷Æ® (Hit)
ÀÎÅÍ³Ý »ç¿ëÀÚ°¡ À¥ ¼¹öÀÇ ÆÄÀÏ 1°³¿¡ Á¢¼ÓÇÏ´Â °ÍÀ» ¶æÇÑ´Ù. ¿©±â¼ ÆÄÀÏÀ̶õ MP3, WAV µî »ç¿îµå ÆÄÀÏ, JPEG, PNG, GIF µî À̹ÌÁö ÆÄÀÏ µîÀ» ¸ðµÎ Æ÷ÇÔÇÑ´Ù.
µû¶ó¼ »ç¿ëÀÚ°¡ ÇÑ À¥ÆäÀÌÁö¸¦ ÀÐÀ» ¶§, ´Ù¼öÀÇ È÷Æ®°¡ ¹ß»ýÇÑ´Ù. ÇÑ ÆäÀÌÁö¿¡ ±×¸² ÆÄÀÏ 5°³, À½¾Ç ÆÄÀÏ 1°³°¡ ÀÖÀ¸¸é È÷Æ® 6¹øÀ» ±â·ÏÇÏ°Ô µÈ´Ù.
ÆäÀÌÁö¿¡ ÀÖ´Â ÆÄÀÏ ¼ö¿¡ µû¶ó È÷Æ®°¡ ±â·ÏµÇ±â ¶§¹®¿¡, È÷Æ®´Â À¥»çÀÌÆ®ÀÇ Àα⸦ ¾Ë±â À§ÇÑ Ã´µµ°¡ µÇ±ä ¾î·Æ´Ù. PV°¡ À¥µ¥ÀÌÅÍ ºÐ¼®¿¡ ÈçÈ÷ »ç¿ëµÇ´Â ÀÌÀ¯´Ù.
13. ¹æ¹®¼ö (Visit, Session)
¹æ¹®¼ö´Â ÀÎÅÍ³Ý »ç¿ëÀÚ°¡ À¥»çÀÌÆ®¸¦ ¹æ¹®ÇØ, ÀÌ¿ëÀ» ³¡³»±â±îÁö ÀÏ·ÃÀÇ ÇàÀ§¸¦ ¹Àº ´ÜÀ§´Ù. ¹æ¹®Àº ¼¼¼Ç(Session)À̶ó°í ºÒ¸®±âµµ ÇÑ´Ù.
ÀÎÅÍ³Ý »ç¿ëÀÚ°¡ ƯÁ¤ À¥»çÀÌÆ®¿¡ Á¢¼ÓÇÑ´Ù. ÀÌÈÄ 30ºÐ ³» À¥ »çÀÌÆ®¿¡¼ È°µ¿(´Ù¸¥ ÆäÀÌÁö¸¦ Ŭ¸¯ ÇÏ´Â µî)ÀÌ ÀÖ´Â °æ¿ì ¼¼¼Ç 1ȸ°¡ ¹ß»ýÇÑ´Ù. 30ºÐ ³» ÀÎÅÍ³Ý »ç¿ëÀÚ È°µ¿ÀÌ ¾øÀ¸¸é, ÇØ´ç À¥»çÀÌÆ®¸¦ ¶°³ °ÍÀ¸·Î °£ÁֵȴÙ. 30ºÐÀº À¥ ·Î±× ºÐ¼®¿¡¼ ÀϹÝÀûÀ¸·Î Åë¿ëµÇ´Â ½Ã°£ÀÌ´Ù.
¿¹¸¦ µé¾î, ¾Æħ¿¡ À§Å°Æ®¸®¸¦ Á¢¼ÓÇؼ ±â»ç¸¦ º¸°í, Àú³á¿¡ ´Ù½Ã À§Å°Æ®¸®¸¦ ¹æ¹®ÇÑ´Ù¸é ¼¼¼ÇÀº 2ȸ·Î ±â·ÏµÈ´Ù. ¾Æħ¿¡ À§Å°Æ®¸® âÀ» Äѳõ°í Àú³á±îÁö ¾Æ¹« È°µ¿ÀÌ ¾ø´Ù¸é, ¼¼¼ÇÀº 1ȸ·Î ±â·ÏµÈ´Ù.
ÀÚµ¿ÇÁ·Î±×·¥ º¿(Bot) ¹æ¹®Àº »ç¿ëÀÚ°¡ ¾Æ´Ï¹Ç·Î ¹æ¹®¼ö¿¡ Á¦¿ÜµÇ´Â °æ¿ì°¡ ¸¹´Ù.
14. ¼ø¹æ¹®ÀÚ (Unique Visitor)
À¥ ·Î±× ºÐ¼®¿¡¼ ¹æ¹®À» ÀÏÀ¸Å°´Â ÀÎÅÍ³Ý »ç¿ëÀÚ¸¦ ¡®¼ø ¹æ¹®ÀÚ¡¯¶ó°í ºÎ¸¥´Ù. ¼ø ¹æ¹®ÀÚ´Â ÁøÂ¥ »ç¶÷À» ¶æÇÏ´Â °ÍÀ̱⠶§¹®¿¡ º¿Àº Á¦¿ÜµÈ´Ù.
¼ø¹æ¹®Àڴ ƯÁ¤ À¥»çÀÌÆ®¿¡ Á¢¼ÓÇÑ ½ÇÁ¦ »ç¶÷ ¼ö´Ù. ÀÏÁ¤ ½Ã°£ µ¿¾È Ŭ¸¯ µî ´Ù¾çÇÑ È°µ¿Àº ¸ðµÎ ¼ø¹æ¹®ÀÚ 1¸íÀ¸·Î ±â·ÏµÈ´Ù. ¼ø ¹æ¹®ÀÚ´Â ÄíÅ°³ª IP ÁÖ¼Ò·Î ±¸ºÐÇÑ´Ù.
15. Æ®·¡ÇÈ(Traffic)
¼¹ö µ¥ÀÌÅÍ Àü¼Û·®À» ¸»ÇÏ´Â ´Ü¾î´Ù. Á¤º¸·®ÀÌ ¸¹À»¼ö·Ï Æ®·¡ÇÈ ¿ë·®µµ ¸¹ÀÌ ÇÊ¿äÇÏ´Ù. ¼¹ö°¡ ¹öÆ¿ ¼ö ÀÖ´Â ¿ë·® ÀÌ»óÀ¸·Î Æ®·¡ÇÈÀÌ »ý±â¸é, ¼¹ö´Â ´Ù¿îµÈ´Ù. À̸¦ ÀÌ¿ëÇØ ¾ÇÀÇÀûÀ¸·Î »ó´ë¹æ ¼¹ö¸¦ ¸¶ºñ½ÃÅ°´Â °ÍÀ» ¼ºñ½º °ÅºÎ °ø°Ý(DoS)À̶ó°í ºÎ¸¥´Ù.