useEffect(() => {
  setA(true);
}, []);

useEffect(() => {
  console.log(a);
}, []);
// console
//  false
// false

  useEffect(() => {
    setA(true);
  }, []);

  useEffect(() => {
    console.log(a);
  }, [a]);
    // console
    // false
    // false
    // true

# useEffect Hook에 관하여

부모 컴포넌트의 상태값 open에 따라 animation효과를 적용하기 위해 useEffectf를 사용하며

궁금증과 알게된 점에 대하여 적어봄.

  ```js
useEffect(() => {
    setA(true);
  }, []);

  useEffect(() => {
    console.log(a);
  }, []);
// console
//  false
// false
```
위에 정의된 useEffect에서 상태값 변경 >> 아래 훅에서 검지 하지 못함.

```js
  useEffect(() => {
    setA(true);
  }, []);

  useEffect(() => {
    console.log(a);
  }, [a]);
    // console
    // false
    // false
    // true
```
의존성 배열에 추가 하면 감지 하나 리 랜더링이 일어난 후이다.