일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 클래스형과 함수형 컴포넌트
- react xcode 에러
- prop-types
- React component
- react webpack 설치
- JSON
- 화살표함수
- react refresh 설치
- javascript 객체리터럴
- webpack
- node.js
- react class hook 비교
- class vs hooks
- 객체 리터럴
- next.js
- props 개념
- ES6
- react hook의 종류
- node express 라우팅
- Component
- MVC패턴
- react hook
- javascript
- node 특징
- react.js
- react
- react props
- Today
- Total
림찌의 개발일기 💻
[TIL] 210926 본문
✅ 무엇을 공부했는지
- promise 의 생성 방법
- promise 에서 then, catch, finally 사용법
- 콜백 지옥 함수를 promise 로 변경하기
✅ 공부한 것에 대한 짧막한 요약
- promise 는 자바스크립트 내장함수이고 exector 라는 콜백함수를 전달해주어야 하는데 이 안에서 성공,실패 두가지 콜백함수를 또 전달해주어야 한다.
then은 성공시, catch는 실패시, finally는 성공,실패 상관없이 맨 마지막에 호출된다. 그리고 프로미스 체이닝을 통해 then을 묶어서 비동기적인 처리를 묶어서 처리할 수 있다. catch를 쓰지 않고 에러메세지를 도출하면 unCautgt 에러가 뜨므로 catch를 통해서 잡아야한다. 에러 메세지는 new Error 연산자를 통해 도출해낸다.
그리고 then은 받는 인자 value 의 값이 하나일 때, 이를 생략하여 적어줘도 된다. 자동적으로 값을 받아오기 때문이다. 이러면 코드가 훨 깔끔해지므로 값을 하나만 받아올땐 생략해서 적어주도록 하자.
또한 어떤 then 다음에 catch를 적어주어서 그 실행과정에서 생기는 에러의 대처를 적어줄수도 있다. catch error 를 다른 값으로 return 해주면 에러가 발생할때 다른 값으로 대체해서 보내줄 수 있다. 후후..
✅ 공부한 것에 대한 느낀점
- promise는 자주 사용해왔었다. 그러나 그냥 실행시키고~ 에러반환하고~ 정도만 알았지 이렇게 자세하게 파고든건 처음이었다. 후, 자세하게 배우니까 네트워크와 연동할때 쓰면 정말 활용도 높겠구나 싶었다. 다 성공하면 서버 연동하고~ 아니면 에러 메세지를 보내고, 다른 값을 리턴해서 사용자에게 보여줄수도 있으니...이래서 쓰는구낭... finally 라는 옵션은 처음 배웠는데 이도 잘 사용하면 유용할지도? ㅎㅎ
'TIL' 카테고리의 다른 글
[TIL] 210928 (0) | 2021.09.28 |
---|---|
[TIL] 210927 (0) | 2021.09.28 |
[TIL] 210923 (0) | 2021.09.24 |
[TIL] 210902 (0) | 2021.09.03 |
[TIL] 210824 (0) | 2021.08.25 |