GRAPHQL-CODEGEN

• 쓰는 이유?

  Playground에 API가 너무 많다!
  배껴적기도 힘들고 오타날 가능성도 높다.
  인자 = argument = 넣어주는값
  variables 에서 ctrl + 스페이스바 누르면 무슨값을 넣을건지 보여줌

코드린터 / 코드포멧터

코드린터

• eslint 사용

• 여러사람이 함께 개발할때 문법적인 규칙부분에서 통일성을 부여해주는 도구
  사람들마다 코드 스타일이 다르기때문에 회사에서는 필수다.

• ex) import 순서
== 금지 === 허용
''금지 ""허용

• 터미널에서 npx eslint . 명렁어를 이용해 규칙 검사가능!

코드포멧터

• prettier 사용

• 여러사람이 함께 개발할때 화면에 보이는 부분에서 통일성을 부여해주는 도구
  사람들마다 코드 스타일이 다르기때문에 회사에서는 필수다.

• ex) 띄어쓰기
줄바꿈

husky

• git에서 commit 하기 전에 기존의 규칙(typescript, eslint, prettier 등)을 지켜가면서 코딩을 진행했는지 검증해 주는 도구
• 규칙에 어긋나는 코드가 있다면 commit을 강제로 거절 한다.
• package.json 파일에 husky와 lint-staged 내용을 작성해주면 된다.

"husky": {
    "hooks": {
      "pre-commit" : "lint-staged"
    }
  },
"lint-staged": {
	"**/*.{ts,tsx}" : [
			"npx eslint ."
	  ]
	}
}