것

이번 게시물에서는 프로젝트를 진행하거나 타인의 코드를 보다보면 쉽게 볼 수 있는 비동기 처리를 위한 async/await에 대해서 학습할 것이다. 학습하기 전 저의 async/await 인식 정도는... async를 붙이면 비동기처럼 작동하게 한다. await를 붙이면 해당 코드가 완료될 때까지 다음 코드가 진행되지 않는다. async가 없으면 await를 붙일 수 없다. await를 사용하여 계산이 완료되지 않은 데이터를 의도와 다르게 전송되지 않도록 한다 정도의 지식만 가지고 코드를 읽거나 작성했었다. node.js로 처음 개발을 시작할 때부터 사용해 왔던, 찝찝한 마음으로 알아봐야겠다는 생각만 하고 다른 것에 치여 미뤄둔 문법이었다. 이번 학습이 명확한 생각을 갖고 동기/비동기를 다루는 계기가 되었..

programming/Javascript 2023. 9. 12. 22:17

동기/비동기를 학습하였다면 callback 함수, Promise, async/await 등을 들어봤을 것이다. 이번 게시물에서는 Promise를 살펴보도록 하자. 필자는 학습하기 전에는 Promise가 무엇인지 어렴풋이 알기만 하고 실제로 어떤 것인지 어떻게 사용하는지에 대해서는 자세히 알지 못했다. 간단히, 비동기적인 작업을 보다 구조적이면서, callback 지옥을 피하고 가독성 있는 코드를 작성할 수 있게 도와준다. 정도로만 생각하고 막상 설명을 하려니 구체적인 그림이 떠오르지 않았다. 책과 MDN, Blog 등을 통해 학습을 한 지금 역시 정리가 잘 되지 않아 실망스러운 상태다. 해당 게시물을 읽는 분들은 부디 학습에 도움이 되는 글이기를 바란다. - Promise란? 어떠한 작업의 중간 상태를 ..

programming/Javascript 2023. 8. 29. 11:03

- 차례 1) Callback 함수는 무엇인가? 2) Callback 함수의 필요성(why? when?) 3) 어떻게 사용할까? 4) 문제점과 해결방안 1) Callback 함수는 무엇인가? 콜백함수는 다른 함수의 인자로 전달되는 함수로, 특정 이벤트나 조건이 발생했을 때 호출되는 함수입니다. 즉, 다른 함수 내에서 사용될 때 실행되는 함수를 말합니다. (나중에 호출되는 것이 목적) 2) Callback 함수의 필요성 (why? when?) 비동기 작업의 완료나 이벤트 처리와 같이 나중에 발생하는 일에 대한 응답을 처리할 때 유용하다. 웹 페이지에서 버튼 클릭 이벤트에 응답하는 함수를 정의할 때 파일 다운로드가 완료되면 실행되는 함수를 정의할 때 타이머나 인터벌로 주기적 작업을 수행하는 함수를 정의할 때..

programming/Javascript 2023. 8. 17. 02:12

Callback함수, Promise, async/await는 자바스크립트를 학습하고 사용하다 보면 자주 접하게 되는 용어이다. 학습했던 초기에는 각각의 개념들이 연관이 있다는 것을 인지하지도 못했었다. 필자처럼 따로따로 지식을 학습하다 도대체 이걸 왜 하고 있는 것인지 헤매는 사람들을 위해 Callback함수, Promise, async/await를 정리하고자 했다. 하지만 지식을 정리하다 보니 자바스크립트의 동기, 비동기를 선행하는 것이 옳다고 판단하여 해당 글을 작성한다. 깊게 이해하고자 한다면 해당 글이 아닌 다른 글을 학습하길 바랍니다. Callstack, Memory Heap, Queue, Event Loop, Web APIs, 싱글스레드, 멀티스레드, block, non-block I/O 등의..

programming/Javascript 2023. 8. 5. 22:37