[7/27] 주원이와 함께하는 리액트 Q&A

[Gentleman37]

질문 형식

• 자유

질문 내용

• 리액트
• JS
• Node.js
• 기타 등등

[Gentleman37]

@hoiJuwon Promise가 뭔가요

[hoiJuwon]

약속 입니다.

[Gentleman37]

@hoiJuwon 최주원 선생님께서는 리액트 강의 어떤거 들으셨나요??

[parkjihwanjay]

리액트가 먼가요?

[Gentleman37]

리액트가 먼가요?

선생님은 Vue만 아시면 됩니다

[hoiJuwon]

@hoiJuwon 최주원 선생님께서는 리액트 강의 어떤거 들으셨나요??

강의 백날 보느니 하나 만들어보는게 빨리 늡니다

[hoiJuwon]

리액트가 먼가요?

리액트는 반응하다 입니다

[Gentleman37]

@hoiJuwon 제가 @parkjihwanjay 님께 배운 질문하는 방법을 깜빡했네요. 죄송합니다.

다시 질문하겠습니다. Promise는 자바스크립트 비동기 처리를 위한 객체라고 알고 있는데,

1. 비동기 처리라는 개념이 명확히 이해가 가지 않습니다.
2. await가 then catch와 어떤 차이점이 있는지 궁금합니다.

[parkjihwanjay]

@hoiJuwon 제가 @parkjihwanjay 님께 배운 질문하는 방법을 깜빡했네요. 죄송합니다.

다시 질문하겠습니다. Promise는 자바스크립트 비동기 처리를 위한 객체라고 알고 있는데,

1. 비동기 처리라는 개념이 명확히 이해가 가지 않습니다.
2. await가 then catch와 어떤 차이점이 있는지 궁금합니다.

질문하는 방법의 좋은 예입니다. 칭찬해요

[hoiJuwon]

@hoiJuwon 제가 @parkjihwanjay 님께 배운 질문하는 방법을 깜빡했네요. 죄송합니다.

다시 질문하겠습니다. Promise는 자바스크립트 비동기 처리를 위한 객체라고 알고 있는데,

1. 비동기 처리라는 개념이 명확히 이해가 가지 않습니다.
2. await가 then catch와 어떤 차이점이 있는지 궁금합니다.

1. 비동기 처리랑 비동기 처리의 문제점을 해결하는 처리를 햇갈리면 어렵습니다. 비동기 처리는 말그대로 동기로 처리하지 않고, 비동기로 처리한다는 의미입니다. 예를 들어 요청을 보낸 후에 해당 요청에 대한 응답을 기다리지 않고, 다음 줄의 로직이 실행되는 상황을 생각 해볼 수 있습니다. 이러한 비동기 처리는 로직을 이어서 실행해야할 때 문제가 생기는데, 이러한 문제점을 해결하기 위해서 콜백, promise chaining, async await 등의 방법을 사용합니다.
2. 비동기 처리 문제를 해결하고자 하는거는 똑같습니다. async는 then catch 사용이 가독성이 떨어져서 나오게된 최신 문법입니다. 각각이 지향하는바가 조금 다르고 async await는 항상 async를 함수 앞에 선언해야해서, 코드의 루트 레벨에서는 사용할 수 없다는 단점이 있지만, 단점을 상쇄할만큼 장점이 많아서 현재는 async await가 promise chain을 대체하고 있다고 생각합니다. 아래 글이 괜찮은거 같아 읽어보시면 좋을 듯 합니다. https://medium.com/better-programming/should-i-use-promises-or-async-await-126ab5c98789#:~:text=async%20functions%20return%20a%20promise,is%20passed%20through%20a%20promise.&text=When%20using%20async%20await%20%2C%20make,try%20catch%20for%20error%20handling.

[Gentleman37]

@hoiJuwon

이러한 비동기 처리는 로직을 이어서 실행해야할 때 문제가 생기는데

1. 정확히 어떠한 문제점이 있는지 예시와 함께 설명해 주실 수 있나요?

단점을 상쇄할만큼 장점이 많아서

2. 가독성이 좋다는 것 이외에 어떤 장점이 있을까요?