Paletton
์ ๊ทผ์ฑ ์๋ฎฌ๋ ์ด์ ๋ฐ ๋ค์ํ ํ์์ผ๋ก ๋ด๋ณด๋ด๊ธฐ ๊ธฐ๋ฅ์ ๊ฐ์ถ ๊ณ ์ ์ ์ธ ์์ ์ด๋ก ์ ์ฌ์ฉํ์ฌ ์กฐํ๋ก์ด ์์ ํ๋ ํธ๋ฅผ ๋ง๋ค๊ธฐ ์ํ ๋์์ด๋ ์์ ๋๊ตฌ์ ๋๋ค.
๊ฐ์
Paletton์ด๋?
Paletton์ ์ฌ์ฉ์๊ฐ RYB ์์ํ์ ๊ธฐ๋ฐ์ผ๋ก ์์ ์กฐํฉ์ ๋ง๋ค ์ ์๋๋ก ๋์์ฃผ๋ ์น ๊ธฐ๋ฐ ์์ ๊ตฌ์ฑํ ๋์์ด๋์ ๋๋ค. ๋จ์์์ 4์๊น์ง์ ์์ ์ธํธ๋ฅผ ์ง์ํ๊ณ ์๋งน์ ์ํ ์๊ฐ ์๋ฎฌ๋ ์ด์ ์ ํฌํจํ๋ฉฐ HTML, CSS, PNG์ ๊ฐ์ ํ์์ผ๋ก ํ๋ ํธ๋ฅผ ๋ด๋ณด๋ ๋๋ค.
Paletton์ ๋ฌด์์ ์ฌ์ฉ๋๋์?
ํ๊ทธ

์ฃผ์ ๊ธฐ๋ฅ
- ํ๋ ํธ ๋์์ธ์ ์ํ RYB ์ปฌ๋ฌ ํ
- ์๋งน์ ์ํ ์๋ ฅ ์๋ฎฌ๋ ์ด์
- ๋ค์ํ ํ์(HTML, CSS, PNG ๋ฑ)์ผ๋ก ๋ด๋ณด๋ด๊ธฐ
- WCAG์ฉ ์์ ๋๋น ๊ฒ์ฌ๊ธฐ
- ํ ์คํ์ผ ๋์์ธ์ ์ํ ํํ ํจ๋ธ๋ฆญ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
Paletton ์ฌ์ฉ ๋ฐฉ๋ฒ์?
์์ํ์์ ๊ธฐ๋ณธ ์์์ ์ ํํ๊ณ , ๋ฐ๊ธฐ์ ์ฑ๋๋ฅผ ์กฐ์ ํ๊ณ , ์ฌ์ ์ค์ ๋ชจ๋ธ ๋๋ ์์ ํ ๋ชจ๋์์ ์ ํํ๊ณ , ๋ค์ํ ์คํ์ผ์ ์กฐํฉ์ ๋ฏธ๋ฆฌ ๋ณด๊ณ , WCAG ์ค์ ์ฌ๋ถ์ ๋ํ ์์ ๋๋น๋ฅผ ํ ์คํธํ๊ณ , ๋์์ธ ํ๋ก์ ํธ์ ์ฌ์ฉํ๊ธฐ ์ํด ํ๋ ํธ๋ฅผ ๋ด๋ณด๋ ๋๋ค.
๋์ ๋๊ตฌ
์ฅ์ & ๋จ์
์ฅ์
- ์ด๋ณด์์ ์ ๋ฌธ๊ฐ๊ฐ ์ฌ์ฉํ๊ธฐ ์ฝ์ต๋๋ค.
- ์ข ํฉ์ ์ธ ์์ ์ด๋ก ๋๊ตฌ
- ํฌ๊ด์ ์ธ ๋์์ธ์ ์ํ ์ ๊ทผ์ฑ ๊ธฐ๋ฅ
- ๋น์ฉ ๋ถ๋ด ์์ด ๋ฌด๋ฃ๋ก ์ฌ์ฉ ๊ฐ๋ฅ
๋จ์
- ์๋ํ๋ ค๋ฉด JavaScript๊ฐ ํ์ํฉ๋๋ค.
- ๊ณ ๊ธ ๊ธฐ๋ฅ์ ๋ํ ํ์ต ๊ณก์ ์ด ์์ ์ ์์
์ฌ์ฉ ์ฌ๋ก
- ์น ๋ฐ UI ๋์์ธ ์์ ์ ํ
- ์ธํ ๋ฆฌ์ด ๋์์ธ ๋ฐ ์ฃผํ ๊ฐ์กฐ ํ๋ก์ ํธ
- ํจ์ ๋ฐ ํ ์คํ์ผ ๋์์ธ ํ๋ ํธ ์ ์
- ์์ ์ด๋ก ํ์ต์ ์ํ ๊ต์ก ๋๊ตฌ
Paletton ๊ฐ๊ฒฉ
์ฌ์ฉ์ ๋ฆฌ๋ทฐ
์์ง ๋ฆฌ๋ทฐ๊ฐ ์์ต๋๋ค
์ด ๋๊ตฌ์ ์ฒซ ๋ฒ์งธ ๋ฆฌ๋ทฐ์ด๊ฐ ๋์ธ์!