Html5-boilerplate: html5boilerplate๊ฐ€ ๋ชจ๋“  Bootstrap, normalize ๋ฐ modernizr์˜ ์ด์ „ ๋ฒ„์ „๊ณผ ํ•จ๊ป˜ V5.3.0์— ๊ณ ์ •๋˜์–ด ์žˆ๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2017๋…„ 05์›” 26์ผ  ยท  6์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: h5bp/html5-boilerplate

html5boilerplate V5.3.0์„ ๋‹ค์šด๋กœ๋“œํ•  ๋•Œ

๋ถ€ํŠธ์ŠคํŠธ๋žฉ v3.3.1(ํ•˜์ง€๋งŒ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ v3.3.7 ์‚ฌ์šฉ ๊ฐ€๋Šฅ)
normalize.css v3.0.2(๊ทธ๋Ÿฌ๋‚˜ normalize.css 7.0.0 ์‚ฌ์šฉ ๊ฐ€๋Šฅ)
Modernizr 2.8.3์€ 1.4.2์— ์‘๋‹ตํ•ฉ๋‹ˆ๋‹ค(๊ทธ๋Ÿฌ๋‚˜ modernizr 3.5๋Š” ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•จ)
๊ทธ๋ ‡๋‹ค๋ฉด ์™œ html5boilerplate๊ฐ€ ์ด์ „ ๋ฒ„์ „์˜ Bootstrap๊ณผ ํ•จ๊ป˜ ์ œ๊ณต๋˜๊ณ  normalize & modernizr์ž…๋‹ˆ๊นŒ? ๋ชจ๋“  ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ ์ตœ์‹  ๋ฒ„์ „์„ ์—…๋ฐ์ดํŠธํ•˜๊ณ , ํ‘œ์ค€ํ™” ๋ฐ ํ˜„๋Œ€ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? html5boilerplate์˜ ์„ค์ •์ด ์†์ƒ๋ฉ๋‹ˆ๊นŒ? ๋ชจ๋“  ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ์—…๋ฐ์ดํŠธํ•˜๊ณ , ์ •๊ทœํ™” ๋ฐ ํ˜„๋Œ€ํ™”ํ•˜๋Š” ๊ฒƒ์ด ์•ˆ์ „ํ•ฉ๋‹ˆ๊นŒ?

๋‹ค์‹œ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ์—…๋ฐ์ดํŠธํ•˜๊ณ , html5boilerplate๋กœ normalize & modernizrํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ์–ด๋–ค ๋ฐ”๋กœ ๊ฐ€๊ธฐ ๋˜๋Š” ๋ญ”๊ฐ€?

์œ ์šฉํ•œ ๋งํฌ : 1. https://html5boilerplate.com/ 2. https://necolas.github.io/normalize.css/ 3. http://getbootstrap.com/ 4. https://modernizr.com/

๋ชจ๋“  6 ๋Œ“๊ธ€

+1

  1. ๊ฑฐ์˜ ๋ชจ๋“  ๊ฒƒ์˜ ์—…๋ฐ์ดํŠธ ๋ฒ„์ „์ด ์žˆ๋Š” Github์—์„œ ์ตœ์‹  ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค(ํ•˜๋‚˜์˜ ๋ณ‘ํ•ฉ๋œ PR์ธ Modernizr ์ œ์™ธ, #1939 ์ฐธ์กฐ)
  2. ์šฐ๋ฆฌ๋Š” 6.0์„ ์ถœ์‹œํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ์ง€๋งŒ ์ž‘์—…ํ•  ์‹œ๊ฐ„์ด ๊ธธ์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์— ์ฝ”๋“œ๋ฅผ ๊บผ๋‚ด๋Š” ๊ฒƒ์ด ์•ฝ๊ฐ„ ์–ด๋ ค์› ์Šต๋‹ˆ๋‹ค. ์ฐธ์กฐ: #1880

@roblarsen ๋น ๋ฅธ ์‘๋‹ต์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๋‹น์‹ ์ด ์ œ์•ˆํ•œ ๊ฒƒ์ฒ˜๋Ÿผ GitHub์—์„œ H5BP๋ฅผ ๋‹ค์šด๋กœ๋“œํ–ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ €๋Š” GitHub๋ฅผ ์ฒ˜์Œ ์ ‘ํ•ด์„œ ํ˜ผ๋ž€์Šค๋Ÿฌ์›Œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. GitHub์—์„œ ๋‹ค์šด๋กœ๋“œ ๋‚ด๋ถ€์— "dist"๋ผ๋Š” ํด๋”๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ์ถ”์ธก์— ๋”ฐ๋ฅด๋ฉด ๊ทธ๊ฒƒ์ด ๋‚ด๊ฐ€ ํ•„์š”ํ•œ ์œ ์ผํ•œ ํด๋”์ž…๋‹ˆ๊นŒ? "dist" ํด๋”๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๊นŒ? ํ•ด๋‹น "dist" ์™ธ๋ถ€์˜ ๋‹ค๋ฅธ ๋ชจ๋“  ํŒŒ์ผ๊ณผ ํด๋”๋ฅผ ์‚ญ์ œํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์งˆ๋ฌธ 2. "dist" ํด๋”๋„ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์•ˆ์—๋„. normalize.css์˜ ๋ฒ„์ „์€ 5.0.0 n ์ตœ์‹  ๋ฒ„์ „์€ 7.0.0์ž…๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๊ณต์‹ ์›น ์‚ฌ์ดํŠธ์—์„œ normalize.css๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  "dist/css" ํด๋” ์•ˆ์— ์žˆ๋Š” normalize.css ํŒŒ์ผ์„ ๊ต์ฒดํ•ด์•ผ ํ•ฉ๋‹ˆ๊นŒ? ๊ทธ๊ฒŒ ๋ญ”๊ฐ€ ๊นจ์งˆ๊นŒ์š”? H5BP์˜ ์„ค์ •์ด ๋ฐฉํ•ด๋ฅผ ๋ฐ›์Šต๋‹ˆ๊นŒ? ์•„๋‹ˆ๋ฉด ์ถฉ๋Œ? normalize.css ์—…๋ฐ์ดํŠธ๋ฅผ ์œ„ํ•ด ํ†ตํ•ฉํ•ด์•ผ ํ•˜๋Š” H5BP ๋‚ด๋ถ€์˜ normalize.css ๋ฒ„์ „์„ ์—…๋ฐ์ดํŠธํ•  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ ค์•ผ ํ•ฉ๋‹ˆ๊นŒ?

์งˆ๋ฌธ 3. H5BP์˜ ๋งˆ์ง€๋ง‰ ์•ˆ์ • ๋ฒ„์ „์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? H5BP ๊ณต์‹ ์›น์‚ฌ์ดํŠธ์—์„œ ๋‹ค์šด๋กœ๋“œํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ ์ค‘ ํ•˜๋‚˜๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ๋˜๋Š” ๋ชจ๋“  normalize.css ๋“ฑ์˜ ์ƒˆ ๋ฒ„์ „์ด ์žˆ๋Š” GitHub์—์„œ ๊ฐ€์ ธ์˜จ ๊ฒƒ์ž…๋‹ˆ๊นŒ?

์˜ˆ, dist ์žˆ์œผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ํ•„์š”ํ•œ ์œ„์น˜์— ๋ณต์‚ฌํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. ์•„๋ฌด ๊ฒƒ๋„ ๊นจ์ง€์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. HTML5 ์ƒ์šฉ๊ตฌ๋Š” ์‚ฌ๋žŒ๋“ค์ด ๊ธฐ๋ณธ ์ฝ”๋“œ ์œ„์—์„œ ๋ชจ๋“  ์ข…๋ฅ˜์˜ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ถœ๋ฐœ์ ์ž…๋‹ˆ๋‹ค. ์•„๋ฌด๊ฒƒ๋„ ๊ธฐ๋‹ค๋ฆด ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์ฝ”๋“œ๋Š” ์›ํ•˜๋Š” ๋Œ€๋กœ ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

  2. ํ˜„์‹ค์ ์œผ๋กœ HEAD(์ตœ์‹  Github)๋Š” ์ƒ๋‹นํžˆ ์•ˆ์ •์ ์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“œ๋Š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์€ ์ผ๋ฐ˜์ ์œผ๋กœ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ๋ฏ€๋กœ ์ผ๋‹จ ๋ฉ”์ธ ๋ธŒ๋žœ์น˜์— ์ ์šฉํ•˜๋ฉด ์ค€๋น„๊ฐ€ ์™„๋ฃŒ๋ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๋งˆ์ง€๋ง‰ ๋ฆด๋ฆฌ์Šค๋Š” 5.3์œผ๋กœ ๋‚จ์•„ ์žˆ์Šต๋‹ˆ๋‹ค.

Modernizr ์—…๋ฐ์ดํŠธ๋ฅผ ์œ„ํ•œ tx ๋ชจ๋“  ๊ฒƒ์ด ์—…๋ฐ์ดํŠธ๋ฉ๋‹ˆ๋‹ค normalize.css 7.0.0๋งŒ ์—…๋ฐ์ดํŠธ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด H5BP๋Š” ๋ชจ๋“  ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ์ค€๋น„๋ฉ๋‹ˆ๋‹ค.

@archimj03 ๋งŽ์€ ํ”„๋กœ์ ํŠธ๊ฐ€ normalize.css๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์ง€ ์•Š์€ ์ข‹์€ ์ด์œ ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค: https://github.com/necolas/normalize.css/issues/664

...v5์—์„œ v6์œผ๋กœ์˜ ์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค ...์ด๋Š” 7.0.0์—์„œ ๋˜๋Œ๋ ค์กŒ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰