윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 29강 - 콜백함수 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 29강 - 콜백함수

페이지 정보

조회: 652

본문

※ 영상을 선명하게 보기 안내

유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
팝업목록에서 "품질" 선택하세요.
원하는 해상도를 선택해주세요.

※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.

윤인성님의 javascript강의 청각장애인을 위한 자막

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 입문 3판 29강 돼

있구요
이번 강의에서는 5.7 절에 내부 함수를 건너뛰고 5.8 짤의 콜백
함수를 나아가 보도록 하겠습니다
5.7 자를 건너 뛰는 이유는 굉장히 간단한데요
글루 보시는게 훨씬 더 이해하기 쉬울 거라고 생각을 합니다
그래서 글로 보시는걸 추천해 드리구요 5.8 절의 콜백 함수 부터
살펴보도록 하겠습니다
일단 콜백 함수 같은 경우에는 원래 프로그래밍 언어
그니까 다른 씨나 c 뿔뿔이 나씨 샵이나 이런 프로그래밍 언어에서는
굉장히 복잡한 용어로 쓰여요
시스템이 호출해 주는 함수를 콜백 함수 라고 부른다 라고 정의를 하게
되는데요
자바스크립트에서 는 콜백 함수가 굉장히 광범위하게 쓰이기 때문에 그냥
단순하게 m
콜백 함수는 매개변수로 전달 하는 함수 라고 생각을 해 주시면 되겠습니다
자 그러면 책에 있는 예제를 한번 함께 살펴보도록 하겠는데요
책에서는
컬 탱 타임즈 라는 이름의 함수를 만들 게 됩니다
매개 변수로는 콜백 이라는걸 받고 있는데요 이 함수의 목적은
매개변수로 들어온
함수를 열 번 실행해 주는 6 되겠습니다
따라서 실행을 하게 된다면 콜 텐 타임지를 쓰게 있고 이 매개 변수에는
함수를 입력을 하게 되는데요
우리가 이전에 함수를 선언하는 두 가지 방법을 배웠어요
첫번째 방법은 이름이 있는 함수 선언적 함수를 선언하는 방법 되겠구요
뭐 여러 번 설명을 했으니까 그냥 곧바로 선언을 하도록 할게요
그리고 이름이 없는 함수
익명 함수를 선언 하는 방법도 배웠는데
뭐 변수에 담는다면 뭐 테스트 a 와 테스트 비에
요러한 형태로 담을 수 있었습니다 따라서 이 퀄팅 카임 제 매개 변수에는
테스트 a 와 테스트 b 를 넣는다 는 의미입니다
사실 다른 프로그래밍 언어를 접하시는 분이라면 함수를 매개 변수로 넘기고
이루는 것이 굉장히 익숙하지 않을 텐데요
자바스크립트는 함수 도 하나의 자료로써 변수에 저장할 수 있기 때문에
함수로 의 매개변수로 뭐 이리 날리고 저리 날리고 할 수 있다는 것을
기억을 해 주시면 좋겠습니다
그래서
함수를 호출을 요러한 식으로 해 주시면 되겠습니다
어쨌거나 퀄팅 타임 자고 매개변수로 테스트에 이라는 함수를 넣게 되면
뉴 쪽으로 들어오겠죠 따라서 여기에서
콜백을 직접적으로 실행을 해 주시게 되면 매개변수로 들어온 함수를 실행할
수 있습니다
10번 실행하니까 단순 뽑아 봉 문으로
10번 실행에 주갤 코드를 구성하면 간단하게 콜 텐 타임즈 라는 함수를
구현을 완료를 했습니다
그럼 간단하게 함수들의 내부에서
테스트에 이 함수 입니다 라는 글자와
테스트 b 함수 입니다 라는 글자를 출력해 보도록 하겠습니다
저장을 하고 실행을 해 보게 되면 테스트 a 함수입니다
1번 2번 3번 4번 5 6 7 8 9 10 반 상콤하게 출력하고 요
이어서 테스트 b 함수 입니다 라는 글자를 1번 2번 3번 4번 5 6
7 8 9 10 번 출력하게 됩니다
저 찍거나 일반적으로 요렇게 콜백 함수를 사용할 때는 그냥 이 익명 함수
뒤에 형태를 곧바로
넣어줘서 사용을 하는 것이 일반적이라고 할 수 있습니다
이 형태를 처음 보면 굉장히 당황하시는 분들이 많은데요
그냥 익명 함수를 매개 변수에 곧바로 넣은 거라고 생각을 해 주시면
되겠습니다
그래서
요러한 식으로 구성을 한다.고 보면 되겠구요 이러한 것을 일반적으로 익명
콜백 함수 라고 부르게 됩니다
어쨌거나 난 책에선 140 페이지까지 의 설명에 간단하게 끝이 났는데요
조금더 확장을 시켜서 함수를 우리가 원하는 n 번 만큼 실행하는 함수를
한번 만들어 보도록 하겠습니다
이름은 콜 n 타임지 라고 적혀있구요
매개변수로 엔과 콜백을 받도록 하겠습니다
일반적으로 콜백 함수를 가장 마지막에 써주는 것이 일반적이기 때문에
기억을 해 주시면 좋겠습니다
어쨌거나 간단하게
n 으로 바꿔 버리면 되겠죠 그리고
열 번 반복을 한다. 라고 내용을 바꿔 주시게 되면 이전과 마찬가지의
코드가 될 것입니다
물론 요걸 변수로 따로 바꿨기 때문에 두번 실행하고 싶으면 이를
넣어주시면 되겠고
5 20번 실행 하고 싶으시면 20 을 넣어 주면 될 겁니다
한번 실행을 해보도록 할게요 저장을 하고 실행을 하면 20 을 넣어
쓰니까 1 2 3 5 6 7 8 9 10 11 12 13 115
16 17 18 19 20 해서
20번 출력하는 모습을 확인할 수 있습니다 어쨌거나 굉장히 간단한
내용이라고 볼 수 있는데 이 철 개 이제 200 페이지 250 페이지
이후 부분을 보면 은 거의 페이지 당 하나씩 이런 형태가 나오기 때문에
이 형태를 꼭 기억을 해 주시면 좋겠습니다
어쨌거나 오늘 가니까 약간 짧지만 오늘 강의는 여기까지 되겠구요
다음 강의에서 뵙도록 하겠습니다 감사합니다.