오늘은 어제에 이어서 StateAirlines를 마저 했습니다. 새로 배운 내용은 없어 처음 풀었을 때 헤맸던 위주로 정리해보려고 합니다! Lifting State Up 부모컴포넌트에 아래와 같이 search 함수를 onSearch를 통해 전달해주면, 자식 컴포넌트에서 함수(Search)가 실행되면 onSearch에 의해 부모 컴포넌트가 변경됩니다. import { useState } from 'react' function Search({onSearch}) { //onSearch 넣어주기, Main에서도 해주기 const [textDestination, setTextDestination] = useState('') const handleChange = (e) => { setTextDestination(e..

오늘은 본격적으로 비동기에 대해서 공부했습니다. 이 부분은 완전히 처음 배운 부분이라 아직 많이 낯설지만 자주 보면서 익숙해지도록 노력하겠습니다! 비동기 정의 및 사례 동기와 달리 요청에 대한 결과가 다른 요청과 동시에 일어나지 않는 것을 말합니다. 따라서 요청 이후 다른 부분들이 계속해서 작업할 수 있게 해줍니다. 사례: DOM Elemenet의 이벤트 핸들러, 타이머, 서버에 자원 요청 및 응답 Callback Async(비동기)에서 실행되는 순서를 통제하고 싶을 때 Callback 함수를 사용할 수 있습니다. Error Handling에서 사용할 수 있으며, 주로 (err, data) 순서로 받게됩니다. 하지만 Callback 함수를 많이 사용하게 되면 가독성이 떨어지는 Callback Hell이 ..