일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- CSS
- 자바스크립트의 클래스
- 깊은 복사
- 서버 사이드 렌더링
- 로컬 스토리지
- async/await
- 클라이언트 사이드 렌더링
- 얕은 복사
- 브라우저 렌더링원리
- 변수 생성 단계
- webpack
- 자바스크립트
- 프로미스
- 이벤트 버블링
- undeclared
- 스코프 체인
- props와 state 차이점
- 호이스팅
- CORS
- 주소창에 naver 입력시 일어나는 일
- 세션 스토리지
- 실행 컨텍스트
- react
- 리액트
- 자바스크립트 함수
- polyfill
- 이벤트 캡처링
- 가상 dom
- MPA
- 리액트의 생명 주기
Archives
- Today
- Total
목록프로미스 (1)
Gapus Dev Blog
[자바스크립트] 비동기 처리(콜백, 프로미스 , anync/await)
비동기 처리 특정 작업이 완료되기를 기다리지 않고 다음 작업을 수행하는 것 여러 작업을 동시에 처리하거나 시간이 오래 걸리는 작업을 효율적으로 가능 비동기 처리 구현 방식 콜백(callback) 함수 비동기 작업이 완료됬을때 호출되는 함수로, 작업이 완료되면 함수가 실행 비동기 작업의 결과를 처리 가능 콜백 함수를 중첩해서 사용하면 코드의 가독성과 유지 보수성이 떨어질 수 있다. 예시 function fetchData(callback) { setTimeout(function() { const data = "비동기 데이터"; callback(data); }, 2000); } function processData(data) { console.log("데이터 처리: " + data); } fetchData(p..
프론트엔드/JavaScript
2023. 10. 30. 08:14