비동기 처리 로직을 선언하는 메서드. 비동기 로직을 담당하는 mutations 라고 되어있는데 mutations는 동기로직을 담당하는 곳이 아닌가요?

안녕하세요~ 제로초님 "노드의 특성" 강좌에서 논 블로킹과 동기를 같은 개념으로 그리고 블로킹과 비동기를 같은 개념으로 생각해도 무방하다고 하셨는데요. 제가 볼 때도, 둘은 같은 개념 같은데... 왜 블로킹과 비동기 같이 다른 이름으로 불리는 지 혼란스럽습니다. 보통 다른 이름으로 불려진다는 것은 매우 유사하면서도, 둘을 구분 지을 수밖에 없는 차이점이 있기 때문일텐데... "블로킹 vs 동기" 의 차이점과   "논 블로킹 vs 비동기" 의 차이점은 무엇인가요?? 아 그리고 내일이면, 연말인데 행복한 연말 보내시고, 2022년 새해 복도 많이 받으시기 바랍니다 :)

안녕하세요! vue.js 로 프론트 개발하다가 질문이 있어 남깁니다. 컴포넌트에서 props로 함수를 받아 처리하는 부분이 있는데요, 그동안 해당 props는 일반함수로 받고, 받은 props 함수를 처리하는 함수는 async로 처리하고 있었는데, props로 받는 함수도 Promise 처리해야하는 경우가 생겼습니다.   그래서 Promise로 받는 별도의 props를 추가하지 않고 해당 props를 await 처리만 해줘도 괜찮을지 싶은데요, 혹시 Promise가 아닌 일반 함수를 await 붙여준다고 해서 문제가 있을까요? 테스트를 해보니 오류나 순서상의 문제 없이 정상 동작하는 것 같아 질문드립니다. 문제가 될 경우 이유와 어떻게 처리하면 될지 좋은 예시도 함께 알려주시면 감사드리겠습니다.   다음은 현재 질문 상황에 대한 예시 코드입니다. // 일반 함수 const printNum = (number) => { console.log(number); }; // Promise const logPrintNum = async (number, delaySec) => { console.log(`Enter logPrintNum ${number}`); await printNum(number); // 일반 함수를 await 처리 console.log(`Exit logPrintNum ${number}`); }; // 호출부 logPrintNum(1, 0); // 출력 결과 Enter logPrintNum 1 1 Exit logPrintNum 1