20220512 TIL

• .env파일의 사용 - API키나 ID등을 사용시 보안상 이슈로 그대로 저장소에 올리면 안되기때문에, 직접 파일에 api키를 쓰지 않는다. 이를위해 .env 파일에

SASS_PATH=node_modules:src
REACT_APP_MOVIE_API_KEY='키나 id 값'

이렇게 쓰고 .gitignore에 .env를 추가해 준 후, 사용하고싶은 곳에

process.env.REACT_APP_MOVIE_API_KEY 

로 써주면 저장소에 올리더라도 key 유출될 위험이 없다.
그리고 cra로 생성한 프로젝트는 REACT_APP을 붙여야 한다고 한다.

• 프로젝트 실행중에 env 파일 생성시 다시 빌드해야 적용이 되더라. 이유는 잘모르겠다

• userecoil - recoil을 쓸때 [value,setter,reset]을 묶어 만든 hook으로, 아래 선언만으로 그냥 usestate처럼 사용 가능하다.

import { useRecoil } from 'hooks/state'

해결해야할것

• 스크롤시 검색바 고정을 위해 sticky를 써서 해결해볼 예정.