Note ≡ useEffect 내부에서 async/await 사용하기

useEffect 내부에서 async/await를 사용하고 싶다면 다음과 같이 작성하면 됩니다.

useEffect(() => {
  const fn = async () => {
    const _posts = await getPosts();
    setPosts(_posts);
  };
  fn();
}, [userId]);

useEffect에 등록하는 함수 자체를 async로 만들면 안 되기 때문에 내부에서 async 함수를 선언하고 호출하는 방식으로 구현합니다.