Tips
ESLint
.eslintrc.json
ํ์ผ์ ๋ค์๊ณผ ๊ฐ์ด ์ถ๊ฐํด์ค๋ค.
es6 ๋ฌธ๋ฒ๊ณผ jsx ๋ฅผ ํผ์ฉํ๊ธฐ ๋๋ฌธ์ ์๋์ ๊ฐ์ lint ์ค์ ์ ์ถ๊ฐํด์ค๋ค.
{
...
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
}
...
}
React Development Tools
์์ฌ์ด ๋๋ฒ๊ทธ ํ๊ฒฝ์ ์ํ์ฌ ํฌ๋กฌ ํ์ฅํ๋ก๊ทธ๋จ (Chrome Extension) ์์ ํด๋น ํ๋ฌ๊ทธ์ธ์ ์ค์นํ๋ค.
โ Next.js