728x90 반응형 Promise3 [TIL] 10/14 Node.js 비동기 처리 - Promise, async, await, then, query 1. Node.js 비동기 처리 방식 - 비동기 발생실행되는 코드가 기다려야하는 시간이 생긴다는 의미(이전 작업이 오래 걸리면 기다려주지 않고 다음 코드를 무작정 실행) ex) setTimeOut(), setInterval(), query() ... - 비동기 처리이전 작업의 시간을 다 기다려서 순서를 맞춰서 코드를 실행 1. 콜백 함수: 할 일 다하고, 콜백함수 실행 (= 순서 맞춰서 뒤에 실행)2. promise (resolve, reject)3. then & catch4. ES2017 promise => async & await 1.1. Promiselet promise = new Promise(function(resolve, reject) { // ...}); Promise 는 resol.. 2024. 10. 14. [React+JS/리액트] 웹 스터디 6주차 컴포넌트의 Lifecycle 과 useEffect - 1 useEffect() 나 componentDidMount() 같은 함수를 쓰기 위해서는 컴포넌트의 lifecycle 을 알아야 한다. 컴포넌트의 인생을 알아야 컴포넌트 인생 중간에 간섭을 할 수 있기 때문이다. 컴포넌트의 인생은 3가지로 나뉜다.1. 생성 (mount)2. 재렌더링 (update)3. 삭제 (unmount) 컴포넌트의 인생에 간섭을 하려면 'Hook' 이라는 걸 달아야 한다. 훅 안에 실행할 코드를 넣으면 mount / update / unmount 시에 코드를 실행해주는데 Lifecycle hook 이라고 부른다. 옛날 리액트에서 Lifecycle hook 쓰는 법 예전 class 문법으로 컴포넌트를 만들 때, 안에 함수명.. 2024. 6. 3. Promise 객체 Promise 객체비동기 작업을 처리하기 위한 객체비동기 작업이 완료되면 값을 알려줄 것을 '약속'함일단 Promise 를 돌려주고 나중에 작업이 완료되면 결과값을 Promise 에 채워 넣어줌 Promise 객체의 3가지 상태 1. Pending (대기): 초기상태로, 작업이 아직 완료되지 않은 상태2. Fulfilled (이행): 작업이 성공적으로 완료된 상태3. Rejected (거부): 작업을 실패한 상태 Promise 객체의 상태는 상태 전이(Transition) 을 통해 변경된다. then 메소드Promise 객체가 fulfilled 상태가 되었을 때 호출등록한 콜백함수의 반환값으로 다시 Promise 객체를 반환 catch 메소드Promise 객체가 rejected 상태가 되었을 때 호출.. 2024. 5. 27. 이전 1 다음 728x90 반응형
