[🔧 Front-End Error] #6 / useEffect has a missing dependency / 2021-09-29

# 어떤 에러인가요?

- useEffect를 사용하여 컴포넌트가 mount 됐을때 실행되도록 빈 종속배열을 조건으로 두고 작업하고 있을 때 보게 되었음
- history라는 변수 안에 useHistory()실행을 담아두고 있고, history 변수를 useEffect 안에서 사용하고 있었음
- 에러는 아니였지만, 공통적으로 자주 등장하고 있어서 해결 방안이 필요하다고 느꼈음

# 에러 메시지

- `React Hook useEffect has a missing dependency: 'history'. Either include it or remove the dependency array`

# 에러 핸들링 방법
- useEffect 외부에 함수를 정의하고 useEffect 내에서 실행시킬 때, 함수도 종속 배열에 넣어줘야 함
- 정의한 함수를 종속 배열안에 넣어주면 해당 warning은 사라짐
- 실행에 문제가 있는건 아니라서, prettier 또는 eslint를 사용하는 경우 warning을 해제해도 괜찮다고 하는데 useEffect 종속배열 안에 넣어주는게 마음이 더 편한거 같긴 하다
- `
const aFunction = () => {~~~} /
useEffect(()=>{
aFunction()
}, [aFunction])
`

# 에러 핸들링을 위해 참고한 레퍼런스 링크

[React Hook useEffect has a missing dependency: 'dispatch'](https://stackoverflow.com/questions/58624200/react-hook-useeffect-has-a-missing-dependency-dispatch)
[[React 오류] React Hook useEffect has a missing dependency: ' '. Either include it or remove the dependency array react-hooks/exhaustive-deps](https://rrecoder.tistory.com/124)