|
|
|
|
|
|
|
Ã¥³»¿ë |
|
¾ËÂù ¿¹Á¦¶ó Àç¹Õ´Ù! ã±â »¡¶ó¼ ½±´Ù! ´Ü¼û¿¡ ÇÁ·Î°¡ µÇ´Ï ³î¶ø´Ù!
ÃֽŠÀ¥°ú ¸ð¹ÙÀÏ È¯°æ¿¡ ÃÖÀûÈµÈ µå¸²À§¹ö CS6´Â À¯µ¿ °ÝÀÚ ·¹À̾ƿô, Çâ»óµÈ jQuery Mobile, PhoneGap µîÀÇ »õ·Î¿î ±â´ÉÀ» Áö¿øÇÒ »Ó ¾Æ´Ï¶ó À¥ Ç¥ÁØ¿¡ ´ëÀÀÇÒ ¼ö ÀÖµµ·Ï HTML5¿Í CSS3¸¦ ¿Ïº®È÷ È°¿ëÇÒ ¼ö ÀÖ´Â ÇÁ·Î±×·¥ÀÌ´Ù. ÀÌ Ã¥Àº À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇÏ´Â µ¥ ÇÊ¿äÇÑ µå¸²À§¹ö CS6ÀÇ ±âº» ±â´ÉÀ» ½±°í ºü¸£°Ô ¹è¿ï ¼ö ÀÖµµ·Ï ±¸¼ºµÇ¾úÀ¸¸ç, Div·Î ¸¸µå´Â ·¹À̾ƿô ½Ç½ÀÀ» ÅëÇØ Àüü À¥ ÆäÀÌÁöÀÇ ±¸Á¶¸¦ ÀÍÇô ÀÚ½ÅÀÇ À¥ ÆäÀÌÁö¸¦ Á÷Á¢ Á¦ÀÛÇÒ ¼ö ÀÖµµ·Ï µ½´Â´Ù.
-. ÃֽŠ¸ð¹ÙÀÏ È¯°æÀ» °í·ÁÇÑ µå¸²À§¹ö CS6ÀÇ ½Å±â´ÉÀ» ¸¸³´Ù!
À¯µ¿ °ÝÀÚ ·¹À̾ƿô, Çâ»óµÈ jQuery Mobile Áö¿øÀ» ºñ·ÔÇØ PhoneGap, HTML5, CSS3 µî ÃֽŠÀ¥ ȯ°æ¿¡ ²À ÇÊ¿äÇÑ ±â´ÉÀ» ºü¸£°Ô ¹è¿ö È°¿ëÇÒ ¼ö ÀÖ´Ù.
-. ±âº» ±â´ÉºÎÅÍ À¥ ÆäÀÌÁö Á¦ÀÛ±îÁö ´Ü¼û¿¡ ÀÍÈù´Ù!
µå¸²À§¹ö CS6ÀÇ ±âº» ±â´ÉºÎÅÍ À¥ ÆäÀÌÁö Á¦ÀÛ¿¡ ÇÊ¿äÇÑ ÇÙ½É ±â´É±îÁö ´Ü¼û¿¡ ÀÍÇô ÀÚ½ÅÀÇ À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºÇß´Ù.
-. Àü¹®°¡ÀÇ ³ëÇÏ¿ì°¡ »ì¾Æ ÀÖ´Â ½Ç½À ¿¹Á¦·Î ¹è¿î´Ù!
À¥ Ç¥ÁØ¿¡ ²À ¸Â´Â HTML5, CSS3 ¿¹Á¦¸¦ ºñ·ÔÇØ Àüü À¥ ÆäÀÌÁö ·¹À̾ƿô°ú ±¸¼ºÀ» ÀÍÈú ¼ö ÀÖ´Â ¿Ï¼ºµµ ³ôÀº ½Ç½À ¿¹Á¦·Î Àü¹®°¡ÀÇ ³ëÇϿ츦 ¾òÀ» ¼ö ÀÖ´Ù.
¾î¶² µ¶ÀÚ¸¦ À§ÇÑ Ã¥Àΰ¡?
-. À¥ µðÀÚÀ̳ʰ¡ µÇ°í ½ÍÀº Ãë¾÷ Áغñ»ý
-. À¥ µðÀÚÀ̳ʷΠÀÌÁ÷À» ÁغñÇÏ´Â µðÀÚÀ̳Ê
-. ÃֽŠ¹öÀüÀÇ µå¸²À§¹ö¸¦ °øºÎÇÏ°í ½ÍÀº À¥ µðÀÚÀ̳Ê
-. µå¸²À§¹ö CS6ÀÇ ½Å±â´ÉÀ» ÀÍÈ÷°í ½ÍÀº »ç¶÷ |
|
¸ñÂ÷ |
|
Chapter 01 µå¸²À§¹ö CS6 ¼Ò°³
Section 001 _ µå¸²À§¹ö CS6ÀÇ »õ·Î¿î ±â´É
Section 002 _ µå¸²À§¹ö CS6 ¼³Ä¡
Section 003 _ µå¸²À§¹ö CS6ÀÇ ÀÎÅÍÆäÀ̽º
Section 004 _ ÆÄÀÏ ¸¸µé±â/ÀúÀåÇϱâ/¿±â/´Ý±â
Section 005 _ ¹Ì¸®º¸±â
Section 006 _ Site ¼³Á¤Çϱâ
Chapter 02 ÅؽºÆ®¿Í À̹ÌÁö »ðÀÔ
Section 007 _ ÅؽºÆ® ÀԷ°ú ²Ù¹Ì±â
Section 008 _ ¸ñ·ÏÀ¸·Î Á¤¸®Çϱâ
Section 009 _ µé¿©¾²±â·Î ¹®´Ü Á¤¸®Çϱâ
Section 010 _ Ư¼ö ¹®ÀÚ ÀÔ·ÂÇϱâ
Section 011 _ À̹ÌÁö »ðÀÔ°ú ¼Ó¼º ¼³Á¤Çϱâ
Chapter 03 ÇÏÀÌÆÛ¸µÅ©·Î ¹öÆ° ¸¸µé±â
Section 012 _ ÅؽºÆ®¿¡ ¸µÅ© ¼³Á¤Çϱâ
Section 013 _ À̹ÌÁö¿¡ ¸µÅ© ¼³Á¤
Section 014 _ À̹ÌÁö ¸ÊÀ¸·Î ¸µÅ© ¼³Á¤
Section 015 _ ·Ñ¿À¹ö À̹ÌÁö ¸¸µé±â
Section 016 _ ³×ÀÓ¾ÞÄ¿·Î ÆäÀÌÁö ³»¿¡¼ÀÇ ¸µÅ© ¼³Á¤
Chapter 04 ¸ÖƼ¹Ìµð¾î »ðÀÔ
Section 017 _ Ç÷¡½Ã »ðÀÔ
Section 018 _ µ¿¿µ»ó »ðÀÔ
Chapter 05 Å×À̺í·Î µ¥ÀÌÅÍ Á¤¸®
Section 019 _ Å×ÀÌºí »ðÀÔÇϱâ
Section 020 _ Å×À̺í ÇÕÄ¡±â/³ª´©±â/Ãß°¡Çϱâ/»èÁ¦Çϱâ
Section 021 _ ¼¿ »çÀÌÁî ÁöÁ¤Çϱâ
Section 022 _ ¼¿ ²Ù¹Ì±â
Section 023 _ ¼¿¿¡ ³»¿ë ÀÔ·ÂÇϱâ
Chapter 06 CSS ±âÃÊ¿Í È°¿ë
Section 024 _ ÅÂ±× ¼±ÅÃÀÚ
Section 025 _ Ŭ·¡½º ¼±ÅÃÀÚ
Section 026 _ ¾ÆÀ̵𠼱ÅÃÀÚ
Section 027 _ ÄÄÆÄ¿îµå ¼±ÅÃÀÚ
Section 028 _ ¸µÅ© ¼±ÅÃÀÚ
Section 029 _ Ŭ·¡½º ´ÙÁß ¼±ÅÃ
Section 030 _ CSS¾Ë°í °¡±â
Chapter 07 ap Div·Î ¸¸µå´Â ·¹À̾ƿô
Section 031 _ Draw AP Div·Î ¿øÇÏ´Â À§Ä¡¿¡ µðÀÚÀÎ ¿ä¼Ò »ðÀÔÇϱâ
Section 032 _ Overflow·Î AP DivÀÇ ¿µ¿ª Á¶ÀýÇϱâ
Section 033 _ Insert Div Tag »ðÀÔ
Section 034 _ Àüü ·¹À̾ƿô ¼³Á¤Çϱâ
Section 035 _ »ó´Ü µðÀÚÀÎÇϱâ
Section 036 _ Áß¾Ó ·¹À̾ƿô(content) ¼³Á¤Çϱâ
Section 037 _ ÇÏ´Ü ·¹À̾ƿô°ú ³»¿ë ÀÔ·Â
Chapter 08 ºñÇìÀ̺ñ¾î(Behaviors) È°¿ë
Section 038 _ Æ˾÷ â ¶ç¿ì±â(Open Browser Window)
Section 039 _ Call Javascript¸¦ È°¿ëÇÑ Æ˾÷ ⠴ݱâ
Section 040 _ Popup Message·Î ¾È³» â ¸¸µé±â
Section 041 _ Effects¸¦ È°¿ëÇÑ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú ¿¬ÃâÇϱâ
Section 042 _ Drag AP Element¸¦ È°¿ëÇÑ Æ˾÷ ⠵巡±×Çϱâ
Section 043 _ AP Div¿Í Show-Hide Element·Î [Ä«Å×°í¸® Àüüº¸±â] ¸Þ´º ±¸ÇöÇϱâ
Section 044 _ Swap Image¸¦ ÀÌ¿ëÇÏ¿© ¸¶¿ì½º ¿À¹ö ½Ã À̹ÌÁö°¡ º¯°æµÇ´Â °¶·¯¸® ¸¸µé±â
Chapter 09 Spry À§Á¬ ±â´É È°¿ë
Section 045 _ Spry Menu Bar¸¦ È°¿ëÇÑ ¸Þ´º ¸¸µé±â
Section 046 _ Spry Tabbed Panels¸¦ È°¿ëÇÑ ÅÇ ¸Þ´º ¸¸µé±â
Section 047 _ ¾ÆÄÚµð¾ð ¸¸µé±â(Spry Accordion)
Chapter 10 Æû ÅÂ±× È°¿ë
Section 048 _ Æû(Form) »ðÀÔÇϱâ
Section 049 _ Text Field »ðÀÔÇϱâ
Section 050 _ Select(List/Menu) Ãß°¡Çϱâ
Section 051 _ Radio Button ÀÔ·ÂÇÏ°í Á¤·ÄÇϱâ
Section 052 _ Checkbox ÀÔ·ÂÇÏ°í Á¤·ÄÇϱâ
Section 053 _ Textarea ÀÔ·ÂÇϱâ
Section 054 _ Image Field »ðÀÔÇϱâ
Section 055 _ Æû ű׿¡ µðÀÚÀÎ ¼³Á¤ÇÏ¿© ²Ù¹Ì±â
Section 056 _ File Field »ðÀÔÇϱâ
Section 057 _ µ¥ÀÌÅÍ Àü¼Û ¹öÆ° »ðÀÔÇϱâ
Chapter 11 ¸ð¹ÙÀÏ È¨ÆäÀÌÁö & ¸ÖƼ È¸é µðÀÚÀÎ
Section 058 _ ¸ð¹ÙÀÏ È¨ÆäÀÌÁö ±âº» ÆÄÀÏ ¸¸µé±â
Section 059 _ ¸ð¹ÙÀÏ È¨ÆäÀÌÁö ³»¿ë ÆíÁýÇϱâ
Section 060 _ À¯µ¿Çü ·¹À̾ƿô(Fluid Grid Layout) È°¿ëÇØ À¥ ÆäÀÌÁö ¸¸µé±â
Section 061 _ À¯µ¿Çü ·¹À̾ƿô ÆíÁýÇϱâ
Section 062 _ À¯µ¿Çü ·¹À̾ƿô¿¡ µðÀÚÀÎ Àû¿ëÇÏ°í »çÀÌÁ ·¹À̾ƿô ¼öÁ¤Çϱâ
Chapter 12 HTML5¿Í CSS3
Section 063 _ HTML5¿Í CSS3
Section 064 _ rgba·Î ¹ÝÅõ¸í ¹Ú½º ¸¸µé±â
Section 065 _ radius ±â´ÉÀ¸·Î ¸ð¼¸® µÕ±Û°Ô ¸¸µé±â
Section 066 _ shadow ±â´ÉÀ¸·Î ±×¸²ÀÚ È¿°ú ¸¸µé±â
Section 067 _ CSS transitionÀ¸·Î ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú ¸¸µé±â
Section 068 _ gradient·Î ¼¼È÷ º¯°æµÇ´Â ±×¶óµ¥ÀÌ¼Ç À̹ÌÁö ¸¸µé±â
Section 069 _ HTML5·Î ·¹À̾ƿô ÀÛ¾÷Çϱâ
Section 070 _ »ó´Ü ¼³Á¤Çϱâ
Section 071 _ XHTML 1.0À¸·Î ÀÛ¾÷ÇÑ ÆÄÀÏÀ» HTML5·Î º¯È¯Çϱâ
Chapter 13 À¥ ÃâÆÇ ¹× ¿î¿µ
Section 072 _ À¥ È£½ºÆà ¼±Á¤ ¹× µµ¸ÞÀÎ ±¸ÀÔ
Section 073 _ FTPÀÇ °³³ä°ú È°¿ë
Section 074 _ ¿ÀǸ¶ÄÏ »óÇ° ÆäÀÌÁö ÃâÆÇÇϱâ
Section 075 _ ±×´©º¸µå·Î ȸ¿ø ¹× °Ô½ÃÆÇ °ü¸®Çϱâ
Section 076 _ ¼îÇθô ¿ÀÇÂÇϱâ |
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
 |
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
 |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
 |
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
 |
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
 |
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
 |
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
 |
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
 |
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
 |
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
 |
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
 |
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
 |
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
 |
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
 |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
 |
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|