Three.js·Î 3D ±×·¡ÇÈ ¸¸µé±â : WebGLÀ» À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® 3D ¶óÀ̺귯¸®
acorn PACKT1
¤Ó ¿ä½º µð¸¤¼¾(Jos Dirksen), ·ù¿µ¼±
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
Learning Three.js: the JavaScript 3D Library for WebGL: Create stunning 3D graphics in your browser using the Three.js JavaScript library(2nd ed.)
Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
ÃֽŠºê¶ó¿ìÀú´Â Ç÷¡½Ã³ª ÀÚ¹Ù °°Àº Ç÷¯±×ÀÎ ¾øÀ̵µ ºê¶ó¿ìÀú¿¡¼ 3D ±×·¡ÇÈÀ» »ý¼ºÇÒ ¼ö ÀÖ´Â À¥Áö¿¤(WebGL)À» Áö¿øÇÑ´Ù. ÇÏÁö¸¸ À¥Áö¿¤ ÇÁ·Î±×·¡¹ÖÀº ¾î·Æ°í º¹ÀâÇϸç, µð¹ö±ëµµ ¾î·Æ´Ù. Three.js¸¦ »ç¿ëÇϸé À¥Áö¿¤À» ¸ô¶óµµ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇØ Á÷°üÀûÀ¸·Î ¸ÚÁø 3D ±×·¡ÇÈÀ» ÀÛ¼ºÇÒ ¼ö ÀÖ´Ù. Three.js¸¦ »ç¿ëÇØ ¸ðµç ºê¶ó¿ìÀú¿¡¼ µ¿ÀÛÇÏ´Â 3D ¾Ö´Ï¸ÞÀÌ¼Ç ±×·¡ÇÈÀ» ¸¸µå´Â µ¥ ÇÊ¿äÇÑ ¸ðµç °ÍÀ» dzºÎÇÑ ½ÇÀü ¿¹Á¦¿Í ÇÔ²² ¾Ë¾Æº¼ °ÍÀÌ´Ù..
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á Three.js°¡ Á¦°øÇÏ´Â ´Ù¾çÇÑ Áö¿À¸ÞÆ®¸® »ç¿ë
¡á 3D Àå¸é¿¡ »ç½ÇÀûÀÎ Á¶¸í°ú ±×¸²ÀÚ Àû¿ë
¡á Three.js°¡ Á¦°øÇÏ´Â ´Ù¾çÇÑ Ä«¸Þ¶ó ÄÁÆ®·ÑÀ» »ç¿ëÇØ 3D Àå¸é Ž»ö
¡á ¹üÇÁ ¸Ê°ú ³ë¸Ö ¸Ê, ¹Ý»ç ¸Ê, ¶óÀÌÆ® ¸ÊÀÇ °í±Þ ÅؽºÃ³¸¦ »ç¿ëÇÑ »ç½ÇÀûÀÎ 3D °´Ã¼ »ý¼º
¡á OBJ¿Í STL, Äݶó´Ù °°Àº ¿ÜºÎ Æ÷¸ËÀÇ ¸ðµ¨ °¡Á®¿À±â¿Í ¾Ö´Ï¸ÞÀ̼Ç
¡á ¸ðÇÁ Ÿ°Ù°ú ½ºÄÌ·¹Åæ ¾Ö´Ï¸ÞÀ̼ÇÀ» ÀÌ¿ëÇÑ ¾Ö´Ï¸ÞÀÌ¼Ç »ý¼º
¡á Physijs ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®·Î 3D Àå¸é¿¡ ¹°¸® Àû¿ë
¡á »ç¿ëÀÚ Á¤ÀÇ ²ÀÁöÁ¡ ¼ÎÀÌ´õ¿Í ÇÁ·¹±×¸ÕÆ® ¼ÎÀÌ´õ¸¦ ÀÛ¼ºÇØ À¥Áö¿¤°ú Á÷Á¢ »óÈ£ÀÛ¿ë
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
ÀÌ¹Ì ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇØ ¾Ë°í ÀÖÀ¸¸é¼ ¸ðµç ºê¶ó¿ìÀú¿¡¼ ½ÇÇàµÇ´Â 3D ±×·¡ÇÈÀ» ¸¸µé°í ½Í¾î ÇÏ´Â »ç¶÷µéÀ» À§ÇÑ Ã¥ÀÌ´Ù. °í±Þ ¼öÇÐÀ̳ª À¥Áö¿¤¿¡ ´ëÇÑ Áö½ÄÀÌ ¾ø¾îµµ ÁÁ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¿Í HTML¿¡ ´ëÇÑ ÀϹÝÀûÀÎ Áö½Ä¸¸ ÀÖÀ¸¸é ÃæºÐÇÏ´Ù. ÀÌ Ã¥¿¡¼ »ç¿ëµÈ ¸ðµç µµ±¸´Â ¿ÀǼҽº¸ç ÇÊ¿äÇÑ ÀÚ¿ø°ú ¿¹Á¦´Â ÀÚÀ¯·Ó°Ô ´Ù¿î·ÎµåÇÒ ¼ö ÀÖ´Ù. ¿À´Ã³¯ÀÇ ¸ðµç ºê¶ó¿ìÀú¿¡¼ ½ÇÇàµÇ´Â ¾Æ¸§´Ù¿î ´ëÈÇü 3D ±×·¡ÇÈÀ» ¸¸µé°í ½Í´Ù¸é, ÀÌ Ã¥ÀÌ ¸¹Àº µµ¿òÀÌ µÉ °ÍÀÌ´Ù.
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
1Àå, ¡®Three.js·Î ù ¹ø° 3D Àå¸é Á¦ÀÛ¡¯¿¡¼´Â Three.js ½ÃÀÛ¿¡ ÇÊ¿äÇÑ ±âº» ´Ü°è¸¦ ¼³¸íÇÑ´Ù. 1ÀåÀ» ¸¶Ä¡¸é ù ¹ø° Three.js Àå¸éÀ» ¸¸µé°í ºê¶ó¿ìÀú¿¡¼ ù 3D Àå¸éÀ» ½ÇÇà½Ãų ¼ö ÀÖ°Ô µÉ °ÍÀÌ´Ù.
2Àå, ¡®Three.js Àå¸éÀÇ ±âº» ±¸¼º¿ä¼Ò¡¯¿¡¼´Â Three.js·Î ÀÛ¾÷ÇÏ´Â µ¥ ÇÊ¿äÇÑ ±âº» ±¸¼º¿ä¼Ò¿¡ ´ëÇØ ¼³¸íÇÑ´Ù. Á¶¸í°ú ¸Þ½Ã, Áö¿À¸ÞÆ®¸®, ¹°Áú ¹× Ä«¸Þ¶ó¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ¶ÇÇÑ 2ÀåÀ» ÅëÇØ Three.js°¡ Á¦°øÇÏ´Â ´Ù¾çÇÑ Á¶¸í°ú Àå¸é¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â Ä«¸Þ¶ó¿¡ ´ëÇÑ °³¿ä¸¦ ¹è¿î´Ù.
3Àå, ¡®Three.js¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ±¤¿ø¡¯¿¡¼´Â Àå¸é¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ Á¶¸í¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë¾Æº»´Ù. ¿¹Á¦¸¦ ÅëÇØ ½ºÆ÷Æ®¶óÀÌÆ®, ¹æÇâ Á¶¸í, ÁÖº¯±¤, Á¡ Á¶¸í, ¹Ý±¸ Á¶¸í ¹× Áö¿ª Á¶¸í¿¡ ´ëÇØ ¼³¸íÇÑ´Ù. ¶ÇÇÑ ±¤¿ø¿¡ ·»Áî Ç÷¹¾î È¿°ú¸¦ Àû¿ëÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
4Àå, ¡®Three.js ¹°Áú·Î ÀÛ¾÷¡¯¿¡¼´Â ¸Þ½Ã¿¡ »ç¿ëÇÒ ¼ö ÀÖ´Â Three.jsÀÇ ¹°Áú¿¡ ´ëÇØ »ìÆ캻´Ù. ¹°ÁúÀ» ±¸¼ºÇÒ ¶§ ¼³Á¤ÇÒ ¼ö ÀÖ´Â ¸ðµç ¼Ó¼ºÀ» ¾Ë¾Æº¸°í ´ëÈÇü ¿¹Á¦¸¦ ÅëÇØ Three.js¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ¹°ÁúÀ» ½ÇÇèÇØ º¼ ¼ö ÀÖ´Ù.
5Àå, ¡®Áö¿À¸ÞÆ®¸®·Î ÀÛ¾÷¡¯¿¡¼´Â Three.js°¡ Á¦°øÇÏ´Â ¸ðµç Áö¿À¸ÞÆ®¸®¿¡ ´ëÇØ ¾Ë¾Æº¸´Â µÎ °³ÀÇ Àå Áß Ã¹ ¹ø° ÀåÀÌ´Ù. ÀÌ Àå¿¡¼´Â Three.js¿¡¼ Áö¿À¸ÞÆ®¸®¸¦ ±¸¼ºÇÏ°í »ý¼ºÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. ¶ÇÇÑ ´ëÈÇü ¿¹Á¦¸¦ ÅëÇØ Æò¸é, ¿ø, Çü»ó, Á¤À°¸éü, ½Ç¸°´õ, Åä·¯½º, Åä·¯½º ¸Åµì, ´Ù¸éü °°Àº Áö¿À¸ÞÆ®¸®¸¦ ½ÇÇèÇØ º»´Ù.
6Àå, ¡®°í±Þ Áö¿À¸ÞÆ®¸®¿Í ÀÌÇ× ¿¬»ê¡¯¿¡¼´Â 5Àå¿¡ À̾î Áö¿À¸ÞÆ®¸®¸¦ ¾Ë¾Æº»´Ù. Three.js°¡ Á¦°øÇÏ´Â Äܺ¤½º(Convex)¿Í ·¹À̵å(Lathe) °°Àº Three.jsÀÇ °í±Þ Áö¿À¸ÞÆ®¸®¸¦ ±¸¼ºÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ¶ÇÇÑ 2D Çü»ó¿¡¼ 3D Çü»óÀ» ¾ÐÃâÇÏ´Â ¹æ¹ý°ú ÀÌÇ× ¿¬»êÀ¸·Î Áö¿À¸ÞÆ®¸®¸¦ °áÇÕÇØ »õ·Î¿î Áö¿À¸ÞÆ®¸®¸¦ ¸¸µå´Â ¹æ¹ýÀ» ¹è¿î´Ù.
7Àå, ¡®ÆÄƼŬ°ú ½ºÇÁ¶óÀÌÆ®, Æ÷ÀÎÆ® Ŭ¶ó¿ìµå¡¯¿¡¼´Â Three.js¿¡¼ Æ÷ÀÎÆ® Ŭ¶ó¿ìµå¸¦ »ç¿ëÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. »õ·Ó°Ô ¶Ç´Â ±âÁ¸ Áö¿À¸ÞÆ®¸®¿¡¼ Æ÷ÀÎÆ® Ŭ¶ó¿ìµå¸¦ ¸¸µå´Â ¹æ¹ýÀ» ¹è¿î´Ù. ¶ÇÇÑ ½ºÇÁ¶óÀÌÆ®¿Í Æ÷ÀÎÆ® Ŭ¶ó¿ìµå ¹°ÁúÀ» »ç¿ëÇØ °³º° Æ÷ÀÎÆ®ÀÇ ¸ð½ÀÀ» º¯°æÇÏ´Â ¹æ¹ýµµ »ìÆ캻´Ù.
8Àå, °í±Þ ¸Þ½Ã¿Í Áö¿À¸ÞÆ®¸®ÀÇ »ý¼º°ú ·Îµù ¿ÜºÎ ¼Ò½º¿¡¼ ¸Þ½Ã¿Í Áö¿À¸ÞÆ®¸®¸¦ °¡Á®¿À´Â ¹æ¹ý°ú Three.jsÀÇ ³»ºÎ JSON Æ÷¸ËÀ» »ç¿ëÇØ Áö¿À¸ÞÆ®¸®¿Í Àå¸éÀ» ÀúÀåÇÏ´Â ¹æ¹ý... À» ¾Ë¾Æº»´Ù. ÀÌ Àå¿¡¼´Â ¶ÇÇÑ OBJ¿Í DAE, STL, CTM, PLY °°Àº ÆÄÀÏ Æ÷¸Ë¿¡¼ ¸ðµ¨À» ·ÎµåÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
9Àå, ¾Ö´Ï¸ÞÀ̼ǰú Ä«¸Þ¶ó À̵¿ Àå¸éÀ» »ì¾ÆÀÖ°Ô ¸¸µå´Â µ¥ »ç¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ÇüÅÂÀÇ ¾Ö´Ï¸ÞÀ̼ÇÀ» ¾Ë¾Æº»´Ù. Three.js¿Í ÇÔ²² Tween.js ¶óÀ̺귯¸®¸¦ »ç¿ëÇÏ´Â ¹æ¹ý°ú ¸ðÇÇ(morph) Ÿ±ê°ú ½ºÄÌ·¹Åæ(skeleton) ¾Ö´Ï¸ÞÀÌ¼Ç ¸ðµ¨·Î ÀÛ¾÷ÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
10Àå, ÅؽºÃ³ ·Îµù°ú ÀÛ¾÷ 4Àå¿¡¼ ¹è¿î ¹°ÁúÀ» È®ÀåÇØ ÅؽºÃ³¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë¾Æº»´Ù. ÀÌ Àå¿¡¼´Â »ç¿ë °¡´ÉÇÑ ´Ù¾çÇÑ ÅؽºÃ³¸¦ ¼Ò°³ÇÏ°í ¾î¶»°Ô ¸Þ½Ã¿¡ Àû¿ëÇÏ´Â ¹æ¹ýÀ» Á¦¾îÇÏ´Â Áö »ìÆ캻´Ù. ¶ÇÇÑ HTML5 video¿Í canvas ¿ä¼ÒÀÇ Ãâ·ÂÀ» Á÷Á¢ ÅؽºÃ³ÀÇ ÀÔ·ÂÀ¸·Î »ç¿ëÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
11Àå, »ç¿ëÀÚ Á¤ÀÇ ¼ÎÀÌ´õ¿Í ·»´õ¸µ ÈÄó¸® Three.js·Î ·»´õ¸µµÈ Àå¸é¿¡ ÈÄó¸® È¿°ú¸¦ Àû¿ëÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ÈÄ󸮷Π·»´õ¸µµÈ Àå¸é¿¡ ºí·¯(blur)³ª Æ¿Æ®½ÃÇÁÆ®(tiltshift), ¼¼ÇÇ¾Æ (sepia) °°Àº È¿°ú¸¦ Àû¿ëÇÒ ¼ö ÀÖ´Ù. ÀÌ ¿Ü¿¡µµ ÀڽŸ¸ÀÇ ÈÄó¸® È¿°ú¿Í »ç¿ëÀÚ Á¤ÀÇ ²ÀÁöÁ¡ ¼ÎÀÌ´õ, ÇÁ·¹±×¸ÕÆ® ¼ÎÀÌ´õ¸¦ ¸¸µå´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
12Àå, Àå¸é¿¡ ¹°¸® À̷аú »ç¿îµå Ãß°¡ Three.js Àå¸é¿¡ ¹°¸® ÀÌ·ÐÀ» Ãß°¡ÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ¹°¸® ÀÌ·ÐÀ¸·Î °´Ã¼ »çÀÌÀÇ Ãæµ¹À» ¹ß°ßÇϰųª Á߷¿¡ ¹ÝÀÀÇÏ°Ô ¸¸µé°í, ¸¶ÂûÀ» Àû¿ëÇÒ ¼ö ÀÖ´Ù. ÀÌ Àå¿¡¼´Â Physijs ¹°¸® ¿£ÁøÀ» »ç¿ëÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. ¶ÇÇÑ Three.js Àå¸é¿¡ À§Ä¡ ¿Àµð¿À¸¦ Ãß°¡ÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
1 Three.js·Î ù ¹ø° 3D Àå¸é Á¦ÀÛ
__Three.js »ç¿ë¿¡ ÇÊ¿äÇÑ ¿ä±¸»çÇ×
__¼Ò½º ÄÚµå °¡Á®¿À±â
____±êÀ» »ç¿ëÇØ ÀúÀå¼Ò º¹Á¦
____¾ÆÄ«À̺긦 ´Ù¿î·ÎµåÇÏ°í ÃßÃâ
____¿¹Á¦ Å×½ºÆ®
________´ëºÎºÐÀÇ À¯´Ð½º/¸Æ ½Ã½ºÅÛ¿¡¼ µ¿ÀÛÇÏ´Â ÆÄÀ̽㠱â¹ÝÀÇ À¥ ¼¹ö
________Node.js·Î ÀÛ¾÷ÇÏ´Â °æ¿ìÀÇ npm ±â¹Ý À¥ ¼¹ö
________¸Æ ¶Ç´Â À©µµ¿ì¿ë ¸ù±¸½º Æ÷ÅÍºí ¹öÀü
________ÆÄÀ̾îÆø½º¿Í Å©·Ò¿¡¼ÀÇ º¸¾È ¼³Á¤ ºñÈ°¼ºÈ
__HTML ½ºÄÌ·¹Åæ »ý¼º
__3D °´Ã¼ÀÇ ·»´õ¸µ°ú Ç¥½Ã
__¹°Áú°ú ±¤¿ø, ±×¸²ÀÚ Ãß°¡
__¾Ö´Ï¸ÞÀ̼ÇÀ¸·Î Àå¸é °³¼±
____requestAnimationFrame ¼Ò°³
____Á¤À°¸éü ¾Ö´Ï¸ÞÀ̼Ç
____°ø ¹Ù¿î½Ì
__dat.GUI·Î ½ÇÇèÀ» ½±°Ô ¸¸µç´Ù
__ºê¶ó¿ìÀú Å©±â º¯°æ¿¡ µû¶ó ÀÚµ¿À¸·Î °á°ú¹°ÀÇ Å©±â Á¶Á¤
__¿ä¾à
2 Three.js Àå¸éÀÇ ±âº» ±¸¼º¿ä¼Ò
__Àå¸é ÀÛ¼º
____Àå¸éÀÇ ±âº» ±â´É
____Àå¸é¿¡ ¾È°³ Ãß°¡
____overrideMaterial ¼Ó¼º »ç¿ë
__Áö¿À¸ÞÆ®¸®¿Í ¸Þ½Ã
____Áö¿À¸ÞÆ®¸®ÀÇ ¼Ó¼º°ú ÇÔ¼ö
____¸Þ½Ã¿ë ÇÔ¼ö¿Í ¼Ó¼º
__µÎ °¡Áö Ä«¸Þ¶óÀÇ »ç¿ë
____Á÷±³Ä«¸Þ¶ó ´ë ¿ø±ÙÄ«¸Þ¶ó
____ƯÁ¤ ÁöÁ¡À» ¹Ù¶óº¸±â
__¿ä¾à
3 Three.js¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ±¤¿ø
__... Three.js°¡ Á¦°øÇÏ´Â ´Ù¾çÇÑ ºû
__±âº» ±¤¿ø
____THREE.AmbientLight
________THREE.Color °´Ã¼ »ç¿ë
____THREE.PointLight
____THREE.SpotLight
____THREE.DirectionalLight
__Ư¼ö ±¤¿ø
____THREE.HemisphereLight
____THREE.AreaLight
____LensFlare
__¿ä¾à
4 Three.js ¹°Áú·Î ÀÛ¾÷
__¹°ÁúÀÇ °øÅë ¼Ó¼º
____±âº» ¼Ó¼º
____ºê·»µù ¼Ó¼º
____°í±Þ ¼Ó¼º
__°£´ÜÇÑ ¸Þ½ÃºÎÅÍ ½ÃÀÛ
____THREE.MeshBasicMaterial
____THREE.MeshDepthMaterial
____¹°ÁúÀÇ °áÇÕ
____THREE.MeshNormalMaterial
____THREE.MeshFaceMaterial
__°í±Þ ¹°Áú
____THREE.MeshLambertMaterial
____THREE.MeshPhongMaterial
____THREE.ShaderMaterial·Î ÀڽŸ¸ÀÇ ¼ÎÀÌ´õ Á¦ÀÛ
__¶óÀÎ Áö¿À¸ÞÆ®¸®¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ¹°Áú
____THREE.LineBasicMaterial
____THREE.LineDashedMaterial
__¿ä¾à
5 Áö¿À¸ÞÆ®¸®·Î ÀÛ¾÷
__Three.js°¡ Á¦°øÇÏ´Â ±âº» Áö¿À¸ÞÆ®¸®
____2D Áö¿À¸ÞÆ®¸®
________THREE.PlaneGeometry
________THREE.CircleGeometry
________THREE.RingGeometry
________THREE.ShapeGeometry
____3D Áö¿À¸ÞÆ®¸®
________THREE.BoxGeometry
________THREE.SphereGeometry
________THREE.CylinderGeometry
________THREE.TorusGeometry
________THREE.TorusKnotGeometry
________THREE.PolyhedronGeometry
__¿ä¾à
6 °í±Þ Áö¿À¸ÞÆ®¸®¿Í ÀÌÇ× ¿¬»ê
__THREE.ConvexGeometry
__THREE.LatheGeometry
____¾ÐÃâ·Î Áö¿À¸ÞÆ®¸® »ý¼º
________THREE.ExtrudeGeometry
________THREE.TubeGeometry
________SVG¿¡¼ ¾ÐÃâ
________THREE.ParmametricGeometry
__3D ÅؽºÆ® »ý¼º
____ÅؽºÆ® ·»´õ¸µ
____»ç¿ëÀÚ Á¤ÀÇ ÆùÆ® Ãß°¡
__ÀÌÇ× ¿¬»êÀ¸·Î ¸Þ½Ã °áÇÕ
____subtract ÇÔ¼ö
____intersect ÇÔ¼ö
____union ÇÔ¼ö
__¿ä¾à
7 ÆÄƼŬ°ú ½ºÇÁ¶óÀÌÆ®, Æ÷ÀÎÆ® Ŭ¶ó¿ìµå
__ÆÄƼŬÀÇ ÀÌÇØ
__ÆÄƼŬ°ú THREE.PointCloud, THREE.PointCloudMaterial
__HTML5 ĵ¹ö½º·Î ÆÄƼŬ¿¡ ½ºÅ¸ÀÏ ÁÖ±â
____HTML5 ĵ¹ö½º¸¦ THREE.CanvasRenderer¿Í ÇÔ²² »ç¿ë
____HTML5 ĵ¹ö½º¸¦ WebGLRenderer¿Í ÇÔ²² »ç¿ë
__ÅؽºÃ³·Î ÆÄƼŬ¿¡ ½ºÅ¸ÀÏ ÁÖ±â
__½ºÇÁ¶óÀÌÆ® ¸ÊÀ¸·Î ÀÛ¾÷
__°í±Þ Áö¿À¸ÞÆ®¸®¿¡¼ THREE.PointCloud Á¦ÀÛ
__¿ä¾à
8 °í±Þ ¸Þ½Ã¿Í Áö¿À¸ÞÆ®¸®ÀÇ »ý¼º°ú ·Îµù
__Áö¿À¸ÞÆ®¸®ÀÇ ±×·ìÈ¿Í º´ÇÕ
____°´Ã¼ÀÇ ±×·ìÈ
__¿©·¯ ¸Þ½Ã¸¦ º´ÇÕÇØ ÇϳªÀÇ ¸Þ½Ã »ý¼º
__¿ÜºÎ ÀÚ¿ø¿¡¼ Áö¿À¸ÞÆ®¸® ·Îµù
__Thee.js JSON Æ÷¸ËÀ¸·Î ÀúÀåÇÏ°í ·Îµù
____THREE.MeshÀÇ ÀúÀå°ú ·Îµù
____Àå¸éÀÇ ÀúÀå°ú ·Îµù
__ºí·»´õ·Î ÀÛ¾÷
__ºí·»´õ¿¡ Three.js ÀͽºÆ÷ÅÍ ¼³Ä¡
____ºí·»´õ¿¡¼ ¸ðµ¨À» ·ÎµùÇÏ°í ³»º¸³»±â
__3D ÆÄÀÏ Æ÷¸Ë¿¡¼ °¡Á®¿À±â
____OBJ¿Í MTL Æ÷¸Ë
____Äݶó´Ù ¸ðµ¨ÀÇ ·Îµå
____STL°ú CTM, VTK, AWD, Assimp, VRML, ¹Ùºô·Ð ¸ðµ¨ ·Îµù
____´Ü¹éÁú µ¥ÀÌÅÍ ÀºÇà¿¡¼ °¡Á®¿Â ´Ü¹éÁú ±¸Á¶ Ç¥½Ã
____PLY ¸ðµ¨·Î ÆÄƼŬ ½Ã½ºÅÛ Á¦ÀÛ
__¿ä¾à
9 ¾Ö´Ï¸ÞÀ̼ǰú Ä«¸Þ¶ó À̵¿
__±âº» ¾Ö´Ï¸ÞÀ̼Ç
____°£´ÜÇÑ ¾Ö´Ï¸ÞÀ̼Ç
____°´Ã¼ ¼±ÅÃ
____Tween.js¸¦ ÀÌ¿ëÇÑ ¾Ö´Ï¸ÞÀ̼Ç
__Ä«¸Þ¶ó¸¦ ÀÌ¿ëÇÑ ÀÛ¾÷
____TrackballControls
____FlyControls
____RollControls
____FirstPersonControls
____OrbitControl
__¸ðÇΰú ½ºÄÌ·¹Å» ¾Ö´Ï¸ÞÀ̼Ç
____¸ðÇÁ Ÿ±êÀ¸·Î ¾Ö´Ï¸ÞÀ̼Ç
________MorphAnimMesh¸¦ ÀÌ¿ëÇÑ ¾Ö´Ï¸ÞÀ̼Ç
________morphTargetInfluence ¼Ó¼ºÀ¸·Î ¾Ö´Ï¸ÞÀÌ¼Ç »ý¼º
____»À´ë¿Í ½ºÅ°´×À» ÀÌ¿ëÇÑ ¾Ö´Ï¸ÞÀ̼Ç
__¿ÜºÎ ¸ðµ¨À» »ç¿ëÇØ ¾Ö´Ï¸ÞÀÌ¼Ç »ý¼º
________ºí·»´õ·Î »À´ë ¾Ö´Ï¸ÞÀÌ¼Ç »ý¼º
________Äݶó´Ù ¸ðµ¨¿¡¼ ¾Ö´Ï¸ÞÀÌ¼Ç ·Îµù
________ÄùÀÌÅ© ¸ðµ¨¿¡¼ ¾Ö´Ï¸ÞÀÌ¼Ç ·Îµå
__¿ä¾à
10 ÅؽºÃ³ ·Îµù°ú ÀÛ¾÷
__¹°Áú¿¡¼ ÅؽºÃ³ »ç¿ë
____ÅؽºÃ³¸¦ ·ÎµùÇÏ°í ¸Þ½Ã¿¡ Àû¿ë
____¹üÇÁ ¸ÊÀ» »ç¿ëÇØ ÁÖ¸§ »ý¼º
____¹ý¼± ¸ÊÀ¸·Î ´õ ¼¼¹ÐÇÑ ¹üÇÁ¿Í ÁÖ¸§ »ý¼º
____¶óÀÌÆ® ¸ÊÀ¸·Î ÆäÀÌÅ© ±×¸²ÀÚ »ý¼º
____ȯ°æ ¸ÊÀ¸·Î ÆäÀÌÅ© ¹Ý¿µ »ý¼º
____½ºÆäŧ¶ó ¸Ê
__°í±Þ ÅؽºÃ³ »ç¿ë
____»ç¿ëÀÚ Á¤ÀÇ UV ¸ÅÇÎ
____·¡ÇÎ ¹Ýº¹
____ĵ¹ö½º¿¡ ·»´õ¸µÇÏ°í À̸¦ ÅؽºÃ³·Î »ç¿ë
________ĵ¹ö½º¸¦ ÅؽºÃ³·Î »ç¿ë
________ĵ¹ö½º¸¦ ¹üÇÁ ¸ÊÀ¸·Î »ç¿ë
____ºñµð¿ÀÀÇ Ãâ·ÂÀ» ÅؽºÃ³·Î »ç¿ë
__¿ä¾à
11 »ç¿ëÀÚ Á¤ÀÇ ¼ÎÀÌ´õ¿Í ·»´õ¸µ ÈÄó¸®
__ÈÄ󸮸¦ À§ÇÑ Three.js ¼³Á¤
____THREE.EffectComposer
________ÈÄ󸮸¦ À§ÇÑ THREE.EffectComposer ¼³Á¤
________render ·çÇÁ ¾÷µ¥ÀÌÆ®
__ÈÄó¸® Æнº
____°£´ÜÇÑ ÈÄó¸® Æнº
________THREE.FilePass¸¦ »ç¿ëÇØ TV È¿°ú »ý¼º
________THREE.BloomPass·Î Àå¸é¿¡ ºí·ë È¿°ú Ãß°¡
________Àå¸éÀ» Á¡ÀÇ ÁýÇÕÀ¸·Î Ãâ·Â
________µ¿ÀÏ È¸éÀÇ ¿©·¯ ·»´õ·¯ÀÇ °á°ú º¸±â
____¸¶½ºÅ©¸¦ »ç¿ëÇÑ °í±Þ EffectComposer È帧
____THREE.ShaderPass·Î »ç¿ëÀÚ Á¤ÀÇ È¿°ú ÁÖ±â
________°£´ÜÇÑ ¼ÎÀÌ´õ
________ºí·¯¸µ ¼ÎÀÌ´õ
________°í±Þ ¼ÎÀÌ´õ
__»ç¿ëÀÚ Á¤ÀÇ ÈÄó¸® ¼ÎÀÌ´õ »ý¼º
____»ç¿ëÀÚ Á¤ÀÇ ±×·¹À̽ºÄÉÀÏ ¼ÎÀÌ´õ
____»ç¿ëÀÚ Á¤ÀÇ ºñÆ® ¼ÎÀÌ´õ »ý¼º
__¿ä¾à
12 Àå¸é¿¡ ¹°¸® À̷аú »ç¿îµå Ãß°¡
__±âº» Three.js Àå¸é Á¦ÀÛ
__¹°Áú ¼Ó¼º
__±âº» Áö¿ø Çü»ó
__Á¦¾àÁ¶°ÇÀ» »ç¿ëÇØ °´Ã¼ÀÇ ¿òÁ÷ÀÓ Á¦ÇÑ
____PointConstraint¸¦ »ç¿ëÇØ µÎ ÁöÁ¡ »çÀÌÀÇ ¿òÁ÷ÀÓ Á¦ÇÑ
____HingeConstraint·Î ¹® °°Àº Á¦¾àÁ¶°Ç »ý¼º
____SliderConstraint·Î ¿òÁ÷ÀÓÀ» ´ÜÀÏ ÃàÀ¸·Î Á¦ÇÑ
____ConeTwistConstraint·Î ±¸»ó°üÀý °°Àº Á¦¾àÁ¶°Ç »ý¼º
____DOFConstraint·Î »ó¼¼ÇÑ Á¦¾î »ý¼º
____Àå¸é¿¡ »ç¿îµå Ãß°¡
__¿ä¾à
¿ä½º µð¸¤¼¾(Jos Dirksen) [Àú]
½Ê ³â ÀÌ»ó ¼ÒÇÁÆ®¿þ¾î °³¹ßÀÚ ¹× ¾ÆÅ°ÅØó·Î ÀÏÇß´Ù. ÀÚ¹Ù¿Í ½ºÄ®¶ó °°Àº ¹é¿£µå ±â¼úºÎÅÍ, HTML5¿Í CSS, ÀÚ¹Ù½ºÅ©¸³Æ® °°Àº ÇÁ·ÐÆ®¿£µå °³¹ß¿¡ À̸£±â±îÁö Æø³ÐÀº ¹üÀ§ÀÇ ±â¼ú °³¹ß¿¡ ¸¹Àº °æÇèÀÌ ÀÖ´Ù. ÀÌ ¿Ü¿¡µµ, Á¤±âÀûÀ¸·Î ÄÁÆÛ·±½º¿¡¼ ¿¬¼³ÇÏ°í ÀÚ½ÅÀÇ ºí·Î±×¿¡ »õ·Ó°í Èï¹Ì·Î¿î ±â¼ú¿¡ ´ëÇØ ¾²´Â °ÍÀ» ÁÁ¾ÆÇÑ´Ù. ¶ÇÇÑ »õ·Î¿î ±â¼úÀ» ½ÇÇèÇÏ°í ¾î¶»°Ô ÇÏ¸é ±× °á°ú¸¦ ¾Æ¸§´ä°Ô ½Ã°¢ÈÇÒ ¼ö ÀÖ´ÂÁö¿¡ °ü½ÉÀÌ ¸¹´Ù. ¿¬±¸ °á°ú´Â ºí·Î±×(http://www.smartjava.org/)¿¡¼ È®ÀÎÇÒ ¼ö ÀÖ´Ù. ÇöÀç ³×´ú¶õµå ±ÝÀ¶±â°ü¿¡¼ ÄÁ¼³ÅÏÆ®·Î ÀÏÇÏ°í ÀÖÀ¸¸ç, ³×´ú¶õµåÀÇ ´ëÇü ±³À°ÀÚ·á ÃâÆÇ»çÀÎ ¸¾¹ö±×(Malmberg)¿¡¼ ¿£ÅÍÇÁ¶óÀÌÁî ¾ÆÅ°ÅØó ¿ªÇÒµµ ¼öÇàÇß´Ù. ±×°÷¿¡¼ 1Â÷, 2Â÷, ±×¸®°í Á÷¾÷ ±³À°¿ë ÄÜÅÙÃ÷ÀÇ Á¦ÀÛ ¹× ÃâÆÇÀ» À§ÇÑ »õ·Î¿î µðÁöÅÐ Ç÷§ÆûÀ» ¸¸µå´Â µ¥ µµ¿òÀ» ÁÖ¾ú´Ù. ±×Àü¿¡´Â Çʸ³½º¿Í ASML °°Àº ¹Î°£±â¾÷¿¡¼ ±¹¹æºÎ °°Àº °ø°ø±â°ü¿¡ À̸£±â±îÁö ´Ù¾çÇÑ ºÐ¾ß¿¡¼ ¿©·¯ ¿ªÇÒÀ» ¼öÇàÇß´Ù. ÀÌ Ã¥ ¿Ü¿¡µµ Three.jsÀÇ °¡Àå Áß¿äÇÑ ±â´ÉÀ» ¿¹Á¦·Î ¼³¸íÇÏ´Â [Three.js Essentials]¿Í ¿¹Á¦¸¦ ±â¹ÝÀ¸·Î Three.jsÀÇ Áß¿äÇÑ À¯½ºÄÉÀ̽º¸¦ Ä¿¹öÇÏ´Â [Three.js Cookbook]À̶õ µÎ ±ÇÀÇ Ã¥À» ½è´Ù. ÇÁ·ÐÆ®¿£µå ÀÚ¹Ù½ºÅ©¸³Æ®¿Í HTML5 ±â¼ú ¿Ü¿¡µµ, REST¿Í ÀüÅëÀûÀÎ À¥ ¼ºñ½º ±â¹ÝÀÇ ¹é¿£µå ¼ºñ½º °³¹ß¿¡µµ °ü½ÉÀÌ ÀÖ´Ù.
·ù¿µ¼± [Àú]
¼ÒÇÁÆ®¿þ¾î ¿£Áö´Ï¾î·Î¼ ¿À·§µ¿¾È À¥ ºê¶ó¿ìÀú¿Í À¥ ¼¹ö¸¦ °³¹ßÇß´Ù. ±× °æÇèÀ» ¹ÙÅÁÀ¸·Î ÇöÀç´Â W3C¸¦ ºñ·ÔÇÑ ¿©·¯ ±¹Á¦ Ç¥ÁØÈ ´Üü¿¡¼ À¥°ú °ü·ÃµÈ Ç¥ÁØÈ ¾÷¹«¸¦ ´ã´çÇÏ°í ÀÖ´Ù. ÃÖ±Ù¿¡´Â PC¿¡¼ ¹þ¾î³ª ¸ð¹ÙÀÏ È¯°æÀ̳ª DTV, µðÁöÅÐ »çÀÌ´ÏÁö(Digital Signage), ¿þ¾î·¯ºí(Wearable), ¿ÀÅä¸ðƼºê(Automotive) µîÀÇ ´Ù¾çÇÑ IoT ÀåÄ¡¿¡ À¥ ±â¼úÀ» Á¢¸ñÇÏ´Â ¿ÀÇ À¥ Ç÷§Æû¿¡ °ü½ÉÀ» °®°í °ü·Ã ±â¼úÀ» ¿¬±¸ ÁßÀÌ´Ù. ¾Æ¿ï·¯ ¿öÅ©¼ó, ¼¼¹Ì³ª °¿¬, Çмú ±â°í¸¦ ÅëÇØ ¿ÀÇ À¥ Ç÷§Æû°ú À¥ ±â¼úÀ» ÀüÆÄÇÏ´Â µ¥ Èû¾²°í ÀÖ´Ù. ¿Å±ä Ã¥À¸·Î´Â ¿¡ÀÌÄÜÃâÆǻ翡¼ Æì³½ ¡º¹ÝÀÀÇü À¥ µðÀÚÀΡ»(2012), ¡ºHTML5 À¥¼ÒÄÏ ÇÁ·Î±×·¡¹Ö¡»(2014), ¡ºWebRTC ÇÁ·Î±×·¡¹Ö¡»(2015), ¡ºÀÚ¹Ù½ºÅ©¸³Æ® µðÀÚÀÎ ÆÐÅÏ¡»(2016), ¡ºÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¶ô¡»(2017), ¡º°´Ã¼ÁöÇâ ÀÚ¹Ù½ºÅ©¸³Æ® 3/e¡»(2017), ¡º»ç¹°ÀÎÅÍ³Ý ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö¡»(2018), ¡º¸ð´ø C++ ÇÁ·Î±×·¡¹Ö ÄîºÏ¡»(2019), ¡º»ê¾÷ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß¡»(2020) µî ´Ù¼ö°¡ ÀÖ´Ù.
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.