툴 사용법/Library&패키지

[Storybook] 스토리북 설치하기 +) node 버전 업그레이드 에러 해결법

Storybook 설치하기 npx storybook@latest init 별 문제가 없다면 중간중간 계속 진행할 건지 물어볼 때마다 y 입력하면 끝난다. 설치는 이것으로 끝이다. 실행하면 localhost:6006로 브라우저를 띄워준다. npm run storybook Node 버전 업 에러 - 'To run storybook you need to have node 16 or higher' 가장 최신 버전의 storybook을 설치하려고 했더니 다음과 같이 node 버전 업그레이드를 하라고 한다. node.js 사이트 가서 새로 다운받으면 되긴 하는데 오래 걸릴 것 같아서 새로 설치하기보다 버전업을 알아봤다. 나는 윈도우를 사용하고 있기 때문에 nvm라는 node 버전업을 도와주는 프로그램을 github..

[ESLint] ESLint 설치 및 설정하는 법

ESLint란? 작성한 코드가 문법에 맞는지 검사해주는 프로그램 1. 설치하기 CRA로 프로젝트를 만들었다면 설치를 안해도 이미 node_modules에 ESLint가 설치되어 있다. CRA로 만든 프로젝트가 아니라면 npm으로 설치해주자. 개발할 때 필요하므로 devDependency로 다운받는다. npm install eslint --save-dev 다음으로 VSCode의 extension을 다운받자. 2. 설정 파일 작성 package.json 파일에 보면 아래와 같이 "eslintConfig" 부분이 있다. package.json에서 바로 작성하면 찾는 것과 유지보수하기가 힘들어지므로 이 부분을 삭제하고 따로 .eslintrc.json 파일을 만들어 린트 설정을 해 줄 것이다. package.js..