±¹³»µµ¼
Àü°øµµ¼/´ëÇб³Àç
°øÇаè¿
ÄÄÇ»ÅÍ°øÇÐ
2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.
Á¤°¡ |
25,500¿ø |
---|
22,950¿ø (10%ÇÒÀÎ)
1,270P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
±âº» ¿¹Á¦·Î °³³ä ÀÌÇØÇÏ°í, ÇÁ·ÎÁ§Æ®¸¦ Á÷Á¢ ¸¸µé°í, ÇÙ½ÉÁ¤¸®·Î º¹½ÀÇÏ°í, ½Ç½À¿¹Á¦·Î ½Ç·ÂÀ» ½×À» ¼ö ÀÖ´Â ¾ËÂù ±¸¼º!
¡´ÇÑ ±ÇÀ¸·Î ³¡³»´Â ±×´©À§ÁîÀÇ HTML5 & CSS3 À¥ µðÀÚÀÎ ÀÔ¹®+È°¿ë¡µ Ã¥Àº ±âº» ¹®¹ýºÎÅÍ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â À¥ »çÀÌÆ® Á¦ÀÛ±îÁö ÇÑ ±Ç¿¡ ¸ðµÎ ´ã¾Ò´Ù.
ÀÌ Ã¥Àº
Çϳª, 220¿© °³ÀÇ ±âº» ¿¹Á¦ ¼ö·Ï
HTML5 & CSS3 ±âÃÊ ¹®¹ýÀº 220 ¿© °³ÀÇ ¿¹Á¦¸¦ ÅëÇØ ÀÍÈú ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´´Ù.
µÑ, 4°³ÀÇ ½ÇÀü ÇÁ·ÎÁ§Æ® ¼ö·Ï
¼¼·Î½ºÅ©·ÑÇü À¥ »çÀÌÆ®, Ç®ÆäÀÌÁöÇü À¥ »çÀÌÆ®, °¡·Î½ºÅ©·ÑÇü À¥ »çÀÌÆ®, ¹ÝÀÀÇü À¥ »çÀÌÆ® µî 4°³ ½ÇÀü ÇÁ·ÎÁ§Æ®ÀÇ ½ÇÁ¦ Á¦ÀÛ °úÁ¤À» ÅëÇØ ½ÇÀü Å×Å©´ÐÀ» ÀÚ¿¬½º·´°Ô ÀÍÈú ¼ö ÀÖ°Ô ±¸¼ºÇÏ¿´´Ù.
¼Â, ½Ç½À ¿¹Á¦
´Ü¿øº° ÇÙ½ÉÁ¤¸®¿Í ½Ç½À ¿¹Á¦°¡ ¼ö·ÏµÇ¾ú´Ù.
ÀÌ Ã¥ÀÇ 220¿© °³ÀÇ ±âº» ¿¹Á¦¿Í 4°³ ÇÁ·ÎÁ¦Æ®¸¦ Á÷Á¢ ½Ç½ÀÇÏ´Â °úÁ¤¿¡¼ ¿À·ù°¡ ¹ß»ýÇϰųª ÀÌÇصÇÁö ¾Ê´Â ºÎºÐÀº ÀúÀÚ°¡ ¿î¿µÇÏ´Â ±×´©À§Áî »çÀÌÆ® ¶Ç´Â ¾Ø½áºÏ µ¶ÀÚÁö¿ø¼¾ÅÍ Ã¥ Àü¿ë °Ô½ÃÆÇÀ» ÅëÇØ Áú¹®ÇÒ ¼ö ÀÖ´Ù.
- ±×´©À§Áî »çÀÌÆ® : https://www.gnuwiz.com
- ¾Ø½áºÏ µ¶ÀÚÁö¿ø¼¾ÅÍ Ã¥ Àü¿ë °Ô½ÃÆÇ : https://cafe.naver.com/answerbook/menu/199
±×´©À§Áî »çÀÌÆ® ¶Ç´Â ¾Ø½áºÏ µ¶ÀÚÁö¿ø¼¾ÅÍ Ã¥ Àü¿ë °Ô½ÃÆÇÀÌ¿ë ¹æ¹ýÀº Ã¥ 5ÂÊÀ» Âü°íÇÑ´Ù.
ÃâÆÇ»ç ¼Æò
¡´ÇÑ ±ÇÀ¸·Î ³¡³»´Â ±×´©À§ÁîÀÇ HTML5 & CSS3 À¥ µðÀÚÀÎ ÀÔ¹®+È°¿ë¡µ Ã¥Àº ¿µ¾î ¹®¹ýó·³ ¼öÇÐ °ø½Äó·³ À¥ ±âÃÊ¿Í HTML, CSS ±âÃÊ ¹®¹ýºÎÅÍ 4°¡Áö À¯ÇüÀÇ À¥ »çÀÌÆ®¸¦ Á÷Á¢ ÄÚµùÇÏ¸ç ¸¸µé¾î º»´Ù.
±âº» ¹®¹ýºÎÅÍ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â À¥ »çÀÌÆ® Á¦ÀÛ±îÁö ÇÑ ±Ç¿¡ ¸ðµÎ ´ä¾Ò´Ù!
- ù ÄÚµùÇÏ´Â ºÐµµ ÀÌÇØÇϱ⠽¬¿î Ä£ÀýÇÏ°í ±íÀÌÀÖ´Â ÀÚ¼¼ÇÑ ¼³¸í°ú 220¿© °³ ½Ç½À
- ½Ç¹«¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ À¯ÇüÀÇ 4°¡Áö ½ÇÀü ÇÁ·ÎÁ§Æ® ½Ç½À
ÀÌ Ã¥Àº À¥ ±âÃʺÎÅÍ HTML, CSS ±âÃÊ ¹®¹ýÀºÀº ¹°·Ð 4°³ÀÇ ÁÖÁ¦º° À¥ »çÀÌÆ®¸¦ Á÷Á¢ ÄÚµùÇÏ¸ç ¸¸µé¾îº¼ ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´´Ù.
- Part 01 : HTML ½ÃÀÛÇϱâ
À¥ »çÀÌÆ®ÀÇ ±âº»ÀûÀÎ °³³ä°ú HTML ±âº»¹®¹ý , À¥ ¹®¼ÀÇ ´Ù¾çÇÑ ³»¿ëÀÔ·Â, HTML ÀԷ¾ç½Ä(form) ÀÛ¼ºÇϱ⠱׸®°í HTMLÀÇ ´Ù¾çÇÑ ¿ä¼Ò¿¡ ´ëÇÑ ¼³¸íÀ» À§ÇÑ ÆÄÆ®ÀÌ´Ù.
- Part 02 : CSS ´Ù·ç±â
CSSÀÇ ±âº» °³³ä°ú CSS ¼±ÅÃÀÚ, ÅؽºÆ® ²Ù¹Ì±â, »ö°ú ¹è°æ ³Ö¾î¼ ²Ù¹Ì±â, ·¹À̾ƿô ¹Ú½º ¸¸µé±â ¹× ¹èÄ¡Çϱ⠱׸®°í ³» ½ºÅ¸ÀÏ Àû¿ëÇϱ⠼³¸íÀ» À§ÇÑ ÆÄÆ®ÀÌ´Ù.
- Part 03 HTML & CSS ÇÑ °ÉÀ½ ³ª¾Æ°¡±â
HTML°ú CSS¸¦ ÇÔ²² Àû¿ëÇÏ¿© HTML ½Ã¸àƽ ű×, CSS »ó¼Ó, CSS °í±Þ ¼±ÅÃÀÚ ±×¸®°í ¹ÝÀÀÇü À¥°ú ¹Ìµð¾î Äû¸® ¼³¸íÀ» À§ÇÑ ÆÄÆ®ÀÌ´Ù.
- Part 04 ½ÇÀü À¥ µðÀÚÀÎ
Part 01 ~ Part03¿¡¼ ¹è¿î HTML & CSSÀ» ¹ÙÅÁÀ¸·Î ½ÇÀü¿¡¼µµ »ç¿ë °¡´ÉÇÑ ¼¼·Î ½ºÅ©·ÑÇü »çÀÌÆ®, Ç®ÆäÀÌÁöÇü »çÀÌÆ®, °¡·Î ½ºÅ©·ÑÇü »çÀÌÆ® ±×¸®°í ¹ÝÀÀÇü »çÀÌÆ® ¸¸µé±â¸¦ À§ÇÑ ÆÄÆ®ÀÌ´Ù.
70ÆäÀÌÁö ºÐ·®ÀÇ ´ÙÀ½ ³»¿ëÀ» Ã¥¼ÓÀÇ Ã¥ ºÎ·Ï PDF ÆÄÀÏ·Î Á¦°øµÈ´Ù. PDF ÆÄÀÏ ´Ù¿î·Îµå ¹æ¹ýÀº Ã¥ 5ÂÊÀ» ÂüÁ¶ÇÑ´Ù.
- Chapter 12 ¿¹Á¦ 10°³
- Æ®·£Áö¼Ç°ú ¾Ö´Ï¸ÞÀ̼Ç
- ½ÇÀü À¥ »çÀÌÆ® Á¦ÀÛ Àü ÇÊ¿äÇÑ »çÇ×
¸ñÂ÷
Part 01 HTML ½ÃÀÛÇϱâ
Chapter 00 µé¾î°¡±â¿¡ ¾Õ¼
01 _ À¥ µðÀÚÀ̳ʿ¡°Ô HTML&CSS°¡ ÇÊ¿äÇÑ ÀÌÀ¯
02 _ ÄÚµù? ÄÚµùÀ» ¹è¿ì´Â ¹æ¹ý
02-1 ÄÚµùÀ̶õ
02-2 ÄÚµùÀ» °øºÎÇÏ´Â ¹æ¹ý
03 _ ÄÚµù ÇÁ·Î±×·¥ ¼³Ä¡
03-1 ºñÁÖ¾ó ½ºÆ©µð¿À ÄÚµå(VS Code) ´Ù¿î·Îµå ¹× ¼³Ä¡
03-2 ºñÁÖ¾ó ½ºÆ©µð¿À ÄÚµå(VS Code) È®Àå ÇÁ·Î±×·¥ ¼³Ä¡Çϱâ
03-3 ºñÁÖ¾ó ½ºÆ©µð¿À ÄÚµå(VS Code) ȯ°æ ¼³Á¤
Chapter 01 À¥ »çÀÌÆ® ±âº» ¾Ë¾Æº¸±â
01 _ À¥ »çÀÌÆ®¶õ?
01-1 À¥ÀÇ °³³ä
01-2 À¥ »çÀÌÆ®ÀÇ Á¾·ù(±â¾÷, ºê·£µå, ÇÁ·Î¸ð¼Ç µî)
02 _ À¥ »çÀÌÆ®ÀÇ ±¸Á¶
03 _ À¥ ºê¶ó¿ìÀú Á¾·ù
04 _ À¥ Ç¥ÁØ°ú À¥ Á¢±Ù¼º
04-1 À¥ Ç¥ÁØ
04-2 À¥ Á¢±Ù¼º
05 _ Å©·Î½º ºê¶ó¿ì¡(À¥ ȣȯ¼º)
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 02 HTML ±âº» ¾Ë¾Æº¸±â
01 _ HTML À̶õ ¹«¾ùÀΰ¡?
02 _ HTML ÆÄÀÏ ¸¸µé±â
03 _ HTML ±âº» ¹®¼ ±¸Á¶
03-1 ¡´!DOCTYPE html¡µ
03-2 ¡´html¡µ~¡´/html¡µ
03-3 ¡´head¡µ~¡´/head¡µ
03-4 ¡´meta¡µ
03-5 ¡´title¡µ~¡´/title¡µ
03-6 ¡´body¡µ~¡´/body¡µ
04 _ HTML ±âº» ¹®¹ý
04-1 HTML ±âº» ÀÛ¼º ±ÔÄ¢
04-2 ¼¿ÇÁ Ŭ·Î¡(Self-Closing), ºó ű×
04-3 HTML ¿ä¼Ò ±¸Á¶
04-4 ºí·Ï ¿ä¼Ò, ÀζóÀÎ ¿ä¼Ò, ÀζóÀÎ-ºí·Ï ¿ä¼Ò
04-5 ÁÖ¼®
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 03 HTML À¥ ¹®¼¿¡ ´Ù¾çÇÑ ³»¿ë ÀÔ·ÂÇϱâ
01 _ ÅؽºÆ® ÀÔ·ÂÇϱâ
01-1 Á¦¸ñ ¡´h1¡µ~¡´h6¡µ
01-2 ¹®´Ü ¡´p¡µ
01-3 ÁÙ ¹Ù²Þ ¡´br¡µ
01-4 ±ÛÀÚ ±â¿ïÀÓ ¡´i¡µ
01-5 ±ÛÀÚ ±½°Ô
01-6 ÅؽºÆ® °Á¶ ¡´em¡µ
01-7 ÅؽºÆ® °Á¶ ¡´strong¡µ
01-8 ÅؽºÆ® ÀÛ°Ô ¡´small¡µ
01-9 ¸¶Å· Ç¥½Ã ¡´mark¡µ
02 _ ¸ñ·Ï ¸¸µé±â
02-1 ¼ø¼ ¾ø´Â ¸ñ·Ï ¡´ul¡µ ¡´il¡µ
02-2 ¼ø¼ ÀÖ´Â ¸ñ·Ï ¡´ol¡µ ¡´li¡µ
03 _ Ç¥ ¸¸µé±â 84
03-1 Ç¥ »ðÀÔ ¡´table¡µ 84
03-2 Ç¥ Á¦¸ñ ¡´caption¡µ 87
03-3 Ç¥ÀÇ ¿À» ¹´Â ±×·ì ¡´colgroup¡µ ¡´col¡µ
03-4 Ç¥ ¿µ¿ªÀ» ±×·ìÈ ¡´thead¡µ ¡´tbody¡µ ¡´tfoot¡µ
03-5 Ç¥ÀÇ Çà »ý¼º ¡´tr¡µ
03-6 Ç¥ÀÇ ¿ »ý¼º ¡´td¡µ
03-7 Ç¥ÀÇ Çà, ¿ ŸÀÌƲ »ý¼º ¡´th¡µ
03-8 ¼¿ ¿(°¡·Î) º´ÇÕ colspan
03-9 ¼¿ Çà(¼¼·Î) º´ÇÕ rowspan
04 _ À̹ÌÁö »ðÀÔÇϱâ
04-1 À̹ÌÁö »ðÀÔ ¡´img¡µ
04-2 ¡´img¡µ ű׿¡¼ »ç¿ëÇÏ´Â URL ÁÖ¼Ò¿Í ÆÄÀÏ °æ·Î
05 _ ÇÏÀÌÆÛ¸µÅ© »ðÀÔÇϱâ
05-1 ÇÏÀÌÆÛ¸µÅ© ¡´a¡µ
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 04 HTML ÀÔ·Â ¾ç½Ä ÀÛ¼ºÇϱâ
01 _ Æû »ðÀÔÇϱâ
01-1 ÀÔ·Â Æû ¡´form¡µ
01-2 »ç¿ëÀÚ ÀÔ·Â ¡´input¡µ
01-3 ¼±Åà ¸ñ·Ï ¡´select¡µ
01-4 ¡´select¡µ ¡´datalist¡µ ű×ÀÇ Ç׸ñ Á¤ÀÇ ¡´option¡µ
01-5 ¡´option¡µ Ç׸ñÀ» ¹´Â ±×·ì ¡´optgroup¡µ
01-6 ¹®Àå ÀÔ·Â ¡´textarea¡µ
01-7 ¹öÆ° ¡´button¡µ
01-8 ¶óº§ ¡´label¡µ
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 05 HTML ºÎ¸ð ¿ä¼Ò, ÀÚ½Ä ¿ä¼Ò, ÇüÁ¦ ¿ä¼Ò
01 _ DOMÀ¸·Î ¿ä¼Ò °ü°è ÆľÇÇϱâ
02 _ HTML ¿ä¼Ò °ü°è ÆľÇÇϱâ
ÇÙ½É Á¤¸®
Part 02 CSS ´Ù·ç±â
Chapter 06 CSS ±âº» ¾Ë¾Æº¸±â
01 _ CSS¶õ ¹«¾ùÀΰ¡?
02 _ CSS ±âº» ¹®¹ý
02-1 CSS ±âº» ±¸Á¶
02-2ÁÖ¼®
03 _ CSS ½ºÅ¸ÀÏ ½ÃÆ® Àû¿ë
03-1 ÀζóÀÎ ½ºÅ¸ÀÏ
03-2³»ºÎ ½ºÅ¸ÀÏ ½ÃÆ® ¡´style¡µ ¡´/style¡µ
03-3 ¿ÜºÎ ½ºÅ¸ÀÏ ½ÃÆ® ¡´link¡µ
03-4¿ÜºÎ ½ºÅ¸ÀÏ ½ÃÆ® @import
04 _ CSS ½ºÅ¸ÀÏ Àû¿ë ¿ì¼± ¼øÀ§(ij½ºÄÉÀ̵ù)
04-1½ºÅ¸ÀÏ ½ÃÆ® ÆÄÀÏ ¿ì¼±¼øÀ§
04-2 µ¿ÀÏ ½ºÅ¸ÀÏ ½ÃÆ® ³»¿¡ ¿ì¼±¼øÀ§
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 07 CSS ¼±ÅÃÀÚ ¾Ë¾Æº¸±â
01 _ CSS ±âº» ¼±ÅÃÀÚ
01-1 Àüü ¼±ÅÃÀÚ *
01-2 ÅÂ±× ¼±ÅÃÀÚ ¡´ÅÂ±×¸í¡µ
01-3 Ŭ·¡½º ¼±ÅÃÀÚ .
01-4 ¾ÆÀ̵𠼱ÅÃÀÚ #
01-5 ¼Ó¼º °Á¦ Àû¿ë !important
01-6 ¼±ÅÃÀÚ ¿ì¼±¼øÀ§(ij½ºÄÉÀ̵ù)
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 08 ÅؽºÆ® ²Ù¹Ì±â
01 _ ÆùÆ®(±Û²Ã) °ü·Ã ¼Ó¼º
01-1 ÆùÆ® ½ºÅ¸ÀÏ font-style
01-2 ÆùÆ® µÎ²² font-weight
01-3 ÆùÆ® »çÀÌÁî font-size
01-4 ÆùÆ® Á¾·ù font-family
01-5 ÆùÆ® »ö»ó color
02 _ ÅؽºÆ® °ü·Ã ½ºÅ¸ÀÏ
02-1 ÅؽºÆ® Á¤·Ä text-align
02-2 ±ÛÀÚ ¶óÀÎ text-decoration
02-3 ÅؽºÆ® ±×¸²ÀÚ text-shadow
02-4 ÅؽºÆ®¸¦ ´ë¹®ÀÚ³ª ¼Ò¹®ÀÚ º¯°æ text-transform
02-5 ±ÛÀÚ »çÀÌ °£°Ý letter-spacing
03 _ ¹®´Ü(¹®Àå) °ü·Ã ¼Ó¼º
03-1 ¹®Àå°ú ¹®Àå »çÀÌÀÇ °£°Ý line-height
03-2 ÁÙ ¹Ù²Þ, °ø¹é, ÁÙ ¼Ó¼º white-space
03-3 ÁÙ ¹Ù²Þ ¼Ó¼º word-break
03-4 ´Ü¾î »çÀÌÀÇ °£°Ý word-spacing
03-5 ÁÙ ¹Ù²Þ ¼³Á¤ word-wrap
04 _ ¸ñ·Ï °ü·Ã ¼Ó¼º
04-1 ¸ñ·Ï ½ºÅ¸ÀÏ list-style
04-2 ¸ñ·Ï ¸¶Ä¿ÀÇ À¯Çü list-style-type
04-3 ¸ñ·Ï ¸¶Ä¿ÀÇ À̹ÌÁö ¼³Á¤ list-style-image
04-4 ¸ñ·Ï ¸¶Ä¿ÀÇ À§Ä¡ ¼Ó¼º list-style-position
05 _ À¥ ÆùÆ® »ç¿ëÇϱâ
05-1 ½Ã½ºÅÛ ÆùÆ® vs À̹ÌÁö ÆùÆ® vs À¥ ÆùÆ®
05-2 À¥ ÆùÆ® Ư¡°ú Á¾·ù
05-3 À¥ ÆùÆ®¸¦ »ç¿ëÇϱâ À§ÇØ ¾Ë¾Æ¾ß ÇÒ @font-face
05-4 ±¸±Û À¥ ÆùÆ® »ç¿ë
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 09 »ö°ú ¹è°æ ³Ö¾î¼ ²Ù¹Ì±â
01 _ »ö»ó °ü·Ã ¼Ó¼º
01-1 »ö»ó °ª Á¾·ù
01-2 Åõ¸íµµ ÁöÁ¤ opacity
02 _ ¹è°æ ÁöÁ¤ °ü·Ã ¼Ó¼º
02-1 ¹è°æ ¼Ó¼º background
02-2 ¹è°æ»ö ÁöÁ¤(´Ü»ö) background-color
02-3 ¹è°æ À̹ÌÁö ÁöÁ¤ background-images
02-4 ¹è°æ»ö ÁöÁ¤(¼±Çü ±×¶óµ¥À̼Ç)
02-5 ¹è°æ»ö ÁöÁ¤(¿øÇü ±×¶óµ¥À̼Ç)
03 _ ¹è°æ À̹ÌÁö °ü·Ã ¼Ó¼º
03-1 ¹è°æ À̹ÌÁö °íÁ¤ ¿©ºÎ background-attachment
03-2 ¹è°æ À̹ÌÁö À§Ä¡ ±âÁØÁ¡ background-origin
03-3 ¹è°æ À̹ÌÁö À§Ä¡ ¿µ¿ª background-position
03-4 ¹è°æ À̹ÌÁö »ç¿ë ¹Ýº¹ ¿©ºÎ background-repeat
03-5 ¹è°æ À̹ÌÁö »çÀÌÁî background-size
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 10 ·¹À̾ƿôÀ» ¸¸µé±â À§ÇÑ CSS ¹Ú½º ¸ðµ¨
01 _ CSS ¹Ú½º ¸ðµ¨
01-1 ¹Ú½º ¸ðµ¨ °³³ä
01-2 CSS ¹Ú½º ¿ä¼Ò
02 _ ÄÜÅÙÃ÷ °ü·Ã ¼Ó¼ºµé
02-1 ¿ä¼Ò ³Êºñ width
02-2 ¿ä¼Ò ³ôÀÌ height
03 _ Å׵θ® °ü·Ã ¼Ó¼ºµé
03-1 ¿ä¼Ò Å׵θ® border
03-2 ¿ä¼Ò Å׵θ® ¸ð¾ç ¼³Á¤ border-style
03-3 ¿ä¼Ò Å׵θ® »ö»ó ¼³Á¤ border-color
03-4 ¿ä¼Ò Å׵θ® µÎ²² ¼³Á¤ border-width
03-5 ¿ä¼Ò Å׵θ® µÕ±Û°Ô ¼³Á¤ border-radius
04 _ ¿©¹é °ü·Ã ¼Ó¼ºµé
04-1 ¿ä¼Ò ¹Ù±ù ¿©¹é margin
04-2 ¿ä¼Ò ³»ºÎ ¿©¹é padding
04-3 ¹Ú½º Å©±â ±âÁØ box-sizing
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 11 ³» ½ºÅ¸ÀÏ Àû¿ëÀ» À§ÇÑ CSS ÃʱâÈ
01 _ CSS ÃʱâÈ
01-1 CSS ÃʱâÈ °³³ä
01-2 CSS ÃʱâÈ ±âÃÊ
01-3 CSS ÃʱâÈ ÀÀ¿ë
01-4 ¿ÜºÎ CSS ÃʱâÈ(Reset) ÄÚµå »ç¿ë
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 12 ·¹À̾ƿô ¹èÄ¡¸¦ À§ÇÑ CSS Æ÷Áö¼Å´×
01 _ °¡·Î·Î ¹èÄ¡ÇÏ´Â float
01-1 °¡·Î ¹èÄ¡ ¼Ó¼º float
01-2 °¡·Î ¿ÞÂÊ Á¤·Ä ¼Ó¼º left
01-3 °¡·Î ¿À¸¥ÂÊ Á¤·Ä ¼Ó¼º right
01-4 float ÇØÁ¦ ¼Ó¼º clear
02 _ ¿øÇÏ´Â À§Ä¡¿¡ ¹èÄ¡ÇÏ´Â position
02-1 ºê¶ó¿ìÀú ÁÂÇ¥
02-2 ¿øÇÏ´Â À§Ä¡¿¡ ¹èÄ¡ÇÏ´Â ¼Ó¼º position
02-3 ÀÚ±â ÀڽŠ±âÁØ relative
02-4 ºÎ¸ð ±âÁØ absolute
02-5 ºê¶ó¿ìÀú ±âÁØ fixed
02-6 ½ºÅ©·Ñ ¿µ¿ª ±âÁØ sticky
02-7 ¿ä¼ÒÀÇ ¼ø¼¸¦ Á¦¾îÇÏ´Â ¼Ó¼º z-index
03 _ Áß¾ÓÀ¸·Î ¹èÄ¡ÇÏ´Â ½¬¿î ¹æ¹ý
03-1 text-align/line-height »ç¿ë (ÅؽºÆ®)
03-2 vertical-align »ç¿ë (ÀζóÀÎ ¿ä¼Ò)
03-3 margin »ç¿ë (ºí·Ï ¿ä¼Ò)
03-4 position/margin »ç¿ë (ºí·Ï ¿ä¼Ò)
03-5 position/transform »ç¿ë (ºí·Ï ¿ä¼Ò)
04 _ Ç÷º½º ¹Ú½º
04-1 ¹èÄ¡ ¼Ó¼º flex
04-2 Ç÷º½º ¹Ú½º ¼Ó¼º
04-3 flex¸¦ È°¿ëÇÏ¿© °¡·Î ¹èÄ¡
05 _ ·¹À̾ƿô ¼Ó¼º È°¿ëÇغ¸±â
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Part 03 HTML & CSS ÇÑ °ÉÀ½ ³ª¾Æ°¡±â
Chapter 13 HTML ½Ã¸àƽ ű×
01 _ ¹®¼ ±¸Á¶È¸¦ À§ÇÑ ½Ã¸Çƽ ű׶õ?
01-1 ½Ã¸Çƽ ÅÂ±× °³³ä
01-2 ½Ã¸Çƽ ű׸¦ »ç¿ëÇØ¾ß ÇÏ´Â ÀÌÀ¯
02 _ ½Ã¸Çƽ ÅÂ±× Á¾·ù
02-1 ÆäÀÌÁö »ó´Ü¿¡ À§Ä¡ÇÑ ¸Ó¸®¸» ¿ä¼Ò ¡´header¡µ
02-2 ¸ÞÀÎ ¸Þ´º ºÎºÐÀ» ³ªÅ¸³»´Â ¿ä¼Ò ¡´nav¡µ
02-3 ÆäÀÌÁö ÀüüÀÇ ÁÖ¿ä ÄÜÅÙÃ÷¸¦ ³ªÅ¸³»´Â ¿ä¼Ò ¡´main¡µ
02-4 ÁÖÁ¦º°·Î ³ª´ ¼ö ÀÖ´Â ¿ä¼Ò ¡´section¡µ
02-5 °³º° ÄÜÅÙÃ÷¸¦ ³ªÅ¸³»´Â ¿ä¼Ò ¡´article¡µ
02-6 ÁÖ¿ä ÄÜÅÙÃ÷°¡ ¾Æ´Ñ ºÎ°¡ÀûÀÎ Á¤º¸¸¦ ³ªÅ¸³»´Â ¿ä¼Ò ¡´aside¡µ
02-7 ÆäÀÌÁö ÇÏ´Ü¿¡ À§Ä¡ÇÑ ²¿¸®¸» ¿ä¼Ò ¡´footer¡µ
02-8 Àǹ̸¦ °¡ÁöÁö ¾Ê´Â ºí·Ï ¿ä¼Ò¸¦ ¸¸µå´Â ¡´div¡µ
02-9 Àǹ̸¦ °¡ÁöÁö ¾Ê´Â ÀζóÀÎ ¿ä¼Ò¸¦ ¸¸µå´Â ¡´span¡µ
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 14 CSS ½ºÅ¸ÀÏ »ó¼Ó
01 _ CSS ½ºÅ¸ÀÏ »ó¼Ó
01-1 »ó¼Ó °¡´ÉÇÑ ¼Ó¼º
01-2 »ó¼ÓÀÌ µÇÁö ¾Ê´Â ¼Ó¼º
01-3 °Á¦ »ó¼Ó(inherit Å°¿öµå)
ÇÙ½É Á¤¸®
Chapter 15 CSS °í±Þ ¼±ÅÃÀÚ
01 _ ±×·ì ¼±ÅÃÀÚ(,)
02 _ ÇÏÀ§ ¼±ÅÃÀÚ
03 _ ÀÚ½Ä ¼±ÅÃÀÚ(¡µ)
04 _ ÀÎÁ¢ ÇüÁ¦ ¼±ÅÃÀÚ(+)
05 _ ÀÏ¹Ý ÇüÁ¦ ¼±ÀèÀÚ(~)
06 _ ¼Ó¼º ¼±ÅÃÀÚ
07 _ ¹ÝÀÀ ¼±ÅÃÀÚ
08 _ »óÅ ¼±ÅÃÀÚ
09 _ ±¸Á¶ ¼±ÅÃÀÚ
10 _ ÇüÅ ±¸Á¶ ¼±ÅÃÀÚ
11 _ °¡»ó ¼±ÅÃÀÚ
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Chapter 16 ¹ÝÀÀÇü À¥°ú ¹Ìµð¾î Äõ¸®
01 _ ¹ÝÀÀÇü À¥°ú ÀûÀÀÇü À¥
01-1 ¹ÝÀÀÇü À¥(Responsive Web)
01-2 ÀûÀÀÇü À¥(Adaptive Web)
01-3 ¸ð¹ÙÀÏ ÆÛ½ºÆ® µðÀÚÀÎ(Mobile First Design)
02 _ ºê¶ó¿ìÀú Å©±â¿¡ µû¶ó º¯ÇÏ´Â °¡º¯ ±×¸®µå¿Í ¿ä¼Ò
03 _ ¹Ìµð¾î Äõ¸®¶õ?
04 _ ¹Ìµð¾î Äõ¸® Àû¿ë ¹æ¹ý
ÇÙ½É Á¤¸®
½Ç½À ¿¹Á¦
Part 04 ½ÇÀü À¥ µðÀÚÀÎ
Chapter 17 ¼¼·Î ½ºÅ©·ÑÇü »çÀÌÆ® ¸¸µé±â
01 _ ·¹À̾ƿô ±¸Á¶ ÆľÇ
02 _ ±âº»ÀûÀÎ Áغñ
03 _ Çì´õ ¿µ¿ª ¸¸µé±â
04 _ ÄÜÅÙÃ÷ ¿µ¿ª ¸¸µé±â
Chapter 18 Ç®ÆäÀÌÁöÇü »çÀÌÆ® ¸¸µé±â
01 _ ·¹À̾ƿô ±¸Á¶ ÆľÇ
02 _ ±âº»ÀûÀÎ Áغñ
03 _ Çì´õ ¿µ¿ª ¸¸µé±â
04 _ ÄÜÅÙÃ÷ ¿µ¿ª ¸¸µé±â
Chapter 19 °¡·Î ½ºÅ©·ÑÇü »çÀÌÆ® ¸¸µé±â
01 _ ·¹À̾ƿô ±¸Á¶ ÆľÇ
02 _ ±âº»ÀûÀÎ Áغñ
03 _ ÄÜÅÙÃ÷ ¿µ¿ª ¸¸µé±â
Chapter 20 ¹ÝÀÀÇü »çÀÌÆ® ¸¸µé±â
01 _ ¹Ìµð¾î Äõ¸® ¹üÀ§ Á¤Çϱâ
02 _ ±âº»ÀûÀÎ Áغñ
03 _ ÄÜÅÙÃ÷ ¿µ¿ª ¸¸µé±â
[º°Ã¥ ºÎ·Ï(PDF º°Ã¥)]
Appendix 01 Chapter 12 ¿¹Á¦ 10°³
Appendix 02 Æ®·£Áö¼Ç°ú ¾Ö´Ï¸ÞÀ̼Ç
01 _ º¯Çü°ú °ü·ÃµÈ ¼Ó¼ºµé
01-1 º¯Çü ¼Ó¼º transform
01-2 ±âÁØÁ¡ ¼³Á¤ transform-origin
02 _ ¾Ö´Ï¸ÞÀÌ¼Ç 545
02-1 CSS ¾Ö´Ï¸ÞÀÌ¼Ç »ç¿ëÇÏ´Â ÀÌÀ¯
02-2 ¾Ö´Ï¸ÞÀÌ¼Ç Á¤ÀÇ @keyframes
02-3 ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ó¼º animation
02-4 ¾Ö´Ï¸ÞÀÌ¼Ç À̸§ ¼³Á¤ animation-name
02-5 ¾Ö´Ï¸ÞÀÌ¼Ç ¿òÁ÷ÀÓ ½Ã°£ ¼³Á¤ animation-duration
02-6 ¾Ö´Ï¸ÞÀÌ¼Ç Áö¿¬ ½Ã°£ ¼³Á¤ animation-delay
02-7 ¾Ö´Ï¸ÞÀÌ¼Ç ¹Ýº¹ Ƚ¼ö ¼³Á¤ animkation-iteration-count
02-8 ¾Ö´Ï¸ÞÀÌ¼Ç ¿òÁ÷ÀÓ ¹æÇâ ¼³Á¤ animation-direction
02-9 ¾Ö´Ï¸ÞÀÌ¼Ç Àç»ý ¼Óµµ ¼³Á¤ animation-timing-function
02-10 ¾Ö´Ï¸ÞÀÌ¼Ç ³¡³ ÈÄ »óÅ ¼³Á¤ animation-fill-mode
02-11 ¾Ö´Ï¸ÞÀÌ¼Ç ÁøÇà »óÅ ¼³Á¤ animation-play-state
03 _ Æ®·£Áö¼Ç
03-1 Àüȯ ¼Ó¼º transition
03-2 Àüȯ Àû¿ë ¿©ºÎ ¼³Á¤ transition-property
03-3 Àüȯ ½Ã°£ ¼³Á¤ transition-duration
03-4 Àüȯ ¼Óµµ ¼³Á¤ transition-timing-function
03-5 Àüȯ Áö¿¬ ½Ã°£ ¼³Á¤ transition-delay
04 _ Æ®·£Áö¼Ç°ú ¾Ö´Ï¸ÞÀÌ¼Ç ÀÀ¿ë
04-1 ¾Ö´Ï¸ÞÀÌ¼Ç vs Æ®·£Áö¼Ç
04-2 ¾Ö´Ï¸ÞÀÌ¼Ç ¶Ç´Â Æ®·£Áö¼Ç°ú Æ®·£½ºÆû ÇÔ²² »ç¿ëÇϱâ
Appendix 03 ½ÇÀü¿¡ ¾Õ¼
01 _ ³ª¸¸ÀÇ À¥ È£½ºÆà ¼¹ö ¸¸µé±â
01-1 À¥ È£½ºÆðú µµ¸ÞÀÎ
01-2 ¹«·á À¥ È£½ºÆà ¼¹ö ¸¸µé±â
02 _ FTP ÇÁ·Î±×·¥ À¥ È£½ºÆà ¿¬°áÇϱâ
°ü·ÃÀ̹ÌÁö
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
ÇöÀç À¥¿¡ÀÌÀü½Ã ±×´©À§Áî ´ëÇ¥ÀÌÀÚ gnuwiz.com ´ëÇ¥ ¿î¿µÀÚÀÌ´Ù. Ãâ°£ÇÑ Àú¼·Î ¡º±×´©À§ÁîÀÇ PHP&MySQL À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® + È°¿ë¡»(¾Ø½áºÏ), ¡ºJSP StudyÀÇ JSP À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® + È°¿ë(2ÆÇ)¡»(¾Ø½áºÏ), ¡º±×´©À§ÁîÀÇ HTML5 & CSS3 À¥ µðÀÚÀÎ ÀÔ¹® + È°¿ë¡»(¾Ø½áºÏ) µîÀÌ ÀÖ´Ù.
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±â»ý³â¿ùÀÏ | - |
---|
ÇöÀç À¥¿¡ÀÌÁ¯½Ã ±×´©À§Áî ´ëÇ¥ÀÌÀÚ gnuwiz.com ´ëÇ¥ ¿î¿µÀÚÀÌ´Ù. Ãâ°£ÇÑ Àú¼·Î ±×´©À§ÁîÀÇ PHP&MySQL À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® + È°¿ë(Àü¸é °³Á¤ÆÇ)_¾Ø½áºÏ, JSP StudyÀÇ JSP À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® + È°¿ë(2ÆÇ)_¾Ø½áºÏÀÌ ÀÖ´Ù.
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±â»ý³â¿ùÀÏ | - |
---|
ÇöÀç À¥ µðÀÚÀÎ & ÆÛºí¸®¼Å ÇÁ¸®·£¼ °»ç, gnuwiz.com ´ëÇ¥ ¿î¿µÀÚÀÌ´Ù. Àú¼·Î ¡º±×´©À§ÁîÀÇ HTML5 & CSS3 À¥ µðÀÚÀÎ ÀÔ¹®+È°¿ë¡»(¾Ø½áºÏ)ÀÌ ÀÖ´Ù.
»ý³â¿ùÀÏ | - |
---|
ÇöÀç À¥ µðÀÚÀÎ & ÆÛºí¸®¼Å ÇÁ¸®·£¼ °»ç, gnuwiz.com ´ëÇ¥ ¿î¿µÀÚÀÌ´Ù. Àú¼·Î ±×´©À§ÁîÀÇ HTML5 & CSS3 À¥ µðÀÚÀÎ ÀÔ¹®+È°¿ë (¾Ø½áºÏ)ÀÌ ÀÖ´Ù.
»ý³â¿ùÀÏ | - |
---|
Çö µ¿ÀÇ´ë Á¤º¸¾ÆÄ«µ¥¹Ì °»ç, ºÎ»êIT±³À°¼¾ÅÍ ÇÁ·Î±×·¡¹Ö °»ç, JSPStudy.co.kr ´ëÇ¥ ¿î¿µÀÚ´Ù. Àú¼·Î ¡ºJSP StudyÀÇ JSP À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® + È°¿ë(2ÆÇ)¡»(¾Ø½áºÏ), ¡ºIoT »ç¹°ÀÎÅͳÝÀ» À§ÇÑ ¶óÁ¸®ÆÄÀÌ 4 Á¤¼®¡»(¾Ø½áºÏ), ¡º¸ðµÎ°¡ ÇÒ ¼ö ÀÖ´Â Ç÷¯ÅÍ UI ÀÔ¹®¡»(¾Ø½áºÏ), ¡º±×´©À§ÁîÀÇ PHP & MySQL À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® + È°¿ë (Àü¸é °³Á¤ÆÇ)¡»(¾Ø½áºÏ), ¡º±×´©À§ÁîÀÇ HTML5 & CSS3 À¥ µðÀÚÀÎ ÀÔ¹® + È°¿ë¡»(¾Ø½áºÏ) µîÀÌ ÀÖ´Ù.
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±â»ý³â¿ùÀÏ | - |
---|
Çö) µ¿ÀÇ´ë ÀÚ¹ÙÇÁ·Î±×·¡¹Ö °úÁ¤ °»ç
Çö) JSPStudy.co.kr ´ëÇ¥ ¿î¿µÀÚ
[Àú¼]
ÇÑ ±ÇÀ¸·Î ³¡³»´Â ¶óÁ¸®ÆÄÀÌ 4 Á¤¼®(¾Ø½áºÏ)
JSPStudyÀÇ JSP & Servlet À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® + È°¿ë(¾Ø½áºÏ)
±×´©À§ÁîÀÇ PHP&MySQL À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® + È°¿ë(¾Ø½áºÏ)
JSPStudyÀÇ JAVA ÇÁ·Î±×·¡¹Ö ÀÔ¹®(¾Ø½áºÏ)
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±âÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
Àü°øµµ¼/´ëÇб³Àç ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.