10일차 / codegen

npm 버전 업그레이드: npm install -g npm
npm 버전확인: npm -v

9일차 코드리뷰

부정연산자

!("사과") = false

함수의 return

값을 반환한다는 뜻, 함수를 종료한다.
return이 있으면 그 줄에서 함수를 종료한다.

early exit 패턴

여러 사람이 개발을 하다가 뭉쳐지는 것들이 패턴이 된다.
이런 것들을 리팩토링이라고 한다.
early exit 패턴은 틀리면 튕겨내고 모두 맞았을 때 실행시키는 방법

---

Emotion, graphql code generator, react, npm등 홈페이지의 Docs 읽어보기!

Graphql-codegen

설치
yarn add @graphql-codegen/cli
yarn add @graphql-codegen/typescript
codegen.yaml 파일 생성
./src/commons/types/generated/types.ts => 이 경로에 types.ts 파일 생성
package.json- script란에 "generate": "graphql-codegen" 추가
yarn generate

코드 린터

eslint
import 순서
==금지, ===허용

설치
yarn add eslint --dev
npx eslint --init
3번째, 1번째, react, browser, use..., standard, yes, yes

코드 포멧터

prettier
띄어쓰기 2칸
OO길이 넘으면 줄바꿈

yarn add --dev --exact prettier
yarn add eslint-config-prettier --dev

오류찾기
npx eslint .