자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 😱 JavaScript Callback | 프론트엔드 개발자 입문편 (JavaScript ES6)

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ส.ค. 2024
  • 자바스크립트 비동기 처리를 위한 그 출발점, 콜백에 대해 정확하게 이해하고, 두가지 종류의 콜백과 콜백지옥은 무엇인지 한번 예제를 통해 알아보도록 해요. 다음에 이어지는 Promise 편에서 콜백지옥을 깔끔하게 바꿔보도록 할테니 꼭 실습해 보세요 🙌 (↙ 자세한 내용)
    ___________________________
    🔥2022 새로운 자바스크립트 마스터리 (ES6+ 최신문법) 강의: academy.dream-...
    아카데미에서 조금더 체계적으로 배워보세요 ✨
    📒 강의 노트 & 자주 나오는 질문: github.com/dre...
    💡 풀스택 개발 로드맵 ⇢ academy.dream-...
    🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
    academy.dream-c...
    .....................................................
    💡Callback에 대해 조금더 공부를 하고 싶으시면:
    MDN ➡️ developer.mozi...
    WIKI Callback: en.wikipedia.o...)
    JavaScript.info ➡️ javascript.inf...
    JavaScript.info 한국어 ➡️ ko.javascript....
    .....................................................
    ☀️ 드림코딩 엘리
    모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
    ❝Don't forget to code your dream
    여러분들의 멋진 꿈을 코딩하세요 ⭐️
    .....................................................
    🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
    • 프론트엔드 강의 - 프론트엔드 개발자 되...
    📒 자바스크립트 기초 강의 영상 목록:
    • 자바스크립트 기초 강의 (ES5+): 같...
    💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
    • 개발자라면 누구나 알고 있으면 좋은 지식 💡
    💰 개발자 경력 관리 영상 목록:
    • 승승장구 커리어 관리 🚀
    📈 IT 트렌드
    • IT 트렌드 📈
    📷 개발자 브이로그
    • 개발자 브이로그 📷
    🤗 생산력 향상 팁
    • Tech & Tools ❤️
    .....................................................
    #자바스크립트#프론트엔드#백엔드

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

  • @dream-coding
    @dream-coding  4 ปีที่แล้ว +47

    🔥2022년 새로운 자바스크립트 마스터리 (ES6+ 최신문법) 강의가 런칭 되었어요. 유튜브보다 체계적으로 꼼꼼하게 기본&고급 내용 전부 배워보고 싶으시다면 → academy.dream-coding.com/courses/javascript
    📒 강의 노트 & 자주 나오는 질문: github.com/dream-ellie/learn-javascript
    드림코더 여러분~ 오늘은 저와 함께 콜백지옥👻을 함께 경험해 보아요🙌
    오늘의 영광은 (Special Kudos to Violet Lee) 드림코딩 채널의 오랜 구독자이시면서, JavaScript.info의 웹사이트를 한국어 버전으로 번역하는 프로젝트를 (ko.javascript.info) 멋지게 오너로 관리 하고 계신 Violet Lee님께 받칩니다 ❤️ 지난 JSON편에서 제가 한국어로 버전된 사이트를 영상 정보란에 참고로 넣어놓았는데, Violet님이 말씀해 주셔서 멋진 일을 하고 계신다는걸 알았어요. 아직 58% 정도로만 진행이 되고 있는데, 관심이 있으시다면 이 프로젝트에 참여해 보시면 좋을 것 같아요 :) ➡️ github.com/javascript-tutorial/ko.javascript.info 멋진 개발자 분들이 많아서 마음이 따땃합니다 ✨

    • @violetlee21
      @violetlee21 4 ปีที่แล้ว +6

      와 엘리님.. 정말 감사합니다!!! 이런 고퀄의 개발 영상과 동기부여 영상을 무료로 제공해주시는 엘리님... 그리고 개발자로 한걸음씩 나아가시는 구독자님들... 영상과 댓글 볼때마다 더 열심히 해야겠구나 항상 생각하고 있습니다. This comment made my day! Thanks 엘리님 :) 실버버튼 가즈아

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +3

      저도 댓글볼때마다 멋진 분들이 많으셔서 더 겸손해지고 좋은 영감을 받아 가는것 같아요 ❤️ 우리 아자아자!

  • @Thedezigner_
    @Thedezigner_ 4 ปีที่แล้ว +41

    언급하긴 그렇지만 진심 다른 무료 유튜브 강의랑 퀄리티 자체가 다릅니다. 공부조금 해보고 이 강의 보는 사람들은 무슨말인지 알거에요.. 정말 깔끔하고 명쾌하게 가르쳐주시네요. 감사합니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +3

      좋은 피드백 정말 감사해요 꼬북님 ❤️

  • @jaewooroh6698
    @jaewooroh6698 2 ปีที่แล้ว +7

    혹시나 비동기 강의부터 이해가 잘 안되시는 선생님들!
    저도 2주 전에 JS강의를 처음 엘리님의 강의로 접하면서 비동기 강의부터 이해가 잘 안되기 시작하더라구요
    2주가 지난 뒤 지금 저는 이 강의가 얼마나 족집게 강의였는지, 제가 얼마나 본질을 놓치고 있었는지 깨닫게 되었어요.
    제 문제는 엘리님의 코드 하나 하나를 너무 다 이해할려고 했었기 때문인것 같아요!
    아직 JS코드가 익숙하지 않으신 분들께 약간은 복잡하고 난해할수있는 SetTimeOut 메소드, arrow function, callback 함수들이
    막 섞이니 그 자체가 이해가 안되고 머리가 무언가를 더 받아들이지 못하는 상태가 되었을수도 있겠다 싶어요. 제가 그랬거든요.
    급하신게 아니라면 'Ellie님의 초보자를 위한 JS 보충 수업' (특히나 함수들과 Object들을 reference형태로 주고 받는 개념)이나,
    다른 JS강의나 실전 프로젝트들을 통해 JS코드에 대한 이해를 조금 더 하신 상태에서 보시면 강의의 본질과 Ellie님의 강의가
    족집게 처럼 쏙쏙 눈에 들어올꺼라고 믿습니다. 항상 화이팅이요!

  • @yerin2289
    @yerin2289 3 ปีที่แล้ว +8

    생활코딩으로 자바스크립트 배웠을땐 별거 아니네 했다가 복습차원으로 드림코딩님 수업을 들으니 내가 자바스크립트를 아는게 아니였구나 깨닫고 갑니다😂 이해가 될때까지 열심히 듣겠습니다! 늘 감사합니당👏

  • @zommoc
    @zommoc 2 ปีที่แล้ว +1

    너무 어렵게 생각하지 마세요. 그냥 하다보면 돼유...정말 중요한 건 업무죠.
    근데 사실 저도 이렇게 보면서 종종 많이 배움. 현업으로 15년차 정도 된 거 같은데....

  • @mensol3270
    @mensol3270 ปีที่แล้ว +1

    개발한지 어언 1년 수많은 유튜바 강사 다 들어봤지만 이분이 가장 최고 깔끔. 다만 입문자에겐 다소 어려울수있음

  • @Least-Weasel
    @Least-Weasel 3 ปีที่แล้ว +2

    뿜! 처음 같이 코딩하면서 영상을 봤을 때는 눈이 함수 구조를 따라가느라 눈이 뺑글뺑글 돌았는데, 몇번이고 반복해서 보니깐 wow~! 내가 왜 진작 이해하지 못했지? 했어요! 코딩 공부를 할 때면 정말 하나도 모르겠다가 어느순간 번뜩이는 순간이 오는것 같아요! 그럴때마다 내가 한 발자국 진전했구나! 느껴요ㅎㅎ~! 엘리님과 함께라서 그런것 같아요! 너무 감사합니다♥

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว +1

      이런 따뜻한 코멘트 감사합니다 ❤️ 저도 이런 코멘트 남겨 주시는 옴냠이 같은 구독자 분이 계셔서 힘이 너무 나요 🙆‍♀️

  • @BO-nn9up
    @BO-nn9up 4 ปีที่แล้ว +4

    안녕하세요... 오늘도 왔는데 어렵네요... 어려워.... 5번 보겠습니다!!
    영상 퀄리티가 점점 높아져서 뒷 편들이 기대가 되네요 ^^

  • @nara877
    @nara877 2 ปีที่แล้ว +1

    드림코딩에서 자바스크립트, 리액트 수업 다 듣고 뭔가 이젠 뭐하지?라는 의문과 길을 잃어버린채 코테기가 와서ㅠㅠ 프로젝트는 하기가 싫고 헷갈리던 개념이라도 공부를 다시 해보자! 싶어가지고 다시 보러 왔는데요ㅎㅎ 드림코딩에서 수업 듣기 전에 들었을 때는 진짜 무슨 말인지 당최.. 몰랐었는데 지금 다시 보니까 훨씬 이해가 잘 되는 것 같아서 신기해요!ㅎㅎ 확실히 지금까지 공부한 게 헛수고가 아니라는 게 새삼 느껴지네요ㅠㅠ 제가 모르는 새에 천천히 성장하고 있었나 봐요! 항상 감사합니다!

  • @kimdongwoo5163
    @kimdongwoo5163 4 หลายเดือนก่อน

    덕분에 콜백 지옥이 어떤 건지 느낄 수 있었어요! 좋은 강의 감사합니다!

  • @user-bp6bq2os4p
    @user-bp6bq2os4p 3 ปีที่แล้ว +4

    자바스크립트의 핵심 중의 핵심! 콜백, 비 동기의 개념에 대해서 제대로 잡고 넘어갈 수 있는 아주 좋은 강의인 것 같아요! 사실 너무 어려워서 네 번이나 돌려보는 중인데, 네 번째인 지금에서야 이해가 완전히 되네요 ㅎㅎ 어려워서 콜백의 개념부터 다시 차근차근 짚고 넘어 왔더니 훨씬 쉽고 새로운 시각으로 바라볼 수 있게 되었어요 ㅎㅎ 항상 좋은 강의, 친절한 강의 제공해주시는 엘리님 너무 감사해드려요 !

  • @yonghokim2158
    @yonghokim2158 4 ปีที่แล้ว +2

    엘리님~! 빅팬입니다. 자바 스크립트 처음 시작하는데요. 엘리님이 설명 너무 잘 하셔서요. 머리에 쏘옥 들어옵니다~.

  • @lilsoo2322
    @lilsoo2322 2 ปีที่แล้ว +5

    엘리님 진짜진짜 감사합니다

  • @user-nb4el5jv6v
    @user-nb4el5jv6v 3 ปีที่แล้ว +1

    내가 지금까지 이 강의를 따라온게 맞나.. 싶을정도로 콜백지옥 예제가 이해가 안되네요 ㅋㅋㅋㅋ

  • @suhyeonkim2253
    @suhyeonkim2253 2 ปีที่แล้ว

    엘리님 항상 좋은 강의 감사합니다 ^^ 꾸준히 찾아와서 공부한답니다.
    스스로 공부한 내용 정리겸 많은분들이 궁금해하시는거에 해답이 되었으면 좋겠습니다
    저도 학습자신분이기에 최대한 아는선에서 적어봅니다. 잘못된정보면 꼭 알려주셨으면 합니다.
    1. Class 의 constructor에 따로 인자를 받지 않으면 기본적인 constructor은 생략가능
    2. 순서 알기
    1)사용자에게 아이디와 패스워드를 받아온다
    2)서버에게 로그인한다
    3)로그인이 성공적이면 아이디를 다시 받아온다
    4)역할을 다시 요청해서 받아온다
    5)사용자의 오브젝트를 출력한다.
    3. 인자들을 통해 원하는 함수를 전달할수있고 원하는 부분에 호출하여 함수가 실행되게끔하는 이 콜백함수의 원리를 잘 알아야합니다.
    임시 백앤드로 만들어놓은 loginUser에 new 키워드로 새롭게 만든 userStorage.loginUser의 인자들을 하나씩 대입합니다.
    말그대로 함수를 전달하는겁니다.
    백엔드 loginUser의 onSuccess인자에 userStorage.loginUser의 function(user){userStorage.getRoles~~~}를 전달합니다. 그리고 onSuccess(id)로 호출하게 되어 저부분에서 함수가 실행되는거죠. 그리고 id값은 user값으로 전달되어 역할을 요청합니다. 즉 id와 user은 동일한 값이라고 보시면 됩니다.
    userStorage.getRoles의 userwithRole도 마찬가지입니다.
    userwithRole부분은 사용자가 성공적으로 로그인을 했을때 그리고 Roles를 잘 받아왔을때 실행됩니다.
    userStroage.getRoles가 getRoles메소드에 접근하면서 getRoles에 있는 onSuccess에 function (userwithRole){alert~~~}가 전달되고 userwithRole은 실상 user=id를 가르키면서 userwithRole.name과 role을 받아올수있습니다. userwithrole에 아무이름을 적더라도 에러없이 출력되는걸 알수있습니다 (예시 : finduserrole/finduserrole.name/finduserrole.role)

  • @qpk1zb
    @qpk1zb 4 หลายเดือนก่อน

    으악 어렵네요ㅋㅋ 우선 13강까지 보고 다시 돌아오겠습니다! 이렇게 좋은 강의 항상 감사해요 엘리님🤗

  • @user-hb7ee4op7x
    @user-hb7ee4op7x 4 ปีที่แล้ว +2

    약간 듣다가 어려워서 멍... 해졌던 것 같아요. 다시 복습하겠습니다~

  • @kkangchicken
    @kkangchicken 4 ปีที่แล้ว +5

    정말 유익합니다. 한 가지 바라는 게 있다면 주제별 타임스탬프가 있었으면 좋겠습니다

  • @junelee2523
    @junelee2523 3 ปีที่แล้ว +1

    국비 학원 다니면서 어렵다고 생각했던 개념들을 잡아 가고 있습니다. 좋은 강의 많이 많이 올려주세요.

  • @java0405
    @java0405 4 ปีที่แล้ว +2

    올려주시는 영상 잘 보고 있습니다. 재미있고 참 유익하네요. 자바 스크립트 정말 오랜만에 보는데 많이 바뀌었고 옛날에 한 때 스크립트라 무시하던 그런 아이가 이제 아니네요. 앞으로도 좋은 영상 많이 부탁드립니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      와 유튜브에서 자바를 가르치시나요? 🙌 코멘트 남겨 주셔서 정말 감사합니다 ❤️

  • @dabeen93
    @dabeen93 3 ปีที่แล้ว +1

    와.. 처음에 너무 어려워서 이해안가다가 몇시간 붙잡고 했더니 완벽히 이해했어요... 이해하고 봤더니 너무 유익한 강의 입니다.

  • @SJ-ew6xo
    @SJ-ew6xo 3 ปีที่แล้ว +2

    요즘 프론트개발을 하게 되면서 엘리님 강의가 너무 도움이 되요~ 해보고 나서 다시 듣고 해서 다시 익히면서 정말 좋은 강의다 생각되네요~ 메리크리스마스~~

  • @luvniizii
    @luvniizii 3 ปีที่แล้ว +3

    엘리님 덕분에 콜백함수! 드디어 완벽하게 이해 한 것 같아요 ㅠㅠ 항상 양질의 강의 제공해주셔서 감사합니다 ㅎㅎ
    남은 강의도 잘들을께요 🥰

  • @user-kt8ny4qf8b
    @user-kt8ny4qf8b 3 ปีที่แล้ว

    출석체크!!
    비동기 처리, 콜백 들어가면서 클래스 선언 이후에 활용해서 기능을 작성하는것을 진행하는데
    제가 이전에 알고 있던 자바스크립트와는 다른 생소한 느낌으로 다가오네요.
    에로우 함수를 쓴다던지, 클래스에 선언된 메서드를 사용한다던지 등등 이요.
    손도 못대고 있는것을 보고 많은것을 느꼈습니다. 성장할 수 있게 강의 만들어 주셔서 감사합니다.
    지금은 생소하게 느껴지는 것들이 많지만 자연스러워지도록 노력할께요.
    물론!! 콜백 지옥이 아닌 클린코드를 작성할 수 있도록이요!! 감사합니다!!

  • @noelnr9173
    @noelnr9173 3 ปีที่แล้ว

    광고들으며 복습합니다
    오늘도 감사합니다

  • @user-lv5ow6nw3r
    @user-lv5ow6nw3r 4 ปีที่แล้ว +6

    엘리님 영상올라오는날만 기다립니다❤

  • @user-iq6mv1ls9w
    @user-iq6mv1ls9w 4 ปีที่แล้ว +1

    알람떠서 호다닥 보구 따라해봤어요😆
    다음 강의도 넘넘 기대돼요

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      따라 해보셨다니 👍👍👍

  • @user-sc6rq3yy7r
    @user-sc6rq3yy7r 2 ปีที่แล้ว

    진즉에 엘리선생님 강의를 처음부터 볼걸그랬어요. 동기 비동기 개념을 비동기는 동시에 시작되는거다! 라고 개념을 잘못잡아서 엄청 헤맸는데 엘리선생님 강의듣고 다시 제대로 이해했습니다. 왠지 너무 어렵더라 ㅠㅠ

  • @user-kw9oz7yn5e
    @user-kw9oz7yn5e 4 ปีที่แล้ว +2

    얼마나 가독성이 좋아질지 벌써 다음 영상이 기대되네요!!
    그동안 몇번 보고 따라해보겠습니다..! 자바스크립트 튜토리얼 사이트도 굉장하네요🔥

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      병연님을 자바스크립트 최신편에서 보다니! 하하

    • @user-kw9oz7yn5e
      @user-kw9oz7yn5e 4 ปีที่แล้ว +1

      @@dream-coding 아! 엘리님 영상보니까 한 번에 여러줄이 정리가 되던데 따로 설정하신건지 단축키가 있는건가요?? 줄이랑
      간격 정리 되는거요!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      여기 드림코딩 채널에 있는 비쥬얼 스튜디오 익스텐션 편에서 설치한 Prettier와 저장시 자동 포맷 설정을 해서 그래요 :)
      그 영상 한번 보시면 똑같이 하실 수 있어요 ❤️

  • @fishyou3567
    @fishyou3567 3 ปีที่แล้ว

    아침에 잠깐 보고 갑니다. 자꾸 보는 거 말고는 방법이 없는 것 같습니다~

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      반복합습 === 내것 🙌

  • @user-md8ts4ey7t
    @user-md8ts4ey7t 2 ปีที่แล้ว

    댓글 혹시 보시려나...? 와 진짜 너무 잘 가르쳐주셔서 callback async전부 다 이해 갔습니다!! 꼭 감사 표시 하고 싶어서 이렇게 댓글 남깁니다!!!! 너무 너무 감사드립니다...
    요새 제가 node로 백엔드를 진행 중인데 js를 이용해서 하다 보니까 자바스크립트 기초 지식이 너무 너무 간절하더라구요... 그래서 들었는데 진짜 너무 잘 이해 시켜주셔서 감사합니다!!!!

    • @dream-coding
      @dream-coding  2 ปีที่แล้ว

      좋은 피드백 감사합니다 😍

  • @scapenet6304
    @scapenet6304 4 ปีที่แล้ว +2

    요즘 집에 박혀서 엘리님 영상 보고 배우는게 낙....:)

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      하하 감사합니다 ❤️

  • @user-sh2iy1uc4l
    @user-sh2iy1uc4l ปีที่แล้ว

    선생님~ 노드 강의 듣다가 promise와 async await 제대로 공부해보려고 왔어요

  • @kanetla8692
    @kanetla8692 4 ปีที่แล้ว +1

    딱 이틀전에 콜백관해서 이리저리 찾아봤는데 마침 엘리님도 해주시네요!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      나이스 타이밍 ❤️

  • @user-fd5wu3xg6t
    @user-fd5wu3xg6t 4 ปีที่แล้ว +1

    선 댓글 후 감상인데, 콜백지옥을 만들어 놨구만! 대사가 웃겨요 ㅋㅋㅋㅋㅋ
    고퀄리티 강의 만들어주셔서 감사합니다!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      1등 코멘트 감사합니다 ❤️

    • @user-fd5wu3xg6t
      @user-fd5wu3xg6t 4 ปีที่แล้ว +1

      @@dream-coding 자세한설명이 있어서 그런지 이해가 좀 잘되는 편이더라고요 ㅎㅎ 무리 안하셨으면 좋겠어요!

  • @user-sc6rq3yy7r
    @user-sc6rq3yy7r 2 ปีที่แล้ว

    여기 사람들 다 머리가 좋구나.. 나는 3시간동안 봐도 모르겠다..ㅠㅠ
    알고리즘 풀때 사용하는 콜백은 이해가 가는데 왜이렇게 보니까 이해가 가질 않을까요 엉엉

  • @html9247
    @html9247 ปีที่แล้ว

    와 진짜 이해가 잘 되도록 설명해주시는 것도 있는데 내용이 진짜 하나도 빠짐없이 중요한 내용들이라 너무 좋습니다 🥰🥰

  • @user-iy8hk5fw5j
    @user-iy8hk5fw5j 4 ปีที่แล้ว

    아니설명을 너무 잘해주셔서 이 영상 하나로 callback이 다 이해됫네요 댓글을 안쓸수가없네 항상 좋은 영상 기대할께요!

  • @sehyeonoh2946
    @sehyeonoh2946 4 ปีที่แล้ว +1

    이런 좋은 정보들 너무 좋아요! 유저가 ZIP CODE를 입력하면 그에 해당하는 주소와 구글맵 위치를 보여주는 프로젝트를 공부삼아 만들고 있었는데, 영상을 보고 나니 콜백 지옥을 만들 뻔했다는거에 반성하고 갑니다...ㅎㅎㅎ 다음 영상은 Promise 라 하셨는데 너무 기대하고 있던 부분이라 빨리 보고 싶네요! ㅎㅎ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      다음시간에 만나요 ♥️

  • @baejiu
    @baejiu 4 ปีที่แล้ว

    나선임연기 너무 재밌어요! 젤리이모티콘의 감정표현이 귀여워서 어려운 콜백함수가 좀 더 친근하게 느껴지네요..ㅋㅋ 오늘도 출석😆👍!! 좋은 영상 감사합니다💕

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      아니 요정님 차근차근히 여기까지 오시다니 ❤️
      아까 프로미스에서 어렵다고 하신거 보고 여기 왔는데 가만히 생각해보니 짧은 시간안에 정말 많이 오셨네요 :) 대단하세요

  • @dhhnkim9277
    @dhhnkim9277 3 ปีที่แล้ว +1

    와.. 진짜 감사합니다.!! 비동기 동기가 항상 헷갈렸었는데.. 쉽게 설명 해주시려고 노력하시는 엘리님 화이팅!! 좋은 강의 감사합니다 ^^~

  • @ShaniSMate
    @ShaniSMate 4 ปีที่แล้ว +1

    출석인증이요!
    빨리 다음 강좌가 기대되네요~
    파이팅

  • @humors_storage
    @humors_storage 3 ปีที่แล้ว

    역시 처음에는 어려워서 이해하지 못했는데 반복적으로 보니 이제야 이해가 되었습니다 .감사합니다.

  • @user-vw6rt8re8x
    @user-vw6rt8re8x 4 ปีที่แล้ว +1

    다음 영상이 너무 기대돼요 항상 어려운 주제였는데 정리 정말 잘해주시는군요!

  • @HENRY-pu9ix
    @HENRY-pu9ix 4 ปีที่แล้ว +1

    짝짝짝~~ 다음편 기대 됩니다~~ 배우는게 솔솔하게 많네요

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      어렵진 않았나요?🙏 우리 다음편 프로미스에서 만나요 ♥️

  • @gyuhyeonlee2922
    @gyuhyeonlee2922 3 ปีที่แล้ว

    목소리 넘 좋으신데요
    좋은 컨텐츠 감사합니다

  • @musiqjester
    @musiqjester 3 ปีที่แล้ว

    질문 드렸던 답변 스스로 찾아서 해결해봤습니다! 질문하기 전에 먼저 찾아보는 습관을 들여야겠습니다. new Error, prompt 등 MDN 찾아보니까 설명이 잘 나와있네요. api 공부하는 방법 가르쳐 주신 덕분에 혼자서 스스로 찾아볼 수 있는 힘이 생긴 것 같습니다. 감사합니다.

  • @andreasweon4807
    @andreasweon4807 4 ปีที่แล้ว +1

    오늘도 좋은 시간 이었습니다. 감사합니다.

  • @sangminhong1804
    @sangminhong1804 ปีที่แล้ว

    2년전 영상이라고 믿기지 않네요^^ 너무 사랑해요

  • @user-uj5hn8mq2c
    @user-uj5hn8mq2c 2 ปีที่แล้ว

    1일 1엘리해야 하루를 마무리 하는 것 같아요!
    오늘도 잘 보고 갑니다!! 고마워욥

    • @dream-coding
      @dream-coding  2 ปีที่แล้ว

      꺄아 ㅋㅋㅋ 감사합니다 😍

  • @kangheelee7333
    @kangheelee7333 4 ปีที่แล้ว +1

    붐! 엘리님 덕분에 자바스크립트가 재밌어졌습니다! 강의 잘 들었습니다👍

  • @user-hy4zk5sj4r
    @user-hy4zk5sj4r 3 ปีที่แล้ว

    출책합니다 ^^ 갑자기 어플을 만들고싶어 어플만드는것에 집중하느라 5일정도 수업 못들었는데 다 만들었으니 다시 영상 쭉 ~ 볼게요. 감사합니다!! 설명 너무 잘해주세요 !!

  • @mischief_maker
    @mischief_maker 2 ปีที่แล้ว

    좋은 강의 감사합니다. 어쩌다 출근 두 시간 전에 일어나게 됐는데 마소 줍줍하면서 엘리님 영상도 줍줍했네요 ㅋㅋ

  • @user-nx9xt1df2x
    @user-nx9xt1df2x 4 ปีที่แล้ว +1

    매번 퀄리티 높은 강의 업로드 시켜주셔서 감사합니다!!!!!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      동열님두 이제 최신편에서 뵙네요 ❤️

  • @user-ds3is5oh6l
    @user-ds3is5oh6l 3 ปีที่แล้ว

    정말 시간가는줄 모르고 강의를 보고있는거 같아요 좋은 강의 항상 감사합니다.

  • @user-lx8jl1sb2t
    @user-lx8jl1sb2t 3 ปีที่แล้ว

    출첵합니다~~! 오늘은 어제보다 더 잘 이해가 되겠죠 ?? ㅎㅎ 모두모두 화이팅입니당!

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

    너무 강의가 좋습니다.

  • @user-qt6ml3gx9g
    @user-qt6ml3gx9g 3 ปีที่แล้ว

    오늘 21분이 순식간에 지나갔네요..강의 이해도 잘되고 너무 재밌습니다!!

  • @user-lv5ow6nw3r
    @user-lv5ow6nw3r 4 ปีที่แล้ว +2

    미리 1만축하댓글 ㅎㅎ
    내말대로 떡상할듯
    내가본채널 다 구독자 나중에 많아짐

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      우리 드림코더 분들이 항상 먼저 구독자 수 체크해서 알려주시는거 같아요 ❤️
      오늘 보니깐 넘었네요~ 너무 감사해요 🎉

  • @user-lx8jl1sb2t
    @user-lx8jl1sb2t 3 ปีที่แล้ว

    앞에서부터 기초 다시 다지고 보니까 이해가 더 잘가요~!!!

  • @jwchoi3538
    @jwchoi3538 3 ปีที่แล้ว

    오늘도 출석체크합니다, 엘리님! 오늘 자바스크립트 강의 다 뿌실 거예요!

  • @user-uv3wb3hp9e
    @user-uv3wb3hp9e 3 ปีที่แล้ว

    항상 좋은 강의 감사합니다! 왜 비동기를 위해 콜백을 써야하는지 이해가 안 됐었는데, 엘리님 강의 덕분에 조금은 감을 잡은 것 같습니다!

  • @awedsheep
    @awedsheep 4 ปีที่แล้ว +2

    악 안돼 콜백지옥에서 끝나다니 ㅠ 엘리님 영상 잘보고 있습니다 너무 재밌고 유익하네요 항상 감사합니다 ㅎㅎ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      악 ㅋㅋㅋㅋ 다음 영상에서 지옥탈출 해볼께요!

  • @otwmoo
    @otwmoo 3 ปีที่แล้ว +3

    ㅋㅋ 인트로 점점 더 잼 잇어지는 듯..

  • @데일리메이커
    @데일리메이커 4 ปีที่แล้ว

    영상을 쭈~욱 보니까 갈수록 편집과 연기가 늘고 있는것 같습니다...ㅎ
    좋은 영상 만들어 주셔서 감사합니다^^

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      하하 늘고 있나요? 감사합니다 ❤️

  • @sleepcycle_
    @sleepcycle_ 4 ปีที่แล้ว +1

    감사합니다 ~~~ 자바스크립트 배워도 뭔지 몰랐는데ㅜㅜ 이제 친해진거같아요

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      꺄아 이제 친해지셨다니 :)

  • @krnomad
    @krnomad 4 ปีที่แล้ว +1

    와 매번 레전드 강의를 만들어주시네요 ㅎㅎ
    좋은 강의 감사합니다!!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      현업 개발자 8년차분께 이런 코멘트를 받으니 부끄럽네요 🤗 감사합니다

  • @ardensol548
    @ardensol548 3 ปีที่แล้ว

    볼 때마다 배워가는 게 많은 강의입니다. 감사히 보겠습니다!!

  • @phoenix9373
    @phoenix9373 3 ปีที่แล้ว

    출첵! 같이 배우는 친구들한테도 채널 추천했어요~! 너무 좋다고 하네요 ㅎㅎ 괜히뿌듯합니다!

  • @user-pb1qd2hp6h
    @user-pb1qd2hp6h 4 ปีที่แล้ว +1

    국비 시작전인데...백엔드 과정인데 엘리님보고 프론트에 빠져서..프론트 공부도 틈틈히 하고 있습니다 ㅠㅠ 항상 감사해요!!!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      우리 Jamie님 똑같은 코멘트 3개나 달아주셨어욬ㅋㅋㅋ

  • @Jaden-wl5hn
    @Jaden-wl5hn 4 ปีที่แล้ว

    요즘 너무너무 바빠서 영상 못챙겨봤는데 어느새 세가지 모두 올려주셨네요~~ ㅎㅎ 오늘 이거 완료 했고 내일 나머지 두개 다 끝내러 갑니다~~~ 항상 감사드려요 ^_^

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      붐, 항상 코멘트 감사합니다 ❤️

  • @kyunghwankim1269
    @kyunghwankim1269 4 ปีที่แล้ว +1

    안녕하세요 엘리님. 좋은 강의 감사드립니다!! 실전편으로 실제 백엔드와 통신하는 강의도 있으면 너무너무 좋을 것 같아요~!! 감사합니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      다음에 기회가 되면 꼭 다뤄볼께요 :)

  • @user-bu1hv3fn4v
    @user-bu1hv3fn4v 2 ปีที่แล้ว

    이해하기 쉽게 설명해주셔서 너무 감사합니다. 처음 들으니 좀 어려워서 복습 많이 하고 익숙해져야겠습니다!

  • @whitejh_
    @whitejh_ 3 ปีที่แล้ว

    앨리쌤! 처음에는 잘 이해가 안되었지만 다시 들으니 아주 잘됩니다!! 항상 잘 보고 있습니다~

  • @HowToOrbit
    @HowToOrbit 2 ปีที่แล้ว

    휴 겨우 이해했네요... 여러번 코드를 하나하나써보며 작동방식을 따라가보며 했습니다. 제가 막혔던건 파라미터에 오브젝트도 들어가고 함수도 들어갈수 있다는게 헷갈렸네요 감사합니다 엘리쌤

  • @iafan1229
    @iafan1229 2 ปีที่แล้ว

    ㅎㅎ 감사합니다. 자바스크립트를 좀 알고 나니 재미있게 들었네요~^^

  • @nammjuicy5442
    @nammjuicy5442 4 ปีที่แล้ว +2

    동기 비동기 개념은 처음 보면 이해하기 어려운 개념인 것 같아요ㅎㅎ 처음 동기/비동기를 접했을 땐 이 개념의 이름이 왜 동기/비동기지?? 순차/비순차여야 하는 거 아냐?? 하는 생각이 가득했었습니다ㅎㅎ 사실 아직도 동기 비동기는 좀 어렵다는 느낌이 강했는데 이번 async 강의 시리즈 들으면서 완전 정리 해보도록 하겠습니다!! async 끝나면 이 개념을 활용해서 mini game 프로젝트처럼 뭔가 실사용? 해보는 부분이 있으면 좋을 것 같아요! 아무래도 프로젝트 하면서 공부하면 완전히 내 지식이 되는 느낌이라서요!ㅎㅎ

  • @ysc1730
    @ysc1730 4 ปีที่แล้ว +1

    엘리쌤 출첵합니다 ㅎㅎㅎㅎ 연기력이 점점 늘어가시네요 ! ㅎㅎㅎ

  • @user-hz9xb5zq3s
    @user-hz9xb5zq3s 2 ปีที่แล้ว

    안녕하세요 엘리님 영상 너무 잘 보고있습니다!
    영상 보면서 이해할 수 있게 글로 다시 정리하고있는데, 15:36 이후부터 조금 어려워져서요..
    userStorage라는 변수에 UserStorage class를 만듦
    → 사용자에게 id와 password를 입력받음
    → 로그인을 하기 위해 사용자에게 받아온 id와 password를 전달하고 onSuccess, onError callback function을 전달해야함
    → 로그인이 성공해서 사용자의 데이터를 받아왔을 때 처리해야하는 코드블럭(onSuccess callback function을 전달받기 위한 매개변수 = user), 사용자의 데이터를 받아오지 못했을 때 즉 로그인이 실패했을 때 실행하는하는 코드블럭(onError callback function을 전달받기 위한 매개변수 = error)이 있음
    → 로그인이 성공하면 로그인된 사용자의 정보를 이용해 사용자의 역할을 받아옴 (userStorage.getRoles() 사용해서)
    → 사용자에게 역할이 부과되어있다면 사용자의 역할을 받아와 실행하는 코드블럭(onSuccess callback function을 전달받기 위한 매개변수 = userWithRole), 역할이 부과되어 있지 않았을 때 실행하는 코드블럭(onError callback function을 전달받기 위한 매개변수 = error)이 있음
    제가 잘 이해한건지 알 수 있을까요??ㅜㅜ 혹시 틀린 부분이 있다면 알려주세요🥲🥲

  • @user-sn7nr8fw6j
    @user-sn7nr8fw6j 3 ปีที่แล้ว

    이렇게 정성스러운 영상으로 배울 수 있다니ㅠㅠ 소중한 시간 내서 이렇게 알려주셔서 감사합니다!!

  • @user-em2xc2cj8y
    @user-em2xc2cj8y 3 ปีที่แล้ว

    머리가 나빠서 자꾸 잊어버리니 자꾸 자꾸 봅시다!
    엘리쌤 짱 >____________

  • @professeo
    @professeo 4 ปีที่แล้ว

    오늘도 출석합니당! 이제 기본은 promise랑 async/await 2강 남았네요
    완전히 100% 이해한건 아니지만 여러번 개념을 듣다보니 이해가 가는부분도 있고 그렇네요 :) 감사합니다 🙇

  • @user-rz1si3kl5u
    @user-rz1si3kl5u ปีที่แล้ว

    쌤 진짜 감사해요ㅠㅠㅠ 유튭강의 이거저것 다들었는데 이거 들으니깐 한번에 이해되네요 군더더기 없는 좋은강의 넘넘감사드립니다!!!!😊😊❤❤

  • @yasmink8175
    @yasmink8175 4 ปีที่แล้ว

    출석합니당:) 콜백지옥 작게 경험했지만! 어마무시하네요!! 오늘도 양질의 강의 잘듣고 갑니당! 건강하세요!!

  • @yeo6746
    @yeo6746 4 ปีที่แล้ว +2

    항상 좋은 영상 감사합니다!!!!ㅎㅎ요번에도 잘보고 갈게용

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +2

      설명이 괜찮았나요? 넘 어렵게 설명한건 아닌지 ㅠ

  • @user-zm2oe7uh4b
    @user-zm2oe7uh4b 4 ปีที่แล้ว +1

    잘들었습니다! 콜백지옥 코드가 복잡하네요 항상감사합니다

  • @wjdrk70
    @wjdrk70 4 ปีที่แล้ว +2

    정말 항상 좋은 영상 감사합니다!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      저두 항상 출책 감사해요 ❤️

  • @david_kim_95
    @david_kim_95 ปีที่แล้ว

    JSON부터 여기까지 쉼 없이 달려왔습니다!
    역시 고기도 먹어본 사람이 잘 먹는다는 속담이 떠오릅니다...
    현직자이지만 JS 콜백 코딩을 많이 해보지 않았기에 바로 답이 나오지 않았습니다. (결국 혼자 먼저 구현하기는 했습니다;;)
    이어지는 콜백 지옥 타파, Promise, Async/Await 도 기대됩니다!!

  • @user-xi8dy8tt8n
    @user-xi8dy8tt8n ปีที่แล้ว

    11장까지 공부 완료했습니다! 멋진 강의 감사합니다 :)

  • @imChangSeOp
    @imChangSeOp 3 ปีที่แล้ว

    콜백입문!! 시작!! 어려운 부분인만큼 진짜 여러번 봐야겠어요!! 붐붐!☆☆

  • @SJ-ew6xo
    @SJ-ew6xo 3 ปีที่แล้ว

    출첵~~~ 콜백함수에 대해서 너무 잘 들었습니다. 감사드립니다.

  • @hyesuhong7869
    @hyesuhong7869 3 ปีที่แล้ว +1

    오늘도 출석..! 콜백 지옥 진짜 무슨 말을 하고싶은건지 잘 안보이네요😱 어떻게 깔끔해질지 너무 궁금해요!!!!!

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      이 영상보고 학생분들이 다들 지옥을 경험 했다며 ㅋㅋㅋㅋ 하하 다음 영상에서 만나요

  • @user-pg4vb6tb1g
    @user-pg4vb6tb1g 2 ปีที่แล้ว

    출석! 11. 콜백! 소중한 강의 감사합니다.

  • @ria9149
    @ria9149 3 ปีที่แล้ว

    엘리님 너무 감사합니다 ㅠㅠ너무나도 훌륭한 강의입니다! 저도 꼭 엘리님같이 훌륭한 개발자가 되겠습니다!!!!(아! 그리구 10만 구독자 너무너무 축하드려요!!!!! 역시 엘리님짱!!!!)

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว +1

      축하해 주셔서 감사합니다 😍

  • @user-vq2wn6nt9d
    @user-vq2wn6nt9d 3 ปีที่แล้ว

    초보지만ㅡ.ㅡ열심히보면서 끄적여봅니다
    콜백지옥은 일할때는 없어야겠네요
    코드는항상간단하게작성ㅡ.ㅡ
    이쪽계통은 영어랑 암기 논리적사고 창의성까지 다갖추어야겠어요

  • @ohey5375
    @ohey5375 3 ปีที่แล้ว

    엘리님 유튜브에 처음 댓글 남겨봐요 너무너무 좋아요 앞으로도 잘 따라가보도록 하겠습니다 😎

  • @sslab33
    @sslab33 3 ปีที่แล้ว

    익명 함수의 인자가 한개면 소괄호를 생략할 수 있었네요...ㅎ
    소괄호 없이 `=>` 이게 이어지길래 내가 모르는 함수가 또 있었나 했습니다
    이번 강의도 잘 보고 갑니다~!

  • @user-cr3lg6cg5y
    @user-cr3lg6cg5y 23 วันที่ผ่านมา

    쩐다..사랑해요 속시원해요 ㅠㅠ

  • @user-xd4xu7sl2x
    @user-xd4xu7sl2x 4 ปีที่แล้ว

    엘리님 덕에 자바스크립트가 너무 재밌어지고 있어요:) ㅠㅠ

  • @user-lr4ep8re1g
    @user-lr4ep8re1g 4 ปีที่แล้ว +1

    콜백지옥은 생소하네요 ㅎㅎ
    잘보고 갑니다.