본문 바로가기
Frontend/React

[React] 기본 플러그인 개념 및 설정 방법

by SOLYI 2021. 11. 3.
  • ESlint : 내부적으로 스타일을 규정하는 것
$ npm i eslint -D // 다운로드
$ npx eslint --init //설정파일 생성
$ npx eslint index.js  // index.js파일의 코딩 스타일 검사
  • Prettier : 예쁜 코드 만들어주는 코드 포매터
$ npm i perttier -D		//설치
$ npx prettier index.js		//index.js 코드 예쁘게
///    ->  console.log('hello')		-> console.log("hello");		
		// 따옴표는 ' ' 만 사용하고 세미콜론은 false로 설정했다.
        
$ npx prettier index.js --write 	// js파일이 바뀜

///
default format => prettier	// setting 에서 설정 

//세부적인 설정 변경은 아래
prettierrc.json 에서 상세 설정가능 singleQuote, semi
  • husky : git 커밋 전 코드 검사
 $ git init   // husky 설치 전 git이 있어야함
 $ git i husky -D	// 설치
 $ npx husky install  // git hook  설치= 활성화
 
 
package.json/script부분에 "parepare": "husky install", 추가
 $ npx husky add .husky/pre-commit "npm test"		
 // npm test 실행하면 커밋전 모든 코드 에러를 한번 더 확인 할 수 있음

 

 

반응형