๐ŸŽฏ๋„ค์ด๋ฐ

https://github.com/tipjs/javascript-style-guide

Markup Code Style Guide

https://jeonghakhur.gitbooks.io/frontend-coding-convention/content/html/

๐ŸŽฑ์ฝ”๋“œ

/* pixel๋กœ ์ •์˜ํ•ด์•ผ ํ•  ๊ฒƒ๋“ค */
box-shadow:
border-radius:
hamburger{
	line:
}

๐Ÿงธ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜

feat : ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ์ถ”๊ฐ€
fix : ๋ฒ„๊ทธ ์ˆ˜์ •
docs : ๋ฌธ์„œ ์ถ”๊ฐ€, ๋ณ€๊ฒฝ
style: ์ฝ”๋“œ ํฌ๋งทํŒ… (๋„์–ด์“ฐ๊ธฐ๋‚˜ ํƒญ ๋“ฑ์˜ ์ˆ˜์ •. ์ฝ”๋“œ ์ˆ˜์ •์€ ์—†์–ด์•ผ ํ•จ.)
refactor: ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง
test: ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ถ”๊ฐ€, ์ˆ˜์ •
chore: ๊ทธ ์™ธ ์ž์ž˜ํ•œ ์ž‘์—…๋“ค (์˜คํƒ€ ์ˆ˜์ •, ํŒจํ‚ค์ง€ ์ˆ˜์ • ๋“ฑ)

๐Ÿชฉ์ฃผ๊ฐ„ ์ผ์ •

5์กฐ ํ”„๋ก ํŠธ์—”๋“œ ์ฃผ๊ฐ„๊ณ„ํšํ‘œ

๐Ÿ’ŽCSS ๋‹จ์œ„ ์ปจ๋ฒค์…˜

vw:max-width ์ง€์ •ํ•ด์ค˜์•ผ ํ•จ. ํผ์˜ ํฌ๊ธฐ
vh:vw๋ž‘ ์œ ๋™์ ์œผ๋กœ
px:ํผ ๋‚ด๋ถ€ ์„ ํƒ์š”์†Œ(๋ฒ„ํŠผ, ๋ชจ๋‹ฌ, ๋“ฑ)
em:ํผ ์ œ๋ชฉ, ํฐํŠธ ํฌ๊ธฐ
%:min-max ๋ฐ˜๋“œ์‹œ ์ง€์ •

๐Ÿ’ˆ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ๋Š” dist/๋กœ ์‹œ์ž‘