이번 미션에서 추가로 집중할 부분

페어 프로그래밍을 잘 하기

• 룰을 세팅하고, 회고하고, 네비게이터/드라이버 의 역할을 따르기

의사 결정 과정을 기록하기

• 코드만 남는 게 아니라, 기술적인 논의를 어떻게 했는지 등의 자료들을 남기기

오늘의 수업 목표

• API 요청 해보기
• JS→React→JS 연결 지어보기

수업 활동:

API 비동기 흐름을 페어와 정리해보기

idle 학습 → 서버를 불러올 때 idle 타임은 뭘까? → 사용자의 요청이 충분하지 않아서 (에러 x) 서버에서 동작이 수행되지 않고 대기하는 상태를 말하는 것 같다 → 3. 첫 로딩 시 넘어오지 않은 추가 데이터를 더보기 버튼으로 불러온다. 를 idle 상태로 적었음

useEffect 내부에서 비동기 사용.

export default function App() {
  const [todoList, setTodoList] = useState([]);
  useEffect(() => {
    (async () => {
      const todoListData = await getTodoList();
      setTodoList(todoListData);
    })();
  }, []);
  return <TodoList todoList={todoList} />;
}