2024.12.18 ~ 2025.01.16
๐๏ธ ๋๋ฅด๋ฉ - ํน๋ณํ ๋๋ค ์ฌํ ์๋น์ค ๐๏ธ
์ฌํ์ ์ค๋ ์ ๋๋ก๋ ๊ณํํ์ง ์์ ์ฐ์ฐํ ๋ฐ๊ฒฌ์์ ์์๋ฉ๋๋ค.
๋๋ฅด๋ฉ ์ ์ ์ฃผ๋์์ ์๋ก์์ ๋๋ผ๊ณ ์ถ์ ์ฌํ์๋ค์ ์ํ ๋๋ค ์ฌํ ์๋น์ค ๋ก, ์จ๊ฒจ์ง ๋ช
์์ ์ต์ ์ ์ฌํ ๋์ ์ ์ ๊ณตํฉ๋๋ค.
โจ ๋น์ ์ ์ทจํฅ์ ๋ด์ ๋๋ค ์ฌํ
์ํ๋ ์ฌํ ํ
๋ง๋ฅผ ์ ํํ์ธ์:
๐๏ธ ์์ฐ: ํธ๋ฅด๋ฆ ์์์ ํ๋ง์ ์ํ๋ค๋ฉด
๐ ์กํฐ๋นํฐ: ํ๋ ฅ์ด ํ์ํ ๋ ์ด๋ผ๋ฉด
๐๏ธ ์ ์: ๋ฌธํ์ ๊ฐ์ฑ์ ์ฑ์ฐ๊ณ ์ถ๋ค๋ฉด
โ ์นดํ: ์ฌ์ ๋ก์ด ํด์์ ์ฆ๊ธฐ๊ณ ์ถ๋ค๋ฉด
๐๏ธ ํด๋ณ: ๋ฐ๋ค์ ์ฒญ๋๊ฐ์ ๋๋ผ๊ณ ์ถ๋ค๋ฉด
์ ์ฃผ๋์ 12๊ฐ ์ง์ญ ์ค ๊ฐ๊ณ ์ถ์ ๊ณณ์ ์ ํํ๋ฉด,
๋๋ฅด๋ฉ ์ด ๊ทธ ์ง์ญ์ ์จ๊ฒจ์ง ๋ณด์ ๊ฐ์ ์ฅ์๋ค์ ์ฐพ์๋๋ฆฝ๋๋ค!
๐ฏ ๋๋ฅด๋ฉ`S TWO POINT
์ ํํ ์ง์ญ๊ณผ ํ
๋ง์ ์ด์ธ๋ฆฌ๋ ๋ง์ง์ ๋๋ค์ผ๋ก ์ถ์ฒ.
ํ์ง์ธ๋ค์ ์จ์ ๋ง์ง ๋ถํฐ ์ฌํ์๋ค์๊ฒ ์ฌ๋๋ฐ๋ ์ธ๊ธฐ ์๋น ๊น์ง ์์ ๋ ๋ฆฌ์คํธ๋ฅผ ์ ๊ณตํฉ๋๋ค.
์ ํ๋ ์ฅ์๋ค์ ๊ฐ์ฅ ํจ์จ์ ์ผ๋ก ๋ฐฉ๋ฌธํ ์ ์๋ ์ต์ ์ ๋์ ์ ์ค๊ณ.
์ง๋์ ๋ชจ๋ ์ฅ์๋ฅผ ํ๋์ ๋ณผ ์ ์์ด, ์ฌํ ๊ณํ์ด ๋ ์ฌ์์ง๋๋ค.
๐ ๋๋ฅด๋ฉ๊ณผ ํจ๊ป ๋ ๋๋ ์ ์ฃผ ์ฌํ
๋๋ฅด๋ฉ์ ์ ์ฃผ๋์ ์จ๊ฒจ์ง ๋งค๋ ฅ์ ๋ฐ๊ฒฌํ ์ ์๋ ํน๋ณํ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
๊ฐ๋ณ๊ฒ ๋ ๋๋ ๋๋ค ์ฌํ๋ถํฐ ๊ณํ์ ์ด๋ฉด์๋ ์ ์ฐํ ์ฌ์ ๊น์ง,
๋๋ก๋ ๊ณํํ์ง ์์ ๊ณณ์์ ์ต๊ณ ์ ์ถ์ต์ด ๋ง๋ค์ด์ง๋๋ค.
๋ฉ์ธ ํ๋ฉด
ํ์๊ฐ์
๋ก๊ทธ์ธ
์นด์นด์ค ์์
๋ก๊ทธ์ธ
๊ตฌ๊ธ ์์
๋ก๊ทธ์ธ
์์
๋ก๊ทธ์ธ - ํ์์ ๋ณด ์์
์ผ๋ฐ ๋ก๊ทธ์ธ - ํ์์ ๋ณด ์์
ํ์ ํํด
์ง์ญ ์ ํ
ํ
๋ง ์ ํ
์์ฑ๋ ์ผ์ ํ์ธ
์์ฑ๋ ์ผ์ ํ์ธ - ๊ฒฝ๋ก ํด๋ฆญ
์์ฑ๋ ๊ฒฝ๋ก ํ์ธ - ๋ค์ ๋ฝ๊ธฐ
์์ฑ๋ ์ผ์ ํ์ธ - ์ผ์ ์ ์ฅ
์ ์ฅ๋ ๊ฒฝ๋ก
์ ์ฅ๋ ๊ฒฝ๋ก ์ญ์
์ ์ฅ๋ ๊ฒฝ๋ก - ์์ธ ๊ฒฝ๋ก
์ ์ฅ๋ ๊ฒฝ๋ก - ํ๊ธฐ ์์ฑ
์ฌํ ํ๊ธฐ
์์ธ ํ๊ธฐ
์์ธ ํ๊ธฐ - ์ง๋ ํ์ธ
ํ๊ธฐ ์์ฑ
์์ฑํ ํ๊ธฐ ํ์ธ
ํ๊ธฐ ์ข์์ ๋ฐ ๋๊ธ
๋ชจ๋ฐ์ผ - ๋ฉ์ธ ํ๋ฉด
๋ชจ๋ฐ์ผ - ํ์์ ๋ณด ์์
๋ชจ๋ฐ์ผ - ์ผ์ ์์ฑ
๋ชจ๋ฐ์ผ - ์ ์ฅ๋ ๊ฒฝ๋ก๋ก
๋ชจ๋ฐ์ผ - ์ฌํ ํ๊ธฐ
๋ชจ๋ฐ์ผ - ํ๊ธฐ ์์ฑ
๐งฐ ํ๋ก์ ํธ ๊ธฐ์ ์คํ
| ์ปค๋ฐ ์ปจ๋ฒค์
Prefix
์ปค๋ฐ ๋ด์ฉ
feat
์๋ก์ด ๊ธฐ๋ฅ ์ถ๊ฐ, ์ปดํฌ๋ํธ ํ์ผ ์์ฑ
fix
๋ฒ๊ทธ ์์
docs
๋ฌธ์ ์์
style
์ฝ๋ formatting, ์ธ๋ฏธ์ฝ๋ก ๋๋ฝ, ์ฝ๋ ์์ฒด์ ๋ณ๊ฒฝ์ด ์๋ ๊ฒฝ์ฐ (์ํฐ ์ฒ์ ํ์ค ๋น์ฐ๋ ๊ฒฝ์ฐ)
refactor
์ฝ๋ ๋ฆฌํฉํ ๋ง
test
ํ
์คํธ ์ฝ๋, ๋ฆฌํฉํ ๋ง ํ
์คํธ ์ฝ๋ ์ถ๊ฐ, ๋๋ฏธ ๋ฐ์ดํฐ ์ฌ์ฉ์
chore
ํจํค์ง ๋งค๋์ ์์ , ๊ทธ ์ธ ๊ธฐํ ์์ e.g. .gitignore
design
CSS ๋ฑ ์ฌ์ฉ์ UI ๋์์ธ ๋ณ๊ฒฝ (tailwind ์ฌ์ฉ์)
types
ํ์
๋ฐ ์ธํฐํ์ด์ค ์ ์
comment
ํ์ํ ์ฃผ์ ์ถ๊ฐ ๋ฐ ๋ณ๊ฒฝ
rename
ํ์ผ ๋๋ ํด๋๋ช
์ ์์ ํ๊ฑฐ๋ ํ์ผ ์์น ์ฎ๊ธฐ๋ ์์
๋ง์ธ ๊ฒฝ์ฐ
delete
ํ์ผ์ ์ญ์ ํ๋ ์์
๋ง ์ํํ ๊ฒฝ์ฐ
!BREAKING CHANGE
์ปค๋ค๋ API ๋ณ๊ฒฝ์ ๊ฒฝ์ฐ
!HOTFIX
๊ธํ๊ฒ ์น๋ช
์ ์ธ ๋ฒ๊ทธ๋ฅผ ๊ณ ์ณ์ผ ํ๋ ๊ฒฝ์ฐ
revert
์๋ ์ฝ๋๋ก ๋๋๋ฆฌ๋ ์์
| Tailwind CSS ์์ฑ ์์ ์ปจ๋ฒค์
์์
์๋ฏธ
๋ํ๋๋ ์์ฑ
1
๋ ์ด์์
display, visibility, overflow, float, clear, position, top, right, bottom, left, z-index
2
BOX
width, height, margin, padding, border
3
๋ฐฐ๊ฒฝ
background
4
ํฐํธ
font, color, letter-spacing, text-align, text-decoration, text-indent, vertical-align, white-space
5
๊ธฐํ
์์ ์ธ๊ธ๋์ง ์์ ๋๋จธ์ง ์์ฑ๋ค๋ก ํฐํธ์ ๊ด๋ จ ์์ฑ ์ดํ์ ์ ์ธํ๋ฉฐ, ๊ธฐํ ์์ฑ ๋ด์ ์ ์ธ ์์๋ ๋ฌด๊ดํจ
PR ์ฌ๋ฆฌ๊ธฐ ์ ์ ํ์๋ค ํ์ธ ๋ฐ๊ณ ์ฌ๋ฆฌ๊ธฐ
PR Approve Comment ํ์.
PR ์ฌ๋ฆฌ๊ธฐ ์ ๋ฐ๋์ black, isort, mypy ์ฒดํฌ.