비동기 (2) 썸네일형 리스트형 주니어 React 개발자가 여전히 저지르는 12가지 useState 및 useEffect 실수 React를 처음 배우면 마법 같은 useState와 useEffect에 빠져서 열심히 써보게 돼요. 그런데 어느 순간 예상치 못한 버그에 멘붕이 옵니다. 😵💫 "아니, 분명히 상태를 업데이트했는데 왜 값이 바뀌지 않지?" "왜 useEffect가 무한 루프 도는 거야?" 이런 경험, 다들 한 번쯤 있지 않나요? (고개 끄덕이면 동지 ✊) 이번 글에서는 주니어 개발자가 흔히 저지르는 12가지 실수를 정리하고, 해결 방법을 제안해볼게요. 🔥 실수 1. 여러 번 setState를 호출할 때 예상치 못한 결과 발생const [count, setCount] = useState(0);const handleClick = () => { setCount(count + 1); setCount(count + 1.. 비동기(Asynchronous)와 동기(Synchronous)의 차이점 동기 vs 비동기 동기(Synchronous)동기 방식은 작업을 순차적으로 실행하는 방식입니다.한 작업이 완료될 때까지 다음 작업은 대기하며, 이는 직렬적인 처리 방식을 의미합니다.동기 방식의 특징1. 작업의 실행 순서가 명확합니다. 2. 한 작업이 끝나야 다음 작업을 시작합니다. 3. 코드의 실행 흐름이 예측 가능합니다.비동기(Asynchronous)비동기 방식은 작업의 완료 여부와 관계없이 다음 작업을 실행할 수 있는 방식입니다.비동기 방식의 특징여러 작업을 동시에 처리할 수 있습니다. 작업의 완료 순서가 보장되지 않습니다. 긴 작업 시간이 필요한 태스크를 효율적으로 처리할 수 있습니다. JavaScript에서의 PromisePromise는 JavaScript에서 비동기 처리를 위한 객체입니다... 이전 1 다음
