Color within Constraints
Medium
๐จ Lyft์ ํ์ฅ ๊ฐ๋ฅํ ์ปฌ๋ฌ ์์คํ ์ ๋ ๊ฐ์ธ์ ์ผ๋ก Lyft๋ผ๋ ํ์ฌ๋ฅผ Colorbox๋ผ๋ ํ๋ก์ ํธ๋ก ์ฒ์ ์๊ฒ ๋์๋๋ฐ์. ์ปฌ๋ฌ๋ฅผ ์ฒด๊ณ์ ์ด๊ณ ํจ์จ์ ์ผ๋ก ๋์์ธํ๊ธฐ ์ํ ๋ด๋ถ ํ์ ๋ ธ๋ ฅ์ด ์ธ์์ ์ด์์ต๋๋ค. ์ด๋ฒ ๊ธ์์๋ Lyft์ ๋์์ธ ์์คํ ๋งค๋์ Linzy Berry๊ฐ ์ด๋ป๊ฒ ํ๋ฉด ํ์ฅ ๊ฐ๋ฅํ ์ปฌ๋ฌ ์์คํ ์ ๊ตฌ์ถํ ์ ์๋์ง ์ด์ผ๊ธฐํฉ๋๋ค. ๐ ์ปฌ๋ฌ ์์คํ ์ Color spectrum๊ณผ ์ฌ๋ฌ Color spectrum์ ์กฐํฉ์ผ๋ก ์ด๋ฃจ์ด์ง Palettes๋ก ์ด๋ฃจ์ด์ง๋๋ค. ๐ Palettes๋ 'Text primay', 'Text placeholder' ๋ฑ ์ ํ์ ์ง์ ์ฌ์ฉํ๋ ์ปฌ๋ฌ์์ ํ์ธํ ์ ์์ต๋๋ค. Lyftํ์ ํผ๊ทธ๋ง์์ ํด๋น ํ๋ ํธ์ description์ ์ด๋ค Color spectrum์ ์ฌ์ฉํ๋์ง ๋ช ์ํ๊ณ ์๋ค์. ๐ ๋์์ธ ์์คํ ์ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ๊ธฐ ์ํด ์ฝ๋์ ๋์์ธ์์ ๋ชจ๋ 'Lint'๋ฅผ ์ฌ์ฉํ๊ณ ์๋ค๊ณ ํฉ๋๋ค. Lint๋ ํน์ ํ๋ก๊ทธ๋จ์ ์ง์นญํ๋ ๊ฒ์ ์๋๊ณ , ์ปจ๋ฒค์ ๋ฑ ๊ท์น์ ์ง์ผ์ ์ฝ๋๋ฅผ ์์ฑํ๋์ง ํ์ธํด์ฃผ๋ ํด์ธ๋ฐ์. ์ด์ ๋น์ทํ๊ฒ ํผ๊ทธ๋ง์์ ๋์์ธ์ ๊ท์น์ ์ง์ผ์ ์์ฑํ๋์ง ํ์ธํ ์ ์๋ ํ๋ฌ๊ทธ์ธ์ ์์ฒด์ ์ผ๋ก ์ ์ํ์ฌ ์ฌ์ฉํ๊ณ ์๋ค๊ณ ํฉ๋๋ค.
2020๋ 10์ 11์ผ ์ค์ 3:42