|
|
|
ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ß°ú Jindo ÇÁ·¹ÀÓ¿öÅ© : NHNÀº ÀÌ·¸°Ô ÇÑ´Ù
|
|
|
TECH@NHN1
¤Ó ¹ÚÀ缺
¤Ó
À§Å°ºÏ½º
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
¡ºÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ß°ú Jindo ÇÁ·¹ÀÓ¿öÅ©¡»´Â NHN¿¡¼ ÀÚüÀûÀ¸·Î °³¹ßÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©ÀÎ 'Jindo ÇÁ·¹ÀÓ¿öÅ©'¸¦ ÁÖÁ¦·Î ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ßÀÇ ¿ø¸®¿Í ±¸Çö ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. Jindo ÇÁ·¹ÀÓ¿öÅ©°¡ ÁÖÁ¦ÀÌÁö¸¸ À¥ °³¹ßÀÚµéÀÌ UI °³¹ß¿¡ Ä£¼÷ÇØÁöµµ·Ï ±âº»ÀûÀÎ ¿ø¸®¿¡ ÃÊÁ¡À» ¸ÂÃç ¼³¸íÇ߱⠶§¹®¿¡ Jindo ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏÁö ¾Ê¾Æµµ ±¦Âú´Ù. ¿¹Á¦ÀÇ ¿ø¸®¸¦ ÀÌÇØÇÑ´Ù¸é ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇϰųª ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏÁö ¾Ê¾Æµµ ½ÇÁ¦ UI °³¹ß¿¡ ÀÀ¿ëÇÒ ¼ö ÀÖµµ·Ï Çß´Ù.
-
-
¡´NHNÀº ÀÌ·¸°Ô ÇÑ´Ù! ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ß°ú Jindo ÇÁ·¹ÀÓ¿öÅ©¡µ´Â NHNÀÇ ÃàÀûµÈ ±â¼ú Á¤º¸¿Í »ç·Ê¸¦ °øÀ¯ÇÏ´Â NHN ±â¼ú ¼Àû ½Ã¸®ÁîÀÎ TECH@NHNÀÇ µÎ ¹ø° ½Ã¸®ÁîÀÌ´Ù.
ÀÌ Ã¥Àº NHN¿¡¼ ÀÚüÀûÀ¸·Î °³¹ßÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©ÀÎ 'Jindo ÇÁ·¹ÀÓ¿öÅ©'¸¦ ÁÖÁ¦·Î ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ßÀÇ ¿ø¸®¿Í ±¸Çö ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. Jindo ÇÁ·¹ÀÓ¿öÅ©°¡ ÁÖÁ¦ÀÌÁö¸¸ À¥ °³¹ßÀÚµéÀÌ UI °³¹ß¿¡ Ä£¼÷ÇØÁöµµ·Ï ±âº»ÀûÀÎ ¿ø¸®¿¡ ÃÊÁ¡À» ¸ÂÃç ¼³¸íÇ߱⠶§¹®¿¡ Jindo ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏÁö ¾Ê¾Æµµ ±¦Âú´Ù. ¿¹Á¦ÀÇ ¿ø¸®¸¦ ÀÌÇØÇÑ´Ù¸é ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇϰųª ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏÁö ¾Ê¾Æµµ ½ÇÁ¦ UI °³¹ß¿¡ ÀÀ¿ëÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ßÀº ´Ù¸¥ °³¹ß ºÐ¾ß¿Í ¸¶Âù°¡Áö·Î °æÇè¿¡ Á¿ìµÇ´Â ¸éÀÌ ¸¹´Ù. ¼ö³â°£ ³×À̹öÀÇ UI¸¦ ¼³°èÇÏ°í °³¹ßÇÑ ÀúÀÚµéÀÇ °æÇè°ú Áö½ÄÀ» ¿«Àº ÀÌ Ã¥À¸·Î UI °³¹ß¿¡¼ »ý±æ ¼ö ÀÖ´Â ¼ö¸¹Àº ½ÃÇà Âø¿À¸¦ ÁÙÀÏ ¼ö Àֱ⸦ ¹Ù¶ó¸ç, ´õºÒ¾î ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ß¿¡ °ü½ÉÀÌ ÀÖ´Ù¸é ´©±¸¿¡°Ô³ª µµ¿òÀÌ µÇ¾î ´õ ¸¹Àº °³¹ßÀÚµéÀÌ UI °³¹ß¿¡ Èï¹Ì¸¦ °®°Ô µÇ±â¸¦ ¹Ù¶õ´Ù.
ÀÌ Ã¥¿¡¼´Â ´ÙÀ½°ú °°Àº ³»¿ëÀ» ´Ù·é´Ù.
- UI °³¹ß ½Ã ÀÚÁÖ Á¢ÇÏ´Â »ç·Ê¸¦ ÅëÇØ Jindo ÇÁ·¹ÀÓ¿öÅ©ÀÇ ÁÖ¿ä °´Ã¼¿Í ¸Þ¼µåÀÇ »ç¿ë ¹æ¹ý ¼³¸í
- À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ´ëÇ¥Àû UIÀÎ ·¹À̾î, µå·¡±× ¾Øµå µå·Ó, ŸÀ̸Ó, ¾Ö´Ï¸ÞÀ̼ÇÀÇ ¿ø¸®¿Í ±¸Çö ¹æ¹ý ¼³¸í
- ³×À̹öÀÇ ½Ç½Ã°£ ±Þ»ó½Â °Ë»ö¾î¿¡ »ç¿ëÇÏ´Â ·Ñ¸µ UIÀÇ ¿ø¸®¿Í ±¸Çö ¹æ¹ý ¼³¸í
- AJAX ¹× Å©·Î½º µµ¸ÞÀÎÀÇ ±âº» °³³ä°ú ÇÒ¿ë ¹æ¹ýÀ» ¿¹Á¦¸¦ ¹ÙÅÁÀ¸·Î ¼³¸í
- AJAX¿Í ¹ÌÅõµ¥ÀÌ ¿ÀÇÂAPI¸¦ ÀÌ¿ëÇÑ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ¿¹Á¦
- ÄÚµå ÃÖÀûÈ, µð¹ö±ë, Á¤±Ô Ç¥Çö½Ä µî ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÇ È¿À²¼ºÀ» ³ôÀÏ ¼ö ÀÖ´Â ¹æ¹ý°ú µµ±¸ ¼Ò°³
- NHN¿¡¼ ÀÚüÀûÀ¸·Î ¸¸µé¾î ÁöÅ°°í ÀÖ´Â ÄÚµù ÄÁº¥¼Ç ¼Ò°³
ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇÑ UI °³¹ß ¿ø¸®¿Í Jindo ÇÁ·¹ÀÓ¿öÅ©¸¦ ´Ù·ç¸ç ÃÑ 4ºÎ·Î ±¸¼ºÇß´Ù.
¡°1ºÎ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©¿Í Jindo ÇÁ·¹ÀÓ¿öÅ©¡±¿¡¼´Â AJAXÀÇ µîÀå ÀÌÈÄ º¯ÈÇÑ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ¸ðµ¨°ú UI °³¹ßÀÇ Á¤ÀÇ, UI °³¹ß¿¡ Çʼö µµ±¸°¡ µÈ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©¸¦ ¼³¸íÇÑ´Ù. ±×¸®°í NHN¿¡¼ °³¹ßÇÑ Jindo ÇÁ·¹ÀÓ¿öÅ©ÀÇ °³¹ß ¹è°æ°ú ±âº» ±¸Á¶, Áغñ »çÇ×À» »ìÆ캻´Ù.
¡°2ºÎ Jindo ÇÁ·¹ÀÓ¿öÅ©¡±¿¡¼´Â Jindo ÇÁ·¹ÀÓ¿öÅ©¿¡¼ Á¦°øÇÏ´Â °´Ã¼¿Í »ç¿ë¹ýÀ» UI °³¹ß ½Ã ÀÚÁÖ Á¢ÇÏ´Â »ç·Ê¿Í ¿ø¸®¸¦ Áß½ÉÀ¸·Î ¼³¸íÇÑ´Ù.
¡°3ºÎ ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ß ½ÇÀü »ç·Ê¡±¿¡¼´Â ³×À̹ö¿¡¼ º¼ ¼ö ÀÖ´Â ´ëÇ¥ÀûÀÎ UIÀÎ ·¹À̾î¿Í µå·¡±× ¾Øµå µå·Ó, ŸÀ̸Ó, ¾Ö´Ï¸ÞÀÌ¼Ç UI, ·Ñ¸µ UI, AJAX¿¡¼ÀÇ Å©·Î½º µµ¸ÞÀΰú È÷½ºÅ丮 ¹®Á¦¿¡ ´ëÇØ ¿ø¸®¿Í ±¸Çö ¹æ¹ýÀ», ¿¹Á¦¸¦ Åä´ë·Î ¼³¸íÇÑ´Ù. ¸¶Áö¸·À¸·Î ¹ÌÅõµ¥ÀÌ ¿ÀÇ API¿Í AJAX¸¦ ÀÌ¿ëÇÑ µµ¼ °ü¸® À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé¸é¼ ÀÌ Ã¥¿¡¼ ¼³¸íÇÑ ³»¿ëÀ» Á¾ÇÕÀûÀ¸·Î »ìÆ캻´Ù.
ºÎ·Ï¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÇ È¿À²¼ºÀ» ³ôÀÌ´Â ÄÚµå ÃÖÀûÈ ¹æ¹ý°ú µð¹ö±ë µµ±¸¸¦ ¼³¸íÇÏ°í, ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß ½Ã À¯¿ëÇÏ°Ô È°¿ëÇÒ ¼ö ÀÖ´Â Á¤±Ô Ç¥Çö½ÄÀ» ¼³¸íÇÑ´Ù. ¶ÇÇÑ NHN¿¡¼ ÀÚüÀûÀ¸·Î ¸¸µé¾î ÁؼöÇÏ°í ÀÖ´Â ÄÚµù ÄÁº¥¼ÇÀ» ¼Ò°³ÇÑ´Ù.
-
-
Part 01 ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©¿Í Jindo ÇÁ·¹ÀÓ¿öÅ©
01_ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©¿Í UI °³¹ß
AJAX ±â¼úÀÇ µîÀå°ú UI °³¹ßÀÇ ½ÃÀÛ
À¥ ¾ÖÇø®ÄÉÀ̼ǰú UI °³¹ß
ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©
02_Jindo ÇÁ·¹ÀÓ¿öÅ©
Jindo ÇÁ·¹ÀÓ¿öÅ©ÀÇ ¿ª»ç
JindoÀÇ Æ¯Â¡
Jindo ÇÁ·¹ÀÓ¿öÅ©ÀÇ ±¸Á¶
Jindo ÇÁ·¹ÀÓ¿öÅ© »ç¿ë
Part 02 Jindo ÇÁ·¹ÀÓ¿öÅ©
03_¿ä¼Ò ¼±Åðú Á¶ÀÛ
¹®¼ °´Ã¼ ¸ðµ¨(DOM)°ú ¿ä¼Ò ¼±ÅÃ
CSS ¼±ÅÃÀÚ(Selector)¿Í ¿ä¼Ò ¼±ÅÃ
¿ä¼Ò Á¶ÀÛ
04_ ºê¶ó¿ìÀú¿Í ¹®¼ ¿µ¿ª Á¶ÀÛÇϱâ
ºê¶ó¿ìÀú â°ú ¹®¼ ¿µ¿ª
ºê¶ó¿ìÀú¿Í ¹®¼ ¿µ¿ª Á¶ÀÛ
05_À̺¥Æ®¿Í À̺¥Æ® ó¸®
À̺¥Æ®¿Í À̺¥Æ® ó¸®
JindoÀÇ À̺¥Æ® Çڵ鸵°ú ÇÔ¼ö ¹ÙÀεù
06_µ¥ÀÌÅÍ ´Ù·ç±â
µ¥ÀÌÅÍ Å¸ÀÔ°ú ·¡ÆÛ °´Ã¼
JindoÀÇ µ¥ÀÌÅÍ ·¡ÆÛ °´Ã¼
07_Æû µ¥ÀÌÅÍ °ËÁõ
À̺¥Æ®¸¦ È°¿ëÇÑ Æû µ¥ÀÌÅÍ °ËÁõ
°£´ÜÇÑ µ¥ÀÌÅÍ °ËÁõ
08_¼¹ö¿Í Åë½ÅÇϱâ
XHR °´Ã¼ ÀÌÇØÇϱâ
XHR °´Ã¼·Î Åë½ÅÇϱâ
$Ajax( ) °´Ã¼ ±âº» »ç¿ë¹ý
$Ajax( ) °´Ã¼ ½Ç½ÀÇϱâ
±× ¿ÜÀÇ $Ajax( ) °´Ã¼ »ç¿ë¹ý
09_Ŭ·¡½º¿Í ÅÛÇø´
°´Ã¼ÁöÇâÀûÀ¸·Î ¼³°èÇϱâ
ÅÛÇø´À» È°¿ëÇÑ DOM ±¸¼º
10_ ±× ¹ÛÀÇ À¯¿ëÇÑ °´Ã¼
³¯Â¥ Á¶ÀÛÇϱâ
Äí...Å° »ç¿ëÇϱâ
ºê¶ó¿ìÀú Á¤º¸ È®ÀÎ
Part 03 ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ß ½ÇÀü »ç·Ê
11_·¹ÀÌ¾î ´Ù·ç±â
·¹ÀÌ¾î º¸À̱â¿Í ¼û±â±â
·¹ÀÌ¾î ¹èÄ¡Çϱâ
¿µ¿ª Å©±â ±¸Çϱâ
·¹À̾î ÀÀ¿ëÇϱâ
12_µå·¡±× ¾Øµå µå·Ó
µå·¡±× ¾Øµå µå·Ó °úÁ¤
±âº» ±¸Çö
°í±Þ ±¸Çö ¹× ¹®Á¦ ÇØ°á
HTML5ÀÇ µå·¡±× ¾Øµå µå·Ó
13_ŸÀ̸Ó
±âº» »ç¿ë¹ý
ÀÀ¿ë ÆÐÅÏ ÀÍÈ÷±â
14_¾Ö´Ï¸ÞÀ̼Ç
±¸Çö¹æ¹ý
CSS ¼Ó¼ºÀ» ÀÌ¿ëÇÑ ¾Ö´Ï¸ÞÀ̼Ç
ŸÀ̸Ӹ¦ ÀÌ¿ëÇÑ ¾Ö´Ï¸ÞÀ̼Ç
15_AJAX °í±Þ ÀÀ¿ë
Å©·Î½º µµ¸ÞÀÎ ¹®Á¦
AJAX È÷½ºÅ丮
16_½Ç½Ã°£ ±Þ»ó½Â °Ë»ö¾îÀÇ ·Ñ¸µ
UI ¿ä±¸»çÇ×
·Ñ¸µ µ¿ÀÛ ±¸Çö
¸¶¿ì½º ¿À¹ö µ¿ÀÛ Ã³¸®
Àç»ç¿ë °¡´ÉÇÑ Å¬·¡½º °´Ã¼·Î ¸¸µé±â
17_ µµ¼ °ü¸® À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ¸¸µé±â
À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ±âȹ
¿ä±¸»çÇ×
ÀÎÅÍÆäÀ̽º ¸¸µé±â
¾ÖÇø®ÄÉÀÌ¼Ç ¼³°è
¸ðµ¨ ¸¸µé±â
ÄÁÆ®·Ñ·¯ ¸¸µé±â
À̺¥Æ® Àû¿ë
±â´É °³¼±
Part 04 ºÎ·Ï
ºÎ·Ï A _ÄÚµå ÃÖ¼Òȸ¦ ÅëÇÑ ¼º´É Çâ»ó
ÃÖ¼ÒÈ(Minification)ÀÇ ¿ø¸®
ÃÖ¼ÒÈ µµ±¸ - YUI Compressor
ÃÖ¼ÒÈ ÄÚµå º¹¿ø - ÄÚµå Æ÷¸ÅÆÃ
ºÎ·Ï B _µð¹ö±ë
ºê¶ó¿ìÀú °³¹ß µµ±¸
HTTP Æ®·¡ÇÈ Á¤º¸¸¦ È°¿ëÇÑ µð¹ö±ë
ºÎ·Ï C _Á¤±Ô Ç¥Çö½Ä
Á¤±Ô Ç¥Çö½Ä°ú ¹®ÀÚ¿
Á¤±Ô Ç¥Çö½Ä ¼±¾ðÇϱâ
ĸó¸µ(Capturing) »ç¿ëÇϱâ
ºñĸó¸µ(Non-Capturing) È°¿ë
test( ) ¸Þ¼µå¿Í exec( ) ¸Þ¼µåÀÇ ¼º´É Â÷ÀÌ
lastIndex ¼Ó¼º°ú gÇ÷¡±× ¿É¼Ç
ºÎ·Ï D _ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµù ÄÁº¥¼Ç
³×ÀÌ¹Ö ±ÔÄ¢
ÄÚµå ÀÛ¼º ±ÔÄ¢
AJAX ÀÀ´ä Æ÷¸Ë ÀÛ¼º ±ÔÄ¢
¼Ò½º ÄÚµå Ç¥±â¹ý
-
-
³×À̹öÀÇ UI À¥ ÆäÀÌÁö °¡¿îµ¥ ´ëºÎºÐÀº ¡®Jindo¡¯¶ó´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÕ´Ï´Ù. ´Ù¾çÇÏ°í º¹ÀâÇÑ À¥ UI¸¦ Æ÷ÇÔÇÏ´Â Æ÷ÅÐ »çÀÌÆ®¿¡¼ ¼ö³â°£ÀÇ UI °³¹ß·Î ´ÙÁ®Áø źźÇÑ API¿Í ÄÄÆ÷³ÍÆ®µéÀº ¿©·¯ºÐµéÀÌ ±ÍÂú¾ÆÇÏ°í ¾î·Á¿öÇϴ ȣȯ¼º ¹®Á¦¸¦ ¸»²ûÈ÷ ÇØ°áÇØ ÁÙ ¼ö ÀÖÀ¸¸ç °³¹ß »ý»ê¼ºÀ» ³ô¿©ÁÙ °ÍÀÔ´Ï´Ù. ¶ÇÇÑ ³×À̹ö °³¹ßÀÚ¼¾ÅÍ¿¡¼ Jindo ÇÁ·¹ÀÓ¿öÅ© °³¹ßÀÚ¿Í ÀÌ Ã¥ÀÇ ÀúÀÚµéÀÇ Á÷Á¢ÀûÀÎ Áö¿øÀ» ¹ÞÀ» ¼öµµ ÀÖ½À´Ï´Ù.
ÀÌ Ã¥Àº ³×À̹öÀÇ UI °³¹ßÀ» ´ã´çÇÏ´Â °³¹ßÀÚµéÀÌ Áö±Ý±îÁö °æÇèÇÑ Áö½ÄÀ» ÀϹÝÈÇÑ °ÍÀÔ´Ï´Ù. ÀÌ Ã¥¿¡¼´Â °®Àº ºê¶ó¿ìÀú ȣȯ¼º À̽´¸¦ ÇØ°áÇϱâ À§ÇØ ³ë·ÂÇÏ°í ¸ÞÀÏÀ̳ª Áöµµ °°Àº ´ëÇü AJAX ¼ºñ½º¸¦ ¸¸µå´Â °úÁ¤¿¡¼ ÃàÀûÇÑ Áö½ÄÀ» Ç®¾î¼ ¼³¸íÇÕ´Ï´Ù. ³×À̹öÀÇ UI´Â ´ëºÎºÐ ÀÌ Ã¥¿¡¼ Á¦½ÃÇÏ´Â ÄÚµå ¹× ÆÐÅÏ°ú Å©°Ô ´Ù¸£Áö ¾Ê½À´Ï´Ù.
¶ÇÇÑ ÀÌ Ã¥¿¡¼´Â ¾ð¾îÀûÀÎ ¹®¹ýÀ» ÀÚ¼¼È÷ ¼³¸íÇÏÁö ¾ÊÁö¸¸ ½Ç¹«¿¡¼ ¹Ù·Î È°¿ëÇÒ Á¤µµÀÇ ¼öÁØÀ¸·Î ½Ç¿ë¼ºÀ» ³ôÀÌ°Ô²û ±¸¼ºµÅ ÀÖ½À´Ï´Ù. ÇÁ·¹ÀÓ¿öÅ©ÀÇ API¸¸ ³ª¿ÇÏ´Â Âü°í¼ ¿ªÇÒÀ» ¹þ¾î³ª Ã¥ÀÇ Àý¹Ý¿¡ ÇØ´çÇÏ´Â ºÐ·®À» ¿¹Á¦ À§ÁÖ·Î ±¸¼ºÇß½À´Ï´Ù. ½ÉÁö¾î 2ºÎÀÇ ÇÁ·¹ÀÓ¿öÅ©ÀÇ ¼³¸í¿¡¼µµ ¸¹Àº ¿¹Á¦¸¦ ¹ÙÅÁÀ¸·Î ½ÇÁ¦ »ç¿ë¹ý¿¡ °üÇØ ÀÚ¼¼È÷ ¼³¸íÇÕ´Ï´Ù. ÀÌó·³ ¿¹Á¦ À§ÁַΠåÀ» ±¸¼ºÇÏ¸é µ¶ÀÚ°¡ ÇÁ·Î±×·¡¹Ö ¼ÀûÀ» ÀÐ°í ³ª¼ ¡®ÀÌÁ¦ ³»°¡ ½ÇÀü¿¡ È°¿ëÇÏ·Á¸é ¾î¶»°Ô ÇØ¾ß ÇÒ±î?¡¯¶ó´Â °í¹ÎÀ» ´ú ¼ö ÀÖ½À´Ï´Ù.
¾Æ¿ï·¯ ÀÌ Ã¥¿¡¼´Â óÀ½ºÎÅÍ ³¡±îÁö ¿ø¸®¸¦ Àß ¼³¸íÇÏ°í ÀÖ½À´Ï´Ù. ¿¹Á¦¸¦ ¸ðµÎ µû¶ó Çغ¸°Å³ª ¾Ï±â À§ÁַΠåÀ» º¸Áö ¾Ê¾Æµµ ¼ø°£¼ø°£ ´Ù¸¥ Ã¥¿¡¼´Â º¸±â ¾î·Á¿î ¿ø¸® ¼³¸íÀÌ ºÐ¸íÈ÷ Å©°Ô µµ¿òµÉ °ÍÀÔ´Ï´Ù. ÀÌ Ã¥ÀÇ ÀúÀÚµéÀº ¼ö³â°£ ³×À̹öÀÇ UI¸¦ ¼³°èÇÏ°í °³¹ßÇØ ¿Â UI °³¹ßÀÇ ÃÖ°í Àü¹®°¡·Î ÀÎÁ¤¹Þ°í ÀÖ½À´Ï´Ù. ±×»Ó ¾Æ´Ï¶ó À¥ ¼ºñ½ºÀÇ ÇÁ·±Æ®¿£µå ¼º´É ±³À°À» Àü´ãÇϸç HTML5¿Í ÇÏÀ̺긮µå ¾ÖÇø®ÄÉÀÌ¼Ç °°Àº ÃֽŠ±â¼ú¿¡ ´ëÇؼµµ Àü¹®°¡·Î È°µ¿ÇÏ°í ÀÖ½À´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ßÀº Á¡Á¡ º¹ÀâÇÏ°í ¾î·Á¿öÁö°í ÀÖÀ¸¸ç Àü¹® °³¹ßÀÚ ¶ÇÇÑ ¸Å¿ì ºÎÁ·ÇÑ »óȲÀÔ´Ï´Ù. ÀÌ Ã¥À¸·Î ´õ ¸¹Àº ±¹³» °³¹ßÀÚµéÀÌ UI °³¹ß¿¡ ´ëÇÑ ±â¼ú·ÂÀ» Çâ»ó½ÃÅ°°í Á¶±Ý ´õ ½±°Ô Áö½Ä°ú °æÇèÀ» ½ÀµæÇؼ ÀÌ ºÐ¾ßÀÇ Àü¹®°¡·Î ¼ºÀåÇϱ⸦ ±â´ëÇÕ´Ï´Ù.
¡°ÀÚ, ÀÌÁ¦ ÁÖÀúÇÏÁö ¸¶½Ã°í ÀÌ Ã¥À» ¾ó¸¥ ÆîÃļ ÀÐ¾î ³ª°¡½Ã±æ ¹Ù¶ø´Ï´Ù.¡±
.
- Ãßõ»ç Áß¿¡¼
-
-
|
¹ÚÀ缺 [Àú]
|
|
-
°Ç±¹´ëÇб³ ÄÄÇ»ÅÍ °øÇаú¸¦ Á¹¾÷ÇÏ°í, ÇöÀç NHN Ç÷§ÆûAjaxÆÀ¿¡¼ ±â¼ú Áö¿ø/ºÐ¼®°ú ½Å±Ô Ç÷§Æû °³¹ßÀ» ´ã´çÇÏ°í ÀÖ´Ù. ½Å±â¼ú°ú ±×¿¡ ´ëÇÑ ¿ÜºÎ °øÀ¯¿¡ °ü½ÉÀÌ ¸¹¾Æ ´Ù¾çÇÑ ¹æ¹ýÀ» °í¹Î ÁßÀ̸ç, Àç¹ÌÀÖ°Ô ÀÏÇÏ´Â °³¹ßÀÚ°¡ µÇ±â À§ÇØ ³ë·ÂÇÏ°í ÀÖ´Ù. Àú¼·Î´Â 'ÀÚ¹Ù½ºÅ©¸³Æ® UI °³¹ß°ú Jindo ÇÁ·¹ÀÓ¿öÅ©'(À§Å°ºÏ½º, 2011)°¡ ÀÖ´Ù.
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óÇ°¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óÇ°ÀÇ ±³È¯ |
Áß°í»óÇ°Àº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆǸŰ¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óÇ°ÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óÇ°¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹ÝÇ° Á¢¼ö½Ã ¹Ýµå½Ã ÆǸÅÀÚ¿Í ÇùÀÇ ÈÄ ¹ÝÇ° Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝÇ°Á¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óÇ° È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
|
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇÏ°í ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óÇ°> |
»óÇ°Àº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù. |
»óÇ°Àº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óÇ°Àº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óÇ°Àº À¯ÅëƯ¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óÇ°À¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óÇ°À» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óÇ°> |
~
»óÇ°Àº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇÏ°í, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óÇ°Àº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² Ç°Àýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óÇ°À» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óÇ°À» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óÇ°ÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏÄ«Æ®¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öÆ°À» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óÇ°À» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
Çؿܹè¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î Çؿܹè¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
Çؿܹè¼ÛÀº µµ¼/CD/DVD »óÇ°¿¡ ÇÑÇØ ¼ºñ½ºÇÏ°í ÀÖÀ¸¸ç, ´Ù¸¥ »óÇ°À» ºÏÄ«Æ®¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì Çؿܹè¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|