주니어개발자성공하자

👉 동기와 비동기 동기 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어지는 방식이다. 모든 일이 순차적으로 실행된다. 비동기 요청을 보낸 순서와 상관없이 또 다른 동작이 요청하고 이루어지는 방식이다. 모든 일이 병렬적으로 실행된다. 👉 Callback과 Promise, Async & Await Callback 나중에 호출할 함수이다. 함수를 중첩적으로 사용하게 되면 콜백 헬이 발생하여 가독성이 떨어진다. Promise 동작 후에 어떤 종류의 결과가 반환됨을 약속해주는 Object이다. ES6부터 콜백의 단점을 보완했다. 실행이 성공하면 resolve를 반환, 실패하면 reject를 반환하여 결과를 알려준다. then과 catch를 사용하여 접근이 가능하다. Async & Await 기존 비동기 처리..

useEffect라는 Hook을 사용하여 컴포넌트가 마운트되거나 언마운트 됐을때, 또 업데이트가 되었을때 특정 작업을 처리하는 방법에 대해 알아보자 마운트 / 언마운트 useEffect(() => { console.log('컴포넌트가 화면에 나타남'); return () => { console.log('컴포넌트가 화면에서 사라짐'); }; }, []); useEffect를 사용 할 때에는 첫번째 파라미터에는 함수, 두번째 파라미터에는 deps를 넣는다. 만약 deps를 위와같이 비워두게 되면 처음 마운트 됐을때만 호출된다. useEffect에서는 함수를 반환 할 수 있는데 이름 cleanup 함수라고 부른다. 후처리라고 생각하면 편하다. deps 에 특정 값 넣기 useEffect(() => { cons..