콜백함수가 뭔지 한국어로 쉽게 설명하는 영상
ฝัง
- เผยแพร่เมื่อ 17 ก.ค. 2024
- 콜백함수 정의와 설명입니다
0:00 chobo part
2:47 non-chobo part
Q. 콜백함수 구글에 검색해보면 1급객체 어쩌구 클로저 어쩌구 지랄하는건 뭔가요?
- 무시하셈
Q. 이거 쓰면 비동기처리가 되는건가요?
- 비동기랑 그딴거랑 관계없습니다 비동기처리지원하는 함수들이 콜백함수 가끔 요구할 뿐임
전체강의는 codingapple.com 자바스크립트편
구독자용 10% 할인코드 : YT123 (맨날 바뀜 최근영상 참고) - วิทยาศาสตร์และเทคโนโลยี
![[UNCUT] ฝันรักห้วงนิทรา | EP.11 (3/4)](http://i.ytimg.com/vi/4oyX6CnuonM/mqdefault.jpg)
ㅋㅋㅋ 뭔가 마트 직원이 알려주는 것 같음 ㅋㅋㅋㅋㅋ
엌ㅋㅋ
공감백퍼
지금 콜백함수 20% 할인중이고요~
들을때마다 어디서 들었다 했더니 이거였네
대박...... 콜백함수가 도대체 뭔지 다른 강의 10분 20분짜리 강의 봐도 이해 안됐는데 초보자 입장에서 3분만에 이해를 시켜주시다닠ㅋㅋㅋㅋㅋㅋㅋ 설명 잘해주시네요 감사합니다
초보자 입장에서 정말 알아듣기 쉽게 설명해주셔서 감사합니다 ㅠㅠ
와!! 그동안 많은 콜백 함수 설명을 들어지만, 이런 명강의는 처음임!!! 대단합니다!!!
콜백에서 promise, async랑 await까지 진짜 유익하네요 너무 감사합니다
설명 매우 깔끔하고 좋습니다. 콜백함수가 뭔지 물어보면 이제 딱 말할 수 있겠네요.
설명 진짜 쏙쏙 들어와요 감사합니다
promise랑 async await도 기다리겠습니다
저두요... 코딩애플님 설명이 간절합니다
참말로 유익한 영상이네예!
애플코딩에서 타입스크립트 강좌 들을까 고민한던 찰나에 좋은 방향성을 제시해주는 영상인거 같습니다!!
와 ... 선생님 천재아니십니까 설명 최고......👍
콜백함수에 대한 설명보다는 콜백함수 사용법에 대한 설명만 있는거 같네요.
함수를 호출할때 콜(call)한다 라는 표현을 씁니다. (전화거는것과 같은 의미로 쓴겁니다.)
이건 흐름제어에 대한 주도권과도 관계가 있는데요
개발자가 주도권을 잡고 필요한 함수를 호출하는게 일반적인 개발의 흐름입니다.
제공되는 라이브러리 함수 등은 모두 주도권을 가진 개발자가 직접적으로 호출해야 하죠
이건 내가 (주도권을 가진사람 A라고할께요) 전화를 걸어야만 전화 받는 사람(B라고할께요) 이 전화를 받고 무엇인가를 행하는것과 개념입니다.
이때 전화를 받은 B가 A가 요청한 일을 하다가 또는 다한후에 A에게 무언가를 요구 할 수 있습니다.
그런데 이때 B가 A에게 요구하는 시점은 B가 결정 할 수 있습니다. 그러면 주도권이 B에게 넘어 간 것이죠.
최초의 주도권은 A가 가지고 있었지만 B가 A한테 요구할 때는 B가 주도권을 가지게 된겁니다. (물론 최초에는 A가 주도권을 가지고 있었죠)
B의 요구에 A는 응해서 일을 해야 합니다. 그래야 최초에 A가 요구한 일이 완료가 될테니까요.
이런 경우 A가 할일은 두가지가 됩니다. A가 주도권을 가지고 처리해야할 일(함수) B가 요청하면 해줘야할 일 (함수)
이렇게 두개의 함수가 생기는데 그냥 함수만 보면 어떤 일이 어떤 일인지 알 수가 없죠
그래서 B가 요청하면 해줘야할 일에 대한 함수를 콜백(전화받은 사람이 다시 전화한 사람에게 전화하는 것)함수라고 명명하게 된겁니다.
호출하는 시점을 내가 제어 할 수 있다면 함수
호출 하는 시점을 내가 아닌 다른 사람이 제어할 수 있다면 콜백함수
라고 이해하시는게 가장 간단하게 이해할 수 있는 내용일겁니다.
콜백함수가 사용되는 여러 사례들은 다 이 범위를 기준으로 함수인지 콜백함수인지 명명하는겁니다.
그러면 콜백함수는 콜백으로만 사용될까요? 아닙니다. 콜백함수는 직접 호출로도 사용이 가능합니다.
콜백함수의 개념은 이정도로 정리 할 수 있지만
한가지 참고하셔야 할건 콜백함수라는 건 함수를 선언하고 이 함수를 누가 호출하느냐에 따라 결정 되기 때문에
모든 함수가 콜백함수일수도 있다는 겁니다.
캬..메모장으로 글 긁겠습니다.
어우 꼰대 진짜 답없는 지능이네
쉽게 설명할라고 온몸비틀기하는데 와서 백과사전 펼쳐놓고있노
와.. 선생님.. 설명진짜 대박👍👍
와 드디어 한국어 설명영상이!
와 진짜 간단한 예시랑 함께 설명해주시니까 이해가 쏙쏙되네요 감사합니다 ㅠㅠ 혹시 그 윈도우 환경에서 vscode 사용할 때 콜백함수 ctrl + 우클릭하면 나오는 lib.es어쩌고d.ts 이거 보는 법 알려주실 수 있을까요ㅠㅠㅠ
다음시간의 프로미스와 아싱크아웨잇 기다리겠습니다!
안됩니다
@@codingapple 거절은 거절입니다
@@codingapple 반사
기대됩니다 프로미스와 어싱크어유ㅔ잇
잠은 죽어서 자주세요
ㅋㅋㅋㅋㅋㅋㅋㅋ 아뉘 말하는게 뭐이리 귀에 쏙쏙박혀................? 감사합니다 ^0^!!!!!!!!!!
외람되지만 뭔가 굉장히 일타강사스러운 목소리와 톤이십니다 ㅋㅋㅋ
아 대박. 이벤트리스너로 설명해주시니까 딱 알아들었어요 와~
선생님은 천재이십니다.
진짜 설명 너무 재밌어요!!
업로드 4시간만에 2천회ㄷㄷ... 나만 개운하지 않은게 아니구나.. 다음시간 프로미스 기다립니다 !
ㅋㅋㅋㅋ항상 재밌게봅니다😂
미쳤다 진짜 고구마 50개먹고 사이다먹고 소화안되는데 손따고 소화됐는데 일주일동안 똥이 안나오다가 한번에 똥 10개싼 시원함입니다 감사합니다 이거때매 하루종일 개빡쳐서 뭔 개소린가 싶었는데 거짓말안치고 영상시작하고 3분도 안되서 이해해버렸슨비다
저도 그걸 어렵게 생각했었지만… ㅋㅋㅋ
그냥 이름 그대로죠… call+back
뒤에서 부를게(나중에 부를게)
함수 안에서 지정된 위치에서 말그대로 그 뒤에 실행되는 함수 ㅋㅋㅋ
다른 유튜버 콜백함수 영상 다 돌다가 여기서 멈추네요. 따봉 24개 정도 드립니다.
콜백함수가 뭔지 아무리 찾아봐도 뭔말인지 못알아먹었는데 드디어 이해를 했습니다
그냥 매개변수로 함수형 포인터 에 함수집어넣는 건데 이름은 콜백함수고 뭘 다시 호출한다고 사람 했갈리게 설명한게 대부분이라 이해가 안갔는데 진짜 짧은 시간에 햇갈리지않게 핵심만 머리속에 잘들어오게 설명 해주셔서 단방에 이해했습니다. 정말 감사합니다.
드뎌 이해햇습니다 promise 랑 async await 기다리고있을게영
설명이 깔끔하시네요 ㅎㅎ
설명 진짜 야무지네 최고다
코딩앙마 얘꺼 보다 이거보니까 너무 이해 잘되네요
와 미쳤다 콜백함수 설명 찢었다..
오 ㅋㅋㅋㅋㅋ 감사합니다
어렴풋이 알고 그냥 쓰긴햇는데 ㅋㅋ
promise랑 async await 설명은 언제 올라올까요?!?!?!?
캬 담백하십니다 감사합니다 ^^7
진짜....최고....👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻
무슨 설명이 마법같네. 콜백이라는게 불러오면 돌아만가는 개빠가식 나의 머리에도 이해가 되게 끔 설명을 해주시네?
아니 뭐 그냥 너무 잘 이해되는군요. promise, async, await 수순이죠. 빼박임. ㅋㅋㅋ
아참, 안되는건 미리 반사요!
선생님 오프라인 강의도 하시나요?
ㅋㅋㅋㅋㅋ초본데 초보자는 여기까지보고 뒤로가기 하라그러니까 킹받는데 쿨해보여요
짜릿하네요 감사합니다..!
설명이 늘 재미있습니다
팡션이름(심볼)과 이어진 팡션본문 위치(어드레스)를 넘기는 거죠. 너줄너줄 기니까 콕 찝어서 팡션뽀인따라고 부르는 건 어떨까요.
콜백에서 함수 받을 때 function(parameter) {} 형식으로 쓰는 경우도 있고 (parameter) => {} 형식으로 쓰는 경우도 있던데 둘은 완전히 똑같은 건가요?
es 모듈 버전 차이 아닌가요?
this에서 차이가 있을 겁니다
그건 콜백함수가 다른게 아니라 함수 쓰는법이 다른겁니다. 왼쪽이 구버전이고 오른쪽이 신버전인데, 기능 자체는 완전히 같은데 오른쪽이 화살표 함수라고 해서 새로 나온겁니다. 자세한건 화살표 함수로 검색해보시면 나옵니다.
화살표함수는 인자 사용 여부 도 다르고
생성자 함수로 사용할수없습니다
그리고 this의 바인딩 차이가있습니다
공식문서
화살표 함수 표현(arrow function expression)은 전통적인 함수표현(function)의 간편한 대안입니다. 하지만, 화살표 함수는 몇 가지 제한점이 있고 모든 상황에 사용할 수는 없습니다.
this나 super에 대한 바인딩이 없고, methods 로 사용될 수 없습니다.
new.target키워드가 없습니다.
일반적으로 스코프를 지정할 때 사용하는 call, apply, bind methods를 이용할 수 없습니다.
생성자(Constructor)로 사용할 수 없습니다.
yield를 화살표 함수 내부에서 사용할 수 없습니다.
시원하네요 간지러운곳만 잘 긁어준느낌
이거 코딩애플전체강의중에 어디에 있나요? 못찾게써요..
내일보는 시험에 콜백함수도 나오는데 알고리즘 무엇
형님 건강보다 영상입니다
first(second()) 이렇게 소괄호를 붙이지 않고 그냥 first(second)를 해야하는 건가요? 함수뒤에 무조건 ()를 붙여야한다고 생각했거든요 아직 자스 초보라..붙이고 안붙이고 할 때가 있어 헷갈리네요ㅜㅜ
초보는 정의와 용도만 알면됨
함수: 함수 그자체
함수(): 함수 실행
즉 함수1(함수2()) 는 함수1 파라미터에 함수2 실행시킨후 반환값을 넣는거임(return이 없다면 자동으로 undefined값 반환)
이해안될땐 만들어서 콘솔 찍어봐요 ㅎ
다음시간 두구두구... 기다릴게요...!
chobo 파트까지만 보고 뒤로가기로 물러나겠습니다
악으로 깡으로 드립 듣고 바로구독
초보에서 멈췄지만 강해져서 not chobo도 이해해보겠습니다!
8:00
이 영상의 핵심 => 니가 선택한 자바스크립트다. 악으로 깡으로 버텨라
결론: 니가 선택한 자바스크립트다
아 뭐야 콜백함수 이렇게 쉬운건줄 몰랐네요 콜백함수 엄청 어렵게 설명해서 콜백함수 단어만 들으면 무서웠는데 시원하게 궁금증 타파했슴다
ㅋㅋㅋㅋㅋ악깡버 구독합니다
유료강의로 결제햇는데요 그강의에는 콜백함수가 없어서 아쉬워요 더 자세히 배우기위해 결제했는데ㅜㅜ
함수를 함수의 파라미터에 넣는거와 그냥 함수 내부에 함수를 호출하는거와 다른게 뭔가요...?
같은 함수를 부른다면 기능적으로는 같을수 있습니다! 가장 보편적으로 많이 쓰이는 콜백은 영상에서 말씀 하신 비동기 함수나 외부 라이브러리 함수들을 쓸 때 그 함수들이 끝나면 내가 주는 함수를 실행시켜 달라, 혹은 이런 이벤트가 생기면 이 함수를 실행시켜 달라 할 때 많이 쓰입니다! 혹은 본인이 짜는 코드에서도 다른 모듈에서 실행이 될 함수일 경우 콜백을 파라미터로 받아 써야 하는 경우도 종종 있으실수 있습니다.
@@yoonchang809 감사합니다!
형 고마워요! 근데 약간 쌀쌀맞은 건 컨셉이죠? 따뜻한 컨셉 영상도 올려주세요 ㅎㅎ
자~ 이제 콜백 지옥에 빠져볼까요?
Promise로 벗어나버려...!!
사랑합니다!
6:34 비동기 다음시간에 알려주신다는거죠?
ㅋㅋㅋ 아주 좋네요 ㅋㅋㅋ
혹시 vsc테마가 뭔가요?
Choco, Non-chobo… 무슨 새로운 개념인줄 알고 잠깐 망설였네…
타입스크립트까지 엮이면 콜백지옥 골때리니까 여러분은 await를 가까이 하시는 게 정신건강 상 낫습니다.
형..너무 좋아 반할 것 같아
따흐흑 황코애 병장님...
악으로 깡으로 버텨라 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
님 왜케 멋잇어요
선댓글후감상
알 수 없는 알고리즘의 세계..
와...
이 채널은 6개월안에 10만 돌파하겠다
디자인 패턴을 공부해야 하는 이유
멋진형
이게 그 콜백지옥이 발생한다는
함수인가요...?
한국인이 좋아하는 속도
말투 너무 좋음ㅋㅋㅋㅋ
우왕굳ㅋ굳
기능반 때와 말투가 같으시군요
프로미스 빨리 듣고싶네요ㅠ
크 !!!
non-chobo가 왤케 웃기지 ㅋㅋㅋㅋ
감사합ㄴ디ㅏ
드디어 조금이해가갔읍니다....
나 왜 코딩 시작할때 콜백함수 이해가 안되서 몇주 시간 날렸었지...?
짱입니다.
초보들은 끄라해서 오기로 끝까지 보는중🥲
한국어짱
아 이형 원큐에 아리까리하던것 다뚫어주네 ㅋㅋ
ㅋㅋㅋ 바로이해됌 ㅎㅎ 감사합니당
진짜 근본없는 강의다.
학원에서 이렇게 배우니까 그렇게 개념없는 코딩이 나오는거구나 ㅎ
몇년차시길래 ㅋㅋㅋㅋ 이정도면 잘가르치죠 자기 지식뽐내기바쁜 강의들보단 100배천배낫다봅니다만
자기 코드 자랑 하는 강의 보다 백배 낮다
우왕
사과갓..
콜백함수=홈쇼핑해피콜
좋아요 10번 박는 기능은 없나요..
❤
악깡버 개웃기네 ㅋㅋㅋㅋ
비동기 얘기가 없네
본중 제일 쉽다!!
망할놈의 콜백지옥
Chunjae()