자바스크립트 비동기 프로그래밍 #1 | 동기 vs 비동기

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.ค. 2024
  • 비동기 프로그래밍이 뭐예요? 프로 개발자라면 절대 모를 수 없다! 동기 프로그래밍 VS 비동기 프로그래밍, 최대한 쉽게 설명해드릴게요!
    .....................................................
    📝코드 에디터
    Visual Studio Code
    .....................................................
    ☕️Visual Studio Code Extension
    Live Server - 저장시 자동으로 변화를 브라우저에 적용해주는 편리한 익스텐션이예요
    .....................................................
    ⏱타임라인
    00:00 웰컴투 비동기 월드
    01:22 동기 프로그래밍이란?
    03:05 동기 프로그래밍 예제
    04:20 자바스크립트 엔진 찍먹하기
    05:16 똥기프로그래밍의 문제
    06:41 비동기 프로그래밍이란?
    07:39 비동기 프로그래밍 예제 1
    10:21 Web APIs
    11:52 비동기 프로그래밍 예제 2

ความคิดเห็น • 67

  • @seebae4932
    @seebae4932 7 หลายเดือนก่อน +12

    진짜 돌아와 주셔서 감사합니다!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      기다려주셔서 정말 감사해요!!

  • @user-cn3kv5pi6u
    @user-cn3kv5pi6u 7 หลายเดือนก่อน +4

    ㅜㅜㅠ
    세상에, 이대로 안돌아오시는줄 알고 엄청 아쉬워했습니다ㅠㅜ
    너무 반갑고 기쁩니다😂!!
    새 강의 감사합니다!!!!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน +1

      이렇게나 반겨주시다니!! 몸둘바를 모르겠어요 하하🥺🥺 비동기 시리즈로 계속해서 찾아뵐게용❤️

  • @user-hm1ld3bg3g
    @user-hm1ld3bg3g 7 หลายเดือนก่อน +1

    필요한 것만 딱딱 잘설명해주셔서 정말 도움되는 강의입니다😄

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      도움이 된거같아 기뻐요!! ㅎㅎ

  • @user-me7ny3cy1r
    @user-me7ny3cy1r 7 หลายเดือนก่อน +1

    돌아와주셔서 고맙습니다:) 다시 잘 볼게요!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      너무 오랫동안 영상을 업로드하지 못했는데 기다려주셔서 감사해요! ㅎㅎ

  • @sportsfa721
    @sportsfa721 7 หลายเดือนก่อน +3

    복귀 축하드립니다! 훅스 몇번이나 따라하면서 개념을 익혔습니다 :) 감사합니다!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      훅스 영상이 도움이 되었으면 좋겠네요! 기다려주셔서 감사해요 😆

  • @hmmmm3822
    @hmmmm3822 7 หลายเดือนก่อน

    우연히 접하다가 지금 비동기도 듣고, react 훅도 듣고있어요! 설명도 엄청 쉽게 해주시고 무엇보다 목소리가 나른나른해서 더 듣기 좋은 것 같아요. 완전 좋은 강의 항상 감사합니다!!!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      우왓 감사합니다! 예전에 찍은 영상들 가끔 보면 목소리가 많이 바뀐것 같던데 ㅎㅎ 들으시기에 괜찮은 것 같아 기쁘네요 ㅎㅎ 나머지 비동기 강의들도 기대해주세요!

  • @TheAc3112
    @TheAc3112 5 หลายเดือนก่อน

    항상 많은 도움 되고 있습니다! 이해가 너무 잘돼서 좋아요 사랑합니다

    • @starcoding
      @starcoding  5 หลายเดือนก่อน

      영상 봐주셔서 감사해요 ㅎㅎㅎ

  • @user-ii5yc5dt7x
    @user-ii5yc5dt7x 7 หลายเดือนก่อน

    별코딩님 덕분에 면접에서 도움많이 받았습니다!! 좋은 강의 만들어주셔서 감사합니다!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      와우 기뻐요! 면접 좋은 결과 있길 바랄게요😄

  • @htmlcssjavascriptreact
    @htmlcssjavascriptreact 7 หลายเดือนก่อน

    왤케 늦게 돌아오셨어요.... 다른 시리즈 업로드도 기대하겠습니다🎉🎉👍👍

    • @starcoding
      @starcoding  7 หลายเดือนก่อน +1

      너무 늦게 돌아왔죠 ㅠㅠ 기다려주셔서 너무 감사해요!! 다른 시리즈도 기대해주세요!!

  • @samgakchirotarie
    @samgakchirotarie 7 หลายเดือนก่อน +1

    돌아와주셔서 감사합니다~

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      기다려주셔서 감사합니다!! 곧 다음 영상으로 찾아뵐게용

  • @phm6530
    @phm6530 7 หลายเดือนก่อน

    타이밍 좋네요!
    훅시리즈로 보고있었는데 그안에 복귀하시다니 이런행운이 ~

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      타이밍 최고네요! 😎 훅시리즈가 도움이 되었으면 좋겠어요!!

  • @jks-oy2qc
    @jks-oy2qc 7 หลายเดือนก่อน

    숨참고 기다렸다구요 ~ ㅠ 🐻

    • @starcoding
      @starcoding  7 หลายเดือนก่อน +1

      돌아왔습니다!! 얼른 다시 숨쉬세요! ㅋㅋㅋ 기다려주셔서 감사해요~~

  • @mnnmoooo
    @mnnmoooo 7 หลายเดือนก่อน

    설명 진짜 잘하심😊😊

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      감사합니다!! 😆😆

  • @Volke-cz7bj
    @Volke-cz7bj 6 หลายเดือนก่อน

    나중에 진짜 웹사이트 하나 클론코딩 하는것도 나왔으면 좋겠네요 ㅠ 순수 바닐라JS로만 웹사이트 만들기 시리즈 ㅠㅠ 잘봤습니다 감사합니다.

    • @starcoding
      @starcoding  6 หลายเดือนก่อน

      좋은 아이디어네요!! 클론코딩도 재미있을 것 같아요 ㅎㅎ 기회가 되면 꼭 해볼게요!

  • @InpyoLee
    @InpyoLee 7 หลายเดือนก่อน

    정말 잘 봤습니다!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      영상이 도움이 되었길 바라요 ㅎㅎ

  • @user-ih3to9io7e
    @user-ih3to9io7e 7 หลายเดือนก่อน

    너무 오랜만이에요 돌아오셧군요!🎉🎉🎉🎉

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      다시 환영해주셔서 감사해요!! 😆

  • @sflo609
    @sflo609 7 หลายเดือนก่อน

    오.. 돌아오셨네요

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      오랜만입니다!! 그동안 잘 지내셨나요? 오랫동안 영상을 업로드 하지 못했는데 드디어 새로운 영상으로 돌아왔어요 ㅎㅎ 비동기 시리즈 기대해주세용

  • @user-sv7qu4xg2c
    @user-sv7qu4xg2c 7 หลายเดือนก่อน

    정말 감사합니다

    • @starcoding
      @starcoding  6 หลายเดือนก่อน

      영상이 도움이 되었길 바라요!!

  • @sangdol-ef4gg
    @sangdol-ef4gg 2 หลายเดือนก่อน

    궁금한 게 있어요!
    7:01 부터 보면 작업1을 비동기로 실행시키고, 작업2/3을 동기로 실행한 뒤 작업4에서 후처리를 해준다고 하셨는데요, 프로그래밍을 하다보면 비동기를 동기적으로 처리하기 위해 작업2/3도 작업1이 끝날 때 실행되게 하는 경우가 많은 것 같은데.. 혹시 실제 예시를 들어서 설명해주실 수 있으실까요?

  • @nowiK45
    @nowiK45 7 หลายเดือนก่อน

    너무 잘봤어요 별코딩 짱짱맨 ~~~

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      감사합니다~~~~~ 짱짱맨!!

  • @ITKorea_master
    @ITKorea_master 7 หลายเดือนก่อน

    2편 3편 4편 언제나오나요 맨날 체크중,,
    쌤은 알려지지 않은 1타강사입니다. 제가 인정합니다 ㅎㅎ

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      😆😆 과찬이십니다!! 열심히 2편 준비하고 있으니까 조금만 더 기다려주세요~~ 기대 많이 하셔도 좋습니다!

  • @bongjames2222
    @bongjames2222 7 หลายเดือนก่อน

    보고 싶었습니다 선생님 ㅜㅜ

    • @starcoding
      @starcoding  6 หลายเดือนก่อน

      다시 찾아와주셔서 감사해요!!☺️

  • @sunggukcho8811
    @sunggukcho8811 7 หลายเดือนก่อน

    오랜만에 돌아오셨네요!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      오랜만입니다! 다시 찾아와주셔서 감사해요 ㅎㅎ

    • @sunggukcho8811
      @sunggukcho8811 7 หลายเดือนก่อน

      @@starcoding 얼마전에 어떤분이 useMemo가 뭐냐고 여쭤보셔서 설명하다가, 제가 설명하는 것보다 별코딩님 usememo, usecallback 보는게 나을거 같아서 정주행시켰습니다

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      앗 칭찬에 몸둘바를 모르겠어요!! 😆😆 그분께도 제 영상이 도움이 되었으면 좋겠네요. 감사합니다!!

  • @omuya2343
    @omuya2343 7 หลายเดือนก่อน

    감사합니다.

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      😁

  • @juchoi6023
    @juchoi6023 5 หลายเดือนก่อน

    본 영상에서는 자바스크립트가 싱글 스레드 이지만, 브라우저 환경에서 비동기 동작(setTimeout)을 Web APIs가 처리 예시를 보여 주셨는데요. 브라우저가 없는 nodejs 환경에서는 비동기 동작을 어떻게 동작하는 걸까요?

    • @starcoding
      @starcoding  5 หลายเดือนก่อน +1

      Node.js 환경에서는 Web API 대신 비슷한 기능들을 제공하는 C++ API가 있습니다!

  • @sumin2good
    @sumin2good 7 หลายเดือนก่อน

    선생님 빨리 다음 강의도 내주세요~!!

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      열심히 준비하고 있어요 ㅎㅎ 기대하고 계십쇼!!

  • @new-wave0
    @new-wave0 7 หลายเดือนก่อน +1

    헉 너무 오랜만이네요 별코딩님 반갑습니다 🙊😿🙊😿

    • @starcoding
      @starcoding  7 หลายเดือนก่อน +2

      너무 늦게 돌아왔는데 반겨주셔서 감사해요! 나머지 비동기 시리즈 영상들로 계속해서 찾아뵐게요 😊😊

  • @user-gu6bc8cf5z
    @user-gu6bc8cf5z 6 หลายเดือนก่อน

    형님 멤버쉽 가입 받으시더라더 꾸준히 올려주시면 감사하겟습니다😂😂

    • @starcoding
      @starcoding  6 หลายเดือนก่อน

      와우! 꾸준히 계속 올릴게요 ㅎㅎㅎ 감사합니다!!

  • @donghyunlee6097
    @donghyunlee6097 7 หลายเดือนก่อน

    꺅🎉

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 꺅🎃

    • @donghyunlee6097
      @donghyunlee6097 7 หลายเดือนก่อน

      구독자 만명되면 얼공고고

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      ㅋㅋㅋㅋㅋㅋㅋㅋ😂😂

  • @Aaqdff135
    @Aaqdff135 6 หลายเดือนก่อน

    ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

    • @starcoding
      @starcoding  5 หลายเดือนก่อน

      😆😆😆😆 감사합니다!!

  • @ssossoking
    @ssossoking 7 หลายเดือนก่อน

    오랜만이네요.. 반갑습니다~

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      반갑습니다!! 영상 보러 와주셔서 감사해요!

  • @user-uc7tj5oy9b
    @user-uc7tj5oy9b 7 หลายเดือนก่อน

    9달만에 영상이다 예~

    • @starcoding
      @starcoding  7 หลายเดือนก่อน

      예~~~ 기다려주셔서 감사해요~~