컴포넌트의 state를 정의해봅시다.부모 컴포넌트에 state를 설정해야 합니다. 여기에 값을 넣어두고 자식 컴포넌트들에게 전달하면 됩니다. 우선은 state를 선언만 하고 비워두었습니다. 우리는 api를 통해서 값을 불러올 것이기 때문에 api를 불러오는 것이 성공하면 state의 값을 변경하면 됩니다.함수는 하나의 기능을 가지면 됩니다.소제목 그대로 함수는 하나의 기능을 가지면 됩니다. 하나의 기능씩을 가진 함수들을 만들어서 api를 불러오도록 하겠습니다. 우선은 랜덤유저 생성기에서 api를 가져오는 함수입니다. 다수의 유저를 요청하는 방법은 "?results=원하는 숫자"를 뒤에 붙여주면 됩니다. 저는 12명을 요청할 생각이므로 "?results=12"를 붙이면 되겠군요. 처음은 _callApi라는..
async란 무엇인가?함수 앞에 async라는 명령어를 붙이면 비동기 함수를 정의할 수 있습니다. fetch api에 대해서 알아볼 때 프로미스를 언급한 적이 있습니다. 프로미스는 비동기처리에 활용되는 객체라고 했었죠. 비동기 함수(async를 붙인 함수)는 프로미스를 반환합니다. 간단히 프로미스를 반환하는 함수라고 생각하시면 됩니다.async는 어디에 붙일까?function이 들어가는 부분 앞 자리에 붙이면 됩니다. async function a(){}; let a = async function(){}; let a = async () => {}; 익명, 기명, 화살표 함수 모두 function이 들어가는 자리 앞에 async라는 명령어를 입력했습니다.비동기 함수의 특징비동기 함수의 특징은 앞 부분에서 ..