<豤>,<> | ۽(iCox)
HTML5, CSS3, JavaScript, jQuery ! Ʈ Ͽ Ʈ ! å ǥ̶ ӡ ̾߱⸦ , ܰ ֵ HTML5, CSS3, Javascript jQuery ǥ ⺻ Ȱ ϵ . ǥؿ ´ ֵ ⺻ Ȱ ٷ, PC Ʈ, º ϰ Ǵ Ͽ ֱٿ ̽ȭǴ 縦 Ͽ ϴ ںе鲲 ش.
Ӹǽ ʿ ⺻ α ȳ Ʈ ̸CHAPTER 1 HTML51.1 HTML5 ⺻ 01 HTML5 ⺻ 02 W3C validator 03 ũ ⺻ Ģ1.2 øƽ ũ ũ 01 øƽ ũ(Semantic markup) 02 ũ(Logical sequence markup)1.3 ҿ ζο 01 (Block-level Elements) 02 ζ (inline Element) 03 ҿ ζ Ư1.4 ⺻ 01 [h1]~[h6] 02 [p] 03 ּ [address] 04 ũ [a] 05 ̹ [img]1.5 ؽƮ 01 [em],[strong],[mark],[b],[small],[sub],[sup]1.6 01 [ol] 02 [ul] 03 [dl]1.7 ǥ Ӽ 01 ǥ [table], [tr], [td], [th], [thead], [tbody], [tfoot], [colgroup] 02 ġ colspan Ӽ, rowspan Ӽ 03 ǥ ټ [caption], scope Ӽ1.8 ֿ Ӽ 01 [form], [fieldset] 02 Է [input], type Ӽ 03 Է , [textarea], [select] 04 ټ label Ӽ 05 ֿ Է Ӽ1.9 01 [div] 02 [span]1.10 01 [header], [section], [footer], [nav], [article], [aside]1.11 ̵ 01 [audio] 02 [video]CHAPTER 2 CSS (CSS5)2.1 CSS ⺻ 01 ŸϽƮ 02 ܺ ŸϽƮ 03 @import 04 ζ Ÿ(inline style)2.2 (selector) 01 type 02 id 03 class 04 ü 05 06 ڽ 07 08 09 10 Ӽ 11 Ŭ 12 13 14 켱2.3 Ÿ 01 font-family 02 font-size, 03 font-weight 04 font-style 05 font-variant 06 line-height 07 font 08 Ʈ 09 color, ڵ 10 letter-spacing, word-spacing 11 text-decoration 12 text-transform 13 text-shadow2.4 (paragraph) Ÿ 01 text-align 02 vertical-align 03 text-indent 04 word-wrap 05 word-break 06 white-space 07 text-overflow 08 display 09 visibility 10 overflow 11 opacity2.5 (background) 01 background-color 02 background-image 03 background-repeat 04 background-position 05 background-attachment 06 background-size 07 background-origin 08 background-clip 09 Image Sprite 10 濡 gradient ϱ 11 multiple background2.6 BOX MODEL 01 width, height 02 padding 03 margin 04 border 05 outline 06 box-sizing 07 box-shadow 08 resize 09 appearance2.7 Ÿ CSS3 Ӽ 01 (2D transform) 02 Ӽȯ(transitions) 03 ִϸ̼(animation) 04 ٴ(multi-column)2.8 ̾ƿ: float 01 float 02 clear 03 float ϴ 2.9 ̾ƿ : position 01 position 02 left, right, top, bottom 03 z-index 04 float position ̾ƿ 05 position 2.10 ̵(media query) 01 [link ~ media=] 02 @media 03 media query 䳻 script2.11 layout 01 flex layout 02 grid layoutCHAPTER 3 ڹٽũƮ3.1 ڹٽũƮ ⺻ 01 ڹٽũƮ ⺻ 02 ⺻ Ģ 03 04 ġ 05 ⺻ ɾ3.2 01 (var, let) 02 (const) 03 Ÿ(Data Type)3.3 01 02 03 04 05 Ʈ 06 3.4 01 ǹ 02 ݺ 03 , dzʶٱ3.5 Լ 01 Լ 02 Լ 03 return, Ű 04 05 Լ 06 Լ3.6 ü 01 ü 02 ü3.7 ̺Ʈ 01 ֿ ̺Ʈ 02 ̺Ʈ 03 ̺Ʈ ü3.8 BOM (Bowser Object Model) 01 window ü 02 location ü 03 screen ü 04 history ü 05 navigator ü3.9 DOM (Document Object Model) 01 02 ҿ Ӽ 03 Ÿ 04 form üCHAPTER 4 jQuery4.1 jQuery 01 Download 02 CDN 03 jQuery Migrate Plugin 04 jQuery ⺻ 4.2 jQuery 01 ⺻ 02 Ӽ 03 04 Ž 4.3 jQuery ֿ 01 迭 02 03 Ŭ 04 Ӽ 05 Ÿ 06 07 ũ 08 09 α 4.4 jQuery ̺Ʈ 01 ̺Ʈ 02 ̺Ʈ 03 ̺Ʈ ü4.5 jQuery ȿ 01 ⺻ ȿ 02 Custom ȿ4.6. jQuery ÷ 01 SWIPER 02 DATEPICKER4.7 jQuery 浹 JSON ҷ 01 $.noConflict() 02 $.ajax() CHAPTER 5 Ʈ ǹ5.1 þ 01 PC þ 02 º þ 03 þ 04 ʿ Ÿ þ 05 ڵ ߶ ̹5.2 ũ 01 index.html κ 02 dzʶٱ ũ & ũ 03 header κ 04 κ 05 footer κ 06 κ 07 ̾ ˾ κ5.3 CSS (common.css) 01 ⺻ Ÿ 02 ư Ÿ 03 header κ 04 footer κ 05 Ѹ κ 06 α κ 07 ֱ Խù κ 08 κ 09 ˾ κ5.4 ũƮ (common.js) 01 gnb ۵ 02 03 top ư ũ 04 PC gnb 5.5 þ 01 ȸ þ 02 α Ұ þ 03 þ 04 α þ 05 ڵ ߶ ̹5.6 ũ CSS 01 κ 02 ȸ 03 α Ұ 04 05 α 5.7 ũƮ 01 α Ұ / ۵ãƺ