[코딩만화] 비동기 프로그래밍이 뭔가요?

[@hangpy3029]

이세상 설명이 아니다 ㅋㅋㅋㅋㅋㅋㅋ

[@jocoding]

와 진짜 너무 고퀄이에요!! 비동기, 콜백지옥, 프로미스, async, await까지 너무 재미있고 깔끔한 설명이였습니다. 최고에요!👍👍

[@yalco-coding]

ㅠㅜ 조코딩님 감사합니다!!

[@Jskuneokwon11]

와! 조코딩님이다! 조코딩인은 예제를 잘만드시고 얄코님은 함수이름을 잘지으셔요!

[@hjj4412]

이사람의 메인 잡은 뭘까..? 개발자? 교육자? 연기자? 필름 디렉터? 아니면 모델? 외모만 봐선 마지막이 확실한데

[@yalco-coding]

헛 ㅜㅜ 감사합니다!!

[@쉽게알려주는남자]

얄팍한 코딩 사전은 내용이 얄팍하다는 의미가 아니라 우리가 그동안 알고 있다는 지식이 얄팍하다는 것을 반성하라는 의미였다. 비동기 & 특급열차 진짜 설명 미쳤네요.....

[@yalco-coding]

감사합니다!!

[@최인경-k1w]

정말 대단하시네요, 비동기 세계관도 그렇고 특급열차 설명까지.. 영상만드는데 엄청 정성을 쏟으신 게 느껴집니다. 감사해요 앞으로 좋은 영상 많이 만들어주세요 ❣️

[@yalco-coding]

1. [오류수정] Async, Await은 ES7이 아닌 ES8에 추가되었습니다. 2. 아래 영상들에서 비동기 프로그래밍과 유용한 반응형 프로그래밍도 알아보세요! kzbin.info/www/bejne/gXXMdminhpiVkKs

[@박지호-h6f]

정말 대단하시네요,, 실무자들도 때때로 헷갈릴 수 있는 개념을 이렇게 한 번에..

[@bohyun611]

정말 대단하십니다 해외 다른 설명을 다 들어봐도 이것보다 뛰어난 설명은 없었네요 잘 듣고 갑니다~

[@shk3719]

파이썬 비동기 보다가 왔습니다. 설명 너무 간결하고 쉽네요. 파이썬 asyncio 자료가 너무 없어 이벤트루프 설명을 찾으려다 자바에 대해 아는게 없어 거부감이 있었는데 이거 못봤으면 큰일날 뻔 했네요. 감사합니다.

[@donggyulee4981]

이렇게 깔끔한 비동기 설명을 본 적이 없습니다... 감동 ㅠㅠ

[@yalco-coding]

감사합니다!!

[@주영재-l8d]

대단하다 정말.. 콜백 헬 예시에 감탄하고 갑니다

[@TheTheJn]

궁금한 걸 어찌알고 콕 집어주는 족집게력과 형을 향한 분노의 메서드 연기에 감동받고 갑니다

[@yalco-coding]

ㅠ 감사합니다!!

[@napskin]

아니 지나가다가 보는데 설명 미쳤네ㅋㅋㄱㄱㄱㅋㄱ채널 흥하실거에요!

[@yalco-coding]

감사합니다!!!

[@heyksw0208]

와 진짜 설명 너무 잘하신다; 진짜 말도 안됨. 설명의 신임 그냥 이분은 ..

[@giku1035]

요새 얄팍코님 라디오 듣다가 여기까지 왔는데 내용이 잘 이해가서 너무 좋네요

[@danapark5693]

진짜 최고예요 :) 설명도 그렇지만 영상제작자로서도 너무 능력이 출중하신것 같습니다! 늘 감사합니다 ^^

[@yalco-coding]

감사합니다!!! ㅠ

[@조동현-b5j8m]

설명 정말 잘 하시는 것 같아요. 매번 영상 볼 때 마다 감탄하면서 봅니다.

[@donaldlee247]

설명 완벽. 비유 완벽. 효과음 완벽.

[@TheChelseagogo]

너무 센스있고 쉬운 예시로 설명해주서서 감사합니다~ 이해가 쏙쏙되네요!

[@yalco-coding]

감사합니다!!!

[@juncheolkim5645]

이런 지식들을 즐겁게 알수있다는것만으로도 너무 감사합니다! 공부도 되고 취미로도 느껴져서 항상 챙겨보겠습니다!

[@saehae5005]

오늘 처음 봤는데 바로 구독했어요 ... 제가 여태까지 몰라뵀을까요 ... 맙소사 이해가 너무 잘되요 .. 대단하십니다 ㅠ

[@gene0]

빠른 흐름을 위해서 말 사이 쉬는 구간을 다 짤라주셨는데 너무 빨라서 ㅋㅋㅋ 이해하는게 말을 못따라가요

[@yalco-coding]

속도를 조금 천천히 해서 들으시면 조금 나을거에요 😀

[@아스칼론-v9i]

ㅋㅋㅋㅋㅋ 왠지 이런 유머코드 너무좋다

[@yalco-coding]

ㅠㅜ 좋아해주셔서 감사해요!!

[@cakecherry8430]

와 진짜 설명 비유 좋아요 ㅋㅋ 맨날 비동기 듣기만하고 무슨소린지 잘 몰랐는데 한방에 이해가네요 감사해요~~

[@yalco-coding]

감사합니다!

[@신형주-g7r]

뭘 읽어도 이해가 안됬는데 당신은 도덕책... 좋아요 씨게 박고 갑니다.

[@yalco-coding]

감사합니다!

[@soonkpaik2037]

존경합니다... 공부하면서 괴로웠던 부분이었는데 전세계 1짱임에 분명합니다.

[@yalco-coding]

ㅠㅠ 감사합니다!!

[@lapis-cq1yi]

어렵게만 느꼈던 개념을 쉽고 재밌게 설명해 주셔서 감사합니다! 이번편 너무 재밌네욬ㅋㅋ

[@yalco-coding]

재밌게 봐주셔서 감사해요!!!

[@je8409]

귀에 쏙쏙박히고 영상퀄리티도 넘좋아요~~~

[@yalco-coding]

감사합니다 ㅠㅜ

[@bohyun611]

아는것을 쉽세 설명하는 능력은 대단한 슈퍼파워입니다 😊 미코 너무 웃겨요~

[@maramara852]

진짜 너무 감격,,, 이렇게 재밌게 표현해주시다니 ㅠㅠ ㅠ 너무 감사해요

[@juneyou9207]

앜ㅋㅋㅋㅋㅋㅋㅋㅋㅋ애니메이션 진짜 도랏ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ최고에요!!!

[@yalco-coding]

ㅎㅎ 감사합니다!!

[@행맨-w8y]

설명 너무 좋네요 영상자료가 특히 정말정말 좋은듯

[@yalco-coding]

감사합니다!!

[@오늘은복숭아]

와 얄코는 천재👍

[@개복치개발자]

정성에 무릎을 탁 치고 갑니다

[@yalco-coding]

감사합니다!!

[@w00hyun]

비동기 콜백으로 누가 공부좀 대신해서 내머로넘겨주면 좋을텐데..

[@yalco-coding]

ㅠㅜ 어느정도는 제가 처리해서 영상으로 리턴해드릴게요!!

[@Appletree-db2gh]

@@yalco-coding 사랑해요

[@clomia9570]

저두요

[@JO-jc8sv]

얄팍님 곧 ebs 진출하실거같아요 ㅋㅋㅋ

[@리린-q9f]

와 너무 감사합니다. 정주행중인데 콘텐츠 많이 제작해주세요 !!

[@yalco-coding]

감사합니다!!

[@Arang7-Lucky]

저도 열심히 비동기 작업할께요~~ 얄코님 새영상 올라오기 전에 이전 영상들 정독하고 있을께요 ㅋㅋ

[@thechinpull4973]

정리해보자면 동기는 순차적으로 실행되는 코드이다. 비동기는 순차적으로 실행되지 않는 코드이다. 예를 들어서 중간에 3초후에 콜백함수를 호출하는 setTimeout 메서드를 작성했을때 이 코드가 동기적으로 실행된다면 setTimeout 메서드 밑에 있는 코드들은 3초후에 실행이 될 것이다. 멀티 태스킹을 위해 setTimeout메서드는 백그라운드(비동기 작업용 선로)에서 3초동안 있게된다. 3초후 태스크 큐로 보내진다. 이벤트 루프가 태스크 큐의 콜백을 호출 스택(특급 선로)으로 올린다. 콜백 함수가 실행된다.

[@devtoro5601]

특급열차 설명은 정말 이해가 잘되네요, 감사합니다~

[@임준수-q6t]

비둘기인지 뭔지 암튼 잘배웠습니다

[@majung2222]

엄청난 비유력과 실제 코드와의 비교로 개념적으로나 실질적(?)으로나 이해가 완벽하게 되었네요! 감사합니다 :)

[@yalco-coding]

감사합니다!!

[@kimjinyoung31]

이거 미쳤네요... 리액트에서 aysnc가 뭔지 몰랐는데, 아니 데이터 할 때 저게 뭔 지 몰랐는데 비동기처리를 위한 거였네요. 예전 코드 다시 보면 새로울 듯

[@블랙홀-b1e]

비 동기라닠ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ아니 매번 생각지도 못하다가 뿜네욬ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ개발자님 휴가다녀와서 피부 약간 그을린것도 졸귘ㅋㅋㅋㅋㅋㅋㅋ

[@windrika]

설명 감사합니다 도움이 많이 되었어요! 앞으로도 좋은 내용 많이 부탁드립니다!

[@yalco-coding]

감사합니다!!!

[@cathybae1756]

ㅋㅋㅋㅋㅋㅋ 비 동기 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 좋은 영상 감사합니다~!!

[@yalco-coding]

감사합니다!!

[@양지원-d5v]

진짜 이해 잘되게 설명하시네요..ㅎㅎ async await 잘 배우고 갑니다

[@yalco-coding]

감사합니다!

[@6sl5j3hc2iroa8fjr]

감동입니다

[@balshiba]

웹개발 입문한지 3달째... 아직도 뇌구조가 블로킹시퀀스에서 벗어나지 못했었는데.... 고맙습니다. 선생님 ㅠ ㅠ

[@yalco-coding]

도움되어드려서 기쁩니다! 감사합니다~~

[@noname_2184]

마지막 도랏ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

[@yoonheecho7466]

와... 복잡했던 머리가 시원해지는 느낌이에요. 감사해요 !!!!!

[@caloriecoin_ceo7847]

와 퀄리티가 진짜 장난아닙니다!!!!!!!

[@yalco-coding]

감사합니다!

[@sasasang]

후.. 어려운 설명이었는데 덕분에 수월하게 이해가 되었어요!

[@yalco-coding]

감사합니다!!

[@ReVeluvy]

오늘도 잘보고 갑니다!! 비동기를 비의 동기로 설명할 줄이야...

[@yalco-coding]

감사합니다!!

[@MsJade314]

ㅜㅜ 진짜 ㅋㅋㅋㅋㅋ 하 비 동기...너무 진짜 웃겨요

[@닝겐노고미]

정말 훌륭하십니다 선생님

[@yalco-coding]

감사합니다!!

[@yeolmaelog]

감사합니다 ㅠㅠ 얄코샘 짱

[@aaaaaab631]

미쳤다. 설명 너무 좋아요 진짜 큰도움 받고갑니다

[@yalco-coding]

감사합니다!!

[@POPO-ql4lr]

최고의 설명입니다 진짜!!!

[@yalco-coding]

감사합니다!!!

[@제이스픽]

역대급 설명이다. 앞으로도 이보다 더 나은 설명이 나올것 같지가 않음

[@chieryran8434]

와 미친 async await 가 그런 용도 있군요. 파이썬 3.8이후로 많이 강조되는 기능인데도 불구하고 이해가 안되서 갑갑했는데 덕분에 이해했어요ㅠㅠ

[@yalco-coding]

감사합니다!!

[@javaxerjack]

파이썬에서 한참동안 이걸 도입 안한 이유가 납득이 가네요.

[@우용현-z2j]

사랑합니다 ㅋㅋㅋㅋㅋ 진짜설명 최고네요

[@yalco-coding]

감사합니다!!

[@vermouthsinged9792]

저도 얼마전까지만해도 async/await 가 es7 인줄 알고 친구랑 내기해서 그 자리에서 인터넷 검색해보니까 8 이더라구요 분명 저도 7로 알고 외웠는데..7인가요, 8인가요?

[@yalco-coding]

es8에 추가된게 맞네요!!! 충분히 검토하지 못했네요 ㅠ 알려주셔서 감사합니다~!!

[@lea614]

안녕하세요 덕분에 모르는 정보 있을 때마다 찾아와서 공부 중이에요! 제가 블로그에 공부기록 남기고 있는데요. 혹시 글에 출처로 코딩사전님의 이 영상 링크를 작성해도 될까요??

[@yalco-coding]

넵 물론입니다 😀

[@lea614]

@@yalco-coding 감사합니다!

[@코래블러]

너무나 유익해요 ~ 영상만들어주셔서 감사합니다!

[@lampjiny]

지금도 답글 달아주실지 모르겠지만 영상을 보다 궁금해진게 있어 질문드립니다!! 비동기가 비순차적진행이라고 이해를 했는데, promise에서는 then을 사용하고 async는 await를 사용해서 '고3시_수학교사_찾기_Promse('012345')라는 함수를 실행하면 학생정보 -> 고교DB주소 -> 수강과목알람~ 이런식으로 순차적으로 진행이 되는데 이게 왜 비동기 처리방식이라는 것인지 이해가 잘 되지 않습니다 ㅠ 심지어 9:32 이 부분에서 내부 동작이 비동기적 작업이라고 하셨는데 순서대로 처리되는건 동기적 작업아닌가요?

[@yalco-coding]

영상을 찬찬히 다시 보셔야 할 것 같습니다. 😅 비동기 작업을 동기 작업처럼 순서대로 작성해서 헷갈리지 않도록 해주기 위해 만들어진게 프로미스와 async & await 인 겁니다. 즉 코드를 '겉보기에만' 순서대로 짜게 만든거고, 내부동작은 콜백헬과 동일한거에요. 안그러면 그것들이 있을 이유가 없죠. 🙂 그리고 비동기코드의 본질은 비순차진행이 아닙니다. 선로와 도로 예시 부분을 다시금 보시면 보다 잘 이해하실 수 있을거에요.

[@이동건-n5n]

우와 설명 좋네요!! 이해하기 매우 좋습니다!!

[@Panic0w0]

와 설명 진짜 너무 잘하세요 감사합니다!!

[@한우석-p6l]

사랑합니다... 죄송하지만 더 열일해주세요ㅎㅎ

[@고광필-o1y]

비동기 이해가 글로보니까 잘 안되던데 영상으로 보니까 이해되네요 감사합니다

[@yalco-coding]

감사합니다!!

[@arthuman2007]

정말 이해가 되네요 잘 봤어요 감사합니다 !!!

[@yalco-coding]

감사합니다!

[@이재영-g7l6e]

미쳤...다..... 구독자 100만 찍으실거 같아요..

[@byg95431]

역시 이번 영상도 꿀잼이에영 ㅎㅎ 감사합니당!! 다음엔 혹시 const, let, var 의 차이에 대해서 설명해주실 수 있나요?? var를 안 쓰고 let만 쓰고 있는데. 차이가 뭔지 잘 모르겠어용 ㅠㅠ

[@yalco-coding]

의견주셔서 감사합니다! 언제 스코프를 다루려고 계획중인데 그때 함께 설명드릴게요!!!

[@dbs03075]

사랑합니다♡

[@seungrokyoon7963]

정말 도움이 많이 되었습니다! 감사합니다!

[@fourdiza]

이걸 보면서 저의 생활패턴에 대해서 반성하게 되네요 ㅎㅎ;; 비동기적으로 살고자 노력해야겠습니다 ㅠㅠ

[@아두칠정]

와 진짜 이해 안되었는데 이거 보고 이해 했어요 !!!!!!!!!!!!!!!!!!!!!!

[@계란도른자-b5g]

너무 고퀄입니다. 선생님!!

[@yalco-coding]

감사합니다!

[@Laurensgroove]

0:50 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

[@공희재-w4j]

웬만하면 댓글 안남기는데 비 동기에서 미친듯이 웃었음;

[@kimseungjun6294]

좋은 설명 감사합니다.그런데 자바스크립트는 직접 쓰레드를 프로그래머가 다루진 않지만 자바스크립트 엔진 내부적으로는 쓰레드를 생성하는 작업을 한다고 하네요

[@yalco-coding]

좋은 보충설명 감사드려요!!!

[@devsh7257]

어~~~~~ 웨잇! ㅎㅎㅎ 최고입니다!

[@애뱁-c4i]

말하면서 얼굴 확대되는거 존나 웃기네 ㅋㅋㅋㅋㅋㅋㅋ

[@이상진-u6z5e]

영상 정말 잘보고 있습니다! 궁금한게 생겨서 질문 남기는데 혹시 영상에 비유한 설명들은 Blocking과 Non-Blocking에 관련한 설명이 아닌가 해서 질문 남길게요~!

[@yalco-coding]

동기/비동기와 blocking/non-blocking은 엄연히는 다른 개념이지만 일반적인 상황에서는 말씀하셨듯 같이 보아도 큰 문제는 없습니다. 아래의 링크 등에서 이 두 개념들의 차이를 살펴보시면 좋을거에요 ^^ victorydntmd.tistory.com/8

[@이상진-u6z5e]

얄팍한 코딩사전 친절하게 링크까지 정말 감사드립니다! 기술면접 준비중에 기초적인 기술부터 하나씩 정의해가며 공부하고 있는데 얄코님 영상이 기초적인 스토리를 그리는데 정말 큰 도움이 되어서요! 찾아보다가 알게되어 댓글 남겼습니다 앞으로도 재밌고 센스있는영상 부탁드립니다!

[@yalco-coding]

이상진 큰 힘이 되어준 댓글 감사드립니다!! ㅠ 좋은 결과 있으실거에요!

[@wpkg8414]

성우 같아요. 재밌어요.. 감사합니다.

[@레오-x8y]

9:31 내부 동작은 비동기적 작업이지만 내부 동작이라길래 처음엔 저 함수 내부에서 동작하는게 비동기적 작업이라고 생각했는데, 여기서 내부 동작이라는건 전체 코드에서 고3수학교사찾기Promise가 비동기적 작업이라는걸 의미하나요? 비동기적 작업은 '딴거할테니 이거 하고있어' 라고 이해했는데, 고3수학교사찾기Promise는 그 함수 내에서는 선행결과를 기다렸다가 다음 함수를 실행해야하기 때문에 동기적작업 아닌가요? 아니면 저렇게 선행결과를 기다리면서 진행하는 것도 비동기적 작업의 범주에 포함되는건가요? '딴거할테니 이거 하고있어' 라는 느낌이 커서 조금 헷갈리네요.

[@yalco-coding]

프로미스는 비동기 작업입니다. 그 프로미스 사용하는 코드 뒤에 console.log(‘hello’)를 찍고 코드를 실행하면 수학교사를 찾기 전에 hello부터 나와요. 코드가 순서대로 진행되지 않으면 비동기입니다. 🙂

[@yalco-coding]

프로미스 코드를 자세히 보시면 결국 뭔가를 다 하고 나서 할 일을 지정해주는 코드일 뿐임을 아실 수 있을거에요. 이거 끝나면 then 이거해라 입니다. 보기 편하게 순서대로 적힌 것처럼 만들었을 뿐이죠

[@레오-x8y]

@@yalco-coding 답변감사합니다. 하나하나 전부 비동기적 작업이지만 함수 내부에서 비동기작업 이외에 수행되는 코드가 없어 개념이 헷갈렸네요. 또한 비동기적 함수들을 단지 순차적으로 실행되어야 하는 조건들이 있어서 하나의 동기적 작업처럼 수행된다. 이런것같네요. 답변 너무 감사드립니다!

[@hyunseokoh456]

EBS 는 뭐하나요. 빨리 섭외 하셔서, 신규 프로그램 만드시면 시청율 대박 올라갈것 같은데요

[@yalco-coding]

ㅠㅜ 감사합니다

[@elinpark822]

너무 재밌어서 광고까지 다 보고 갑니다 ㅋㅋ

[@yalco-coding]

감사합니다!!

[@미선오-k5w]

빵터졌어요😂

[@jocmos]

동기 = 동일한 기찻길 ㅠㅠㅠㅠ 신내림 설명이다ㅠ

[@이정아-n3m]

안녕하세요~ javascript 배워나가는 초보자입니다 ㅠㅠ... 궁금한 점이 있어서 ㅠㅠ 질문올립니다 !! console.log("a"); //0초 후에 실행하도록 설정이 되어 있지만 실제로는 0초 후에 실행되지 않습니다. setTimeout(function(){ console.log("b"); }, 0); console.log("c"); console.log("c"); console.log("c"); console.log("c"); 결과 : a > c > b 이렇게 할 경우에도 b부분을 0초로 설정 했는데도 불구하고 호출 스택(a or c) 에 실행 문맥이 남아 있을때는 그 작업이 끝날 때까지 기다렸다가 0초 후에 가능한 빨리 실행 되더라구요 ㅠ 중간에 setTimeout관련하여 설명주신 부분이 있는데, 이부분도 비동기 처리에 관련한것같아서,,, 혹시 왜이렇게 나오게 되는 것일까요 ㅠ_ㅠ 아니면 이런상황을 대비하여 promise 를 사용하는 것일까요??,,

[@yalco-coding]

setTimeout도 비동기 함수입니다. 중간에 열차칸 그림설명을 보시면, 일단 비동기 칸은 무조건 비동기 선로로 따로 보내고 일반 칸부터 목적지로 보내는 걸 보실 수 있죠? 시간을 얼마로 설정하는가와 관계없이 비동기 코드는 무조건 비동기 전용 선로를 돌고 들어오기 때문에 다른 코드보다 늦게 실행되는거에요 😀

[@이정아-n3m]

@@yalco-coding 답변감사합니다 !!

[@AA-kp1sx]

이분의 인생떡상이 너무 궁금해진다..

[@카야잼-s5k]

와 대박 유투브 찾았어😂😂😂

[@bsj4938]

안녕하세요! AJAX의 동기 / 비동기가 도대체 뭔가 했는데 덕분에 잘 이해할 수 있게 됐어요. 그런데 궁금한 것이 있습니다. 콜백함수가 명백하게 응답-호출로 이뤄진 동기작업이라 보이는데 왜 promise가 비동기 작업으로 봐야 하는건가요? 말씀하신 web api는 비동기 방식으로 작업을 하기 때문에, web api의 동작 방식에 의존하여 "비동기"라고 명명한 건가요? 아니면 동작 방식은 동기 방식이지만 promise는 비동기 라이브러리기 때문에 그런건가요? 감사합니다!

[@yalco-coding]

동기 방식이 아니라 편하게 동기처럼 보이도록 하는 비동기 방식입니다 🙂 감사합니다!!

[@lIlIlIlIlIlll]

비유가 예술이네요 ㅎㅎ 설명 잘 들었습니다

[@뭉게구름솜사탕-i8d]

미쳤다 너무 쉽게 이해되고 귀에 쏙쏙 들어옵니다. 그리고 지루하지 않아요.영상 하나만 본다는게 연속적으로 보게 되고 좋아요만 누르고 있어요.👍

[@yalco-coding]

감사합니다!!!

[@eunwoo5237]

역시 병맛이 매력,,

[@UCSRfAgYAB1u52MIwt0k6bvw]

아낰ㅋㅋㅋㅋㅋㅋㅋ 회사에서 보다가 비 동기에 빵터질뻔 했어요...

[@yalco-coding]

재밌게 봐주셔서 감사합니다!!

[@jsjsnnjssk9923]

감사합니다 !

[@김동욱-k1o4e]

최고에요😂😂👍🏼

[@yalco-coding]

감사합니다!