| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- js
- custom hook
- ํ๋ก๊ทธ๋๋จธ์ค
- icecandidate
- ์๋ฐฉํฅ ์ฐ๊ฒฐ ๋ฆฌ์คํธ
- JavaScript
- ์ฝํ
- Node.js
- ๋ฆฌ๋์ค ํดํท
- Redux toolkit
- ์๊ณ ๋ฆฌ์ฆ
- ์ฝ๋ ํฌ๋ฉง
- DP
- svgํ์ผ ๋ค๋ฃจ๊ธฐ
- ๋ถ์คํธ์ปจํผ๋ฐ์ค
- ์ฝ๋ฉํ ์คํธ
- ๋ฐฑ์ค
- TypeScript
- router v6
- ์ด๋ถํ์
- ๋ธ๋ฃจํธํฌ์ค
- ๋์ ๊ณํ๋ฒ
- ์ด๋ฏธ์ง ์์
- React
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์นด์นด์ค
- ๊ณผ์ ํ ์คํธ
- ๋๋๊ทธ ์ด๋ฒคํธ
- ์นด์นด์ค์ฑ์ฉ
- ๋ถ์คํธ์บ ํ์น๋ชจ๋ฐ์ผ
- Today
- Total
๋ชฉ๋ก์ฝ๋ ํฌ๋ฉง (1)
๐ฅ dev-ruby
[ESLint, Prettier] React ํ๋ก์ ํธ์ ESLint ์ Prettier ์ ์ฉํ๊ธฐ | ESLint ์ Prettier ์ฌ์ฉ๋ฒ๊ณผ ์ฐจ์ด์
ESLint ๋? Linter์ ๊ธฐ๋ฅ ๋์ ์ธ์ด์ธ Javascript์์๋ ์ฝ๋ ์๋ฌ๊ฐ ์์ฃผ ๋ฐ์ํ๋ค. ๋์ ๋ถ์(ํ๋ก๊ทธ๋จ์ ์ง์ ์คํํด์ ์ฝ๋๋ฅผ ๋ถ์)์ ํ๊ธฐ ๋๋ฌธ์ ์๋ฌ๋ฅผ ์ฐพ๊ธฐ ์ํด์๋ ์ฝ๋๋ฅผ ์ง์ ์คํํด์ ํ์ธ์ ํด๋ด์ผ ํ๋ค. ์ด๋ฅผ ๋์์ฃผ๋ ๊ฒ์ด Linter์ด๋ค. Linter๋ ์ฝ๋๋ฅผ ์ ์ ์ผ๋ก ๋ถ์ํ๊ธฐ ๋๋ฌธ์, ํ๋ก๊ทธ๋จ์ ์คํํ์ง ์๊ณ ๋ ์ฝ๋ฉ ์ปจ๋ฒค์ ์ ์๋ฐฐ๋๋ ์ฝ๋๋ ์ํฐ ํจํด์ ์๋์ผ๋ก ๊ฒ์ถํด์ค๋ค. ์ถ๊ฐ์ ์ผ๋ก ๊ฐ๋จํ ์ฝ๋ ํฌ๋งทํ ๊ธฐ๋ฅ๋ ์๋ค. ์ฐ์ , VScode์ ํ์ฅ๋ถํฐ ๊น์์ฃผ์ ! ๋ค์๊ณผ ๊ฐ์ด ๋ ๊ฐ๋ฅผ ๊น์์ฃผ์ ESLint ์ค์น $ npm install eslint ์ด์ ESLint ํจํค์ง ์ค์น๊ฐ ์๋ฃ๋๋ฉด ์ด๊ธฐํ๋ฅผ ํ๋ค. $ eslint --init ๊ทธ๋ผ ๋ค์๊ณผ ๊ฐ์ ๋จ๊ณ๋ณ ์ง๋ฌธ์ด ๋์จ๋ค. /..