์์ ๋๊ตฌ
ํ๋ก์ ํธ๋ฅผ ์ํ ์์ ํ๋ ํธ๋ฅผ ์์ฑ, ๋ถ์, ๋ด๋ณด๋ด๊ธฐํ์ธ์.
์์ ์ ํ๊ธฐ
์ด๋ฏธ์ง์์ ์ง์ ์์์ ์ ํํฉ๋๋ค.
์์ ์ถ์ถ
์ด๋ฏธ์ง์์ ์ฃผ์ ์์์ ์ถ์ถํฉ๋๋ค.
ํ๋ ํธ ์์ฑ๊ธฐ
์ด๋ฏธ์ง์์ ์์ ํ ์์ ํ๋ ํธ๋ฅผ ์์ฑํฉ๋๋ค.
์ง๋ฐฐ์ ์ธ ์์
์ด๋ฏธ์ง์ ์ง๋ฐฐ์ ์ธ ์์์ ์๋ณํฉ๋๋ค.
์ ์ฌํ ์์
์ ํํ ์์๊ณผ ์ ์ฌํ ์์์ ์ฐพ์ต๋๋ค.
์์ ๋ณํ
HEX, RGB, HSL, CMYK ํ์ ๊ฐ ์์์ ๋ณํํฉ๋๋ค.
์์ ๋๋น
WCAG ์ ๊ทผ์ฑ์ ์ํ ๋๋น ๋น์จ์ ํ์ธํฉ๋๋ค.
ํ๋ ํธ ๋ด๋ณด๋ด๊ธฐ
CSS, JSON, ASE ํ์์ผ๋ก ํ๋ ํธ๋ฅผ ๋ด๋ณด๋ ๋๋ค.
์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
๋์์ธ์์ ์์์ด ์ด๋ป๊ฒ ๋ณด์ด๋์ง ๋ฏธ๋ฆฌ ๋ด ๋๋ค.
์์ ๋ค์ด๋ก๋
์์ ํ๋ ํธ๋ฅผ ์ด๋ฏธ์ง๋ก ๋ค์ด๋ก๋ํฉ๋๋ค.
์์ ๊ณต์
๊ณ ์ ํ ๋งํฌ๋ก ํ๋ ํธ๋ฅผ ๊ณต์ ํฉ๋๋ค.
์์ ์กฐํ
๋ณด์, ์ผ์ ๋ฑ ๋ค์ํ ์กฐํ๋ฅผ ํ์ํฉ๋๋ค.
CSS ๊ทธ๋ผ๋์ธํธ
์ ํ, ๋ฐฉ์ฌํ, ์๋ฟํ CSS ๊ทธ๋ผ๋์ธํธ๋ฅผ ์์ฑํฉ๋๋ค.
๋ฉ์ ๊ทธ๋ผ๋์ธํธ
์๋ฆ๋ค์ด ๋ค์ ๋ฉ์ ๊ทธ๋ผ๋์ธํธ๋ฅผ ๋ง๋ญ๋๋ค.
์ ๋๋ฉ์ด์ ๊ทธ๋ผ๋์ธํธ
CSS๋ก ์ ๋๋ฉ์ด์ ๊ทธ๋ผ๋์ธํธ ๋ฐฐ๊ฒฝ์ ๋ง๋ญ๋๋ค.
์๋งน ์๋ฎฌ๋ ์ดํฐ
์๋งน ์ฌ์ฉ์์๊ฒ ์ด๋ป๊ฒ ๋ณด์ด๋์ง ์๋ฎฌ๋ ์ด์ ํฉ๋๋ค.
ํ ์คํธ ๊ฐ๋ ์ฑ
๋ค์ํ ์์ ์กฐํฉ์ผ๋ก ๊ฐ๋ ์ฑ์ ํ ์คํธํฉ๋๋ค.
WCAG ๋ถ์๊ธฐ
ํ๋ ํธ์ WCAG ์ค์ ์ฌ๋ถ๋ฅผ ๋ถ์ํฉ๋๋ค.
๊ธ๋์ค๋ชจํผ์ฆ
CSS๋ก ๊ธ๋์ค๋ชจํผ์ฆ ํจ๊ณผ๋ฅผ ์์ฑํฉ๋๋ค.
๋ด๋ชจํผ์ฆ
์ํํธ UI ๋ด๋ชจํฝ ํจ๊ณผ๋ฅผ ๋ง๋ญ๋๋ค.
์ปฌ๋ฌ ๊ทธ๋ฆผ์
์ปฌ๋ฌ ๊ทธ๋ฆผ์ CSS ํจ๊ณผ๋ฅผ ์์ฑํฉ๋๋ค.
๋์คํค ํจ๊ณผ
์ด๋ฏธ์ง์ ๋์คํค ์์ ํจ๊ณผ๋ฅผ ์ ์ฉํฉ๋๋ค.
์ด๋ฏธ์ง ์์ ํํฐ
์ด๋ฏธ์ง์ ์์ ํํฐ๋ฅผ ์ ์ฉํฉ๋๋ค.
์ปฌ๋ฌ ๋ฌด๋๋ณด๋
์์ ํ๋ ํธ๋ก ๋ฌด๋๋ณด๋๋ฅผ ๋ง๋ญ๋๋ค.
์์ ๋ฏน์
์์์ ํผํฉํ๊ณ ๋ธ๋ ๋ฉํฉ๋๋ค.
ํดํธ & ์ ฐ์ด๋
๋ชจ๋ ์์์ ํดํธ์ ์ ฐ์ด๋๋ฅผ ์์ฑํฉ๋๋ค.
๋๋ค ํ๋ ํธ
์๊ฐ์ ์ํ ๋๋ค ํ๋ ํธ๋ฅผ ์์ฑํฉ๋๋ค.
ํค์๋ ํ๋ ํธ
ํค์๋๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ๋ ํธ๋ฅผ ์์ฑํฉ๋๋ค.
Tailwind ํ๋ ํธ
Tailwind CSS ์์ ๊ตฌ์ฑ์ ์์ฑํฉ๋๋ค.
CSS ๋ณ์
์์์ CSS ์ปค์คํ ์์ฑ์ผ๋ก ๋ด๋ณด๋ ๋๋ค.
shadcn/ui ํ ๋ง
shadcn/ui์ฉ ํ ๋ง ๊ตฌ์ฑ์ ์์ฑํฉ๋๋ค.
SCSS ๋ณ์
์์์ SCSS/Sass ๋ณ์๋ก ๋ด๋ณด๋ ๋๋ค.
์์จ๋
์์์ ๋ฐ๋ปํ/์ฐจ๊ฐ์ด ํค์ ๋ถ์ํฉ๋๋ค.
์์ ๋ฌด๋
์์์ ๊ฐ์ ๊ณผ ์ฌ๋ฆฌํ์ ํ๊ตฌํฉ๋๋ค.
๋ธ๋๋ ์์
๋ก๊ณ ์์ ๋ธ๋๋ ์์์ ์ถ์ถํฉ๋๋ค.
์์ ํธ๋ ๋
ํธ๋ ๋ ์์๊ณผ ํ๋ ํธ๋ฅผ ๋ฐ๊ฒฌํฉ๋๋ค.
๊ทธ๋ผ๋์ธํธ ๋งต
์ด๋ฏธ์ง์ ๊ทธ๋ผ๋์ธํธ ๋งต์ ์ ์ฉํฉ๋๋ค.
์์ ์ค๋ฒ๋ ์ด
์ด๋ฏธ์ง์ ์์ ์ค๋ฒ๋ ์ด๋ฅผ ์ถ๊ฐํฉ๋๋ค.
๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ
๋ชจ๋ ธํฌ๋กฌ ์ ๊ตฌ์ฑํ๋ฅผ ๋ง๋ญ๋๋ค.
๋ณด์ ๊ตฌ์ฑํ
๋ณด์ ์ ๊ตฌ์ฑํ๋ฅผ ์์ฑํฉ๋๋ค.
UI ๋ฏธ๋ฆฌ๋ณด๊ธฐ
UI ์ปดํฌ๋ํธ ๋ชฉ์ ์์ ์์์ ๋ฏธ๋ฆฌ ๋ด ๋๋ค.
์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
์์ ๋ฏธ๋์ด ๋ชฉ์ ์์ ์์์ ๋ฏธ๋ฆฌ ๋ด ๋๋ค.