stylelint ๋ฌธ์ ์์ :
"CSS์์๋ ์์ค ์์๊ฐ ์ค์ํ๋ฉฐ, ๋ ๊ฐ์ ์ ํ์๊ฐ ๋์ผํ ํน์ด์ฑ์ ๊ฐ์ง ๊ฒฝ์ฐ ๊ฐ์ฅ ๋์ค์ ๋ฐ์ํ๋ ๊ฒ์ด ์ฐ์ ํฉ๋๋ค. ๊ทธ๋ฌ๋ ์ ํ์ ์ค ํ๋๊ฐ ๋ ๋์ ํน์ด์ฑ์ ๊ฐ๋ ๊ฒฝ์ฐ ์ํฉ์ด ๋ค๋ฆ
๋๋ค. ์ด ๊ฒฝ์ฐ ์์ค ์์๋ ๊ทธ๋ ์ง ์์ต๋๋ค. ๋ฌธ์ : ๋ ๋์ ํน์ด์ฑ์ ๊ฐ์ง ์ ํ์๊ฐ ๋จผ์ ๋์ค๋๋ผ๋ ์น๋ฆฌํฉ๋๋ค.
์ฐ์ ์์ ์ง์ ์ ์ํ ์ด ๋ ๊ฐ์ง ๋ฉ์ปค๋์ฆ, ์ฆ ์์ค ์์์ ํน์์ฑ์ ์ถฉ๋์ ์คํ์ผ์ํธ๋ฅผ ์ฝ์ ๋ ์ฝ๊ฐ์ ํผ๋์ ์ผ์ผํฌ ์ ์์ต๋๋ค. ๋ ๋์ ํน์ด์ฑ์ ๊ฐ์ง ์ ํ์๊ฐ ๊ทธ๊ฒ์ด ์ฌ์ ์ํ๋ ์ ํ์๋ณด๋ค ๋จผ์ ์ค๋ฉด ์ฐ๋ฆฌ๋ ๊ทธ๊ฒ์ ์ดํดํ๊ธฐ ๋ ์ด๋ ต๊ฒ ์๊ฐํด์ผ ํฉ๋๋ค. ์๋ํ๋ฉด ๊ทธ๊ฒ์ด ์์ค ์์ ๊ธฐ๋์น๋ฅผ ์๋ฐํ๊ธฐ ๋๋ฌธ์ ๋๋ค. "
Stylelint ( npm install && npm run lint:fix
๋ฅผ ์ฌ์ฉํ์ฌ ์คํํ ์ ์์)๋ ๋ค์๊ณผ ๊ฐ์ด ๊ตฌ์ฑ๋ ๊ฒฝ์ฐ ์ด๋ฅผ ๊ฐ์งํ ์ ์์ต๋๋ค.
"no-descending-specificity": true,
์ฐธ๊ณ : ํ์ฌ ์ด ๊ท์น์ ๋ํด ๋ง์ ์๋ฐ์๊ฐ ์์ผ๋ฏ๋ก ์ด๋ฅผ ์๋ํ๊ธฐ ์ ์ master.less๊ฐ ๋ ๊ด๋ฆฌํ๊ธฐ ์ฌ์์ง ๋๊น์ง(#1092) ๊ธฐ๋ค๋ฆฌ๋ ๊ฒ์ด ์ข์ต๋๋ค.
npm run lint:fix
๋ฅผ ํตํด ํ์ง๋ ๋ชจ๋ ์๋ฐ์๋ฅผ ์์ ํฉ๋๋ค.๋์ค์ ํ๋ ๊ฒ๋ณด๋ค ๋นจ๋ฆฌ ํ๋ ๊ฒ์ด ์ข์ต๋๋ค... ๋ค๋ฅธ ์ฌ๋์ด ํ์ง ์๋๋ค๋ฉด ์ด ์์ ์ ์ํํ ๊ฒ์ ๋๋ค.
์ด๊ฒ๋ ์ข ๊น๋ค๋กญ์ต๋๋ค. ๋ฒ์ฃ์๊ฐ ๋ง์ต๋๋ค :-S
์๋ ํ์ธ์ @jdlrobson! ๊ทธ๋๋ ํ์ํ ๊ฒฝ์ฐ ๋์์ด ๋์์ผ๋ฉด ํฉ๋๋ค.
์ฐ๋ฆฌ๋ํ๋ค! ๊ฐ์ธ์ @thefifthisa !
@jdlrobson ํ๋ฅญํฉ๋๋ค. ๊ฐ์ฌํฉ๋๋ค! ์ด๋ค ์์ ์ ์ด๋ฏธ ์ํํ๋์ง ์ ์ ์์ผ๋ฏ๋ก ์ด๋์๋ถํฐ ์์ํด์ผ ํ๋์ง ์ ์ ์์ต๋๊น?
@thefifthisa ๊ธฐ์กด stylelint ๊ตฌ์ฑ ํ์ผ ์ ๊ท์น์ ์ถ๊ฐํ๊ณ ์คํํ ๋ ๋ก์ปฌ์์ ์ค๋ฅ๋ฅผ ๋ณผ ์ ์๋์ง ํ์ธํ๋ ๊ฒ์ผ๋ก ์์ํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
npm install
npm run lint:fix
์ด ๊ท์น์ ์ถ๊ฐํ ๋ ๋ง์ ์ค๋ฅ๊ฐ ํ์๋ฉ๋๋ค.
์ฒซ ๋ฒ์งธ pull ์์ฒญ์ ์๊ณ ๋ณํฉ ์ถฉ๋๋ก๋ถํฐ ํฉ๋ฆฌ์ ์ผ๋ก ์์ ํ๊ฒ ์ ์งํฉ์๋ค! ์ผ๋ฐ์ ์ผ๋ก 6๊ฐ ์ด์์ ์ค๋ฅ ๊ฐ ์๋ ๋์ฉ๋ ํ์ผ์ ์๋จ์์ ๊ท์น์ ๋นํ์ฑํํ๋ ๊ฒ์ด ์ข์ต๋๋ค[1]. (์: static/css/components/header-bar.less ๋ฐ static/css/legacy.less) ๋ฌธ์ ๊ฐ ์ ์ ํ์ผ์ ์ค์ ์ ๋ก๋๋ค.
์ด Linting์ ๋ชฉํ๋ CSS๋ฅผ ์ฒ์ฒํ ๊น์๋ด๊ณ ๊ฐ์ ํ์ฌ ํ ๋ฒ์ ๋๋ฌด ๋ง์ ์์ ์ ์ํํ์ง ์๋๋ก ํ๋ ๊ฒ์ ๋๋ค. 1-6๊ฐ์ ๋ฌธ์ ๊ฐ ์๋ ํ์ผ์ ์ง์คํ์ธ์! ๊ทธ๋ ์ง ์์ผ๋ฉด ๊ทํ๊ฐ ์์ฑํ๊ณ ๋ค๋ฅธ ์ฌ๋๋ค์ด ๊ฒํ ํ๊ธฐ๊ฐ ๋ ์ด๋ ค์์ง๋๋ค.
์ด๊ฒ ๋ง์ด ๋์?
์ถ๊ฐ ์๋ด๊ฐ ํ์ํ๋ฉด ์๋ ค์ฃผ์ธ์!
[1] ํ์ผ ๋งจ ์์ ๋ค์ ์ค์ ์ถ๊ฐํ๋ฉด ๊ท์น์ด ์ ์ฉ๋์ง ์์ต๋๋ค!
/* stylelint-disable no-descending-specificity */
@jdlrobson ์๊ฒ ์ต๋๋ค. ๋ฐฉ๊ธ PR์ ์ ์ถํ์ต๋๋ค!
๋ ๊ทธ๋ฅ ํฐ์ ์ธ ๋ฅผ ์ํด
์ด๊ฒ์ ๋ซ์ ์ ์์ต๋๋ค ... @fifthisa ๋๋ถ์ ์ฝ๋๋ฒ ์ด์ค์ no-descending-specificity๊ฐ ์์ต๋๋ค :)
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋ ๊ทธ๋ฅ ํฐ์ ์ธ ๋ฅผ ์ํด