20220509 TIL

prettier

• warning: Delete ␍ prettier/prettier

eslintrc.json

"rules": {
    "prettier/prettier": ["warn", { "endOfLine": "auto" }] ,
}

엔드라인 시퀀스가 crlf로 설정되어 생기는 워닝이라고 한다. 저 라인 추가하여 해결

npm/yarn

clone 해오고 실행하기 전 install 받는데 문제가 있었다.
yarn으로 설정된 환경인데 모르고 npm i 를 쓰니 error가 떠서 못했었다.
yarnlock이 있는 환경에서는 yarn install 을 사용해야한다!

recoil

recoil은 react를 위한 상태관리 라이브러리이다.

npm install recoil

• atom : Atom은 상태의 일부를 나타낸다. 어떤 컴포넌트에서나 읽고 쓸 수 있다. atom의 값을 읽는 컴포넌트들은 암묵적으로 atom을 구독하고, atom에 업데이트가 있으면 atom을 구독하는 모든 컴포넌트들이 리렌더링 된다.

export const tempState = atom({
  key: 'templeState', // key이름
  default: ''         // 기본으로 저장될 값 지정
});

이런 형태로 사용