inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

function loop()..

해결된 질문

200

밀크티

작성한 질문수 26

0

안녕하세요!

function loop(){

    window.requestAnimationFrame(loop);

} 에서

window.requestAnimationFrame(); 안에 인자를

왜 부모 함수인 loop로 받는 것일까요?

부모함수인 loop 안에 존재하는

window.requestAnimationFrame()이 어떻게

loop함수를 다시 받을 수 있는지,

자바스크립트에선 이러한 문법을 뭐라고 부르는지 궁금합니다.

javascript 인터랙티브-웹

답변 1

1

코딩일레븐

재귀함수라고 합니다. requestAnimationFrame() 은 한 번만 실행되기 때문에 반복해서 실행을 시켜주는 겁니다. 자기 자신을. 브라우저에서 애니메이션을 위해 만들어진 메서드이고 setTimeout 보다 성능이 좋습니다. 나중에 캔버스, 웹지엘 구현시 반드시 필요합니다.

애니메니션 프레임 이라는 이름처럼 1프레임을 그려준다고 생각하시면 됩니다. 1초에 60프레임짜리 영상이 있다고 가정하면 1->60프레임까지 재생시켜줄 수 있도록 반복해서 실행을 시켜주는 거죠. 1->2->3 계속 진행 시켜주는. 

0

밀크티

바쁘실텐데 빠른 답변 감사드립니다!

재귀함수에 대해 좀 더 공부해보겠습니다

감사합니다💘

선생님 그리고 이전 강의회차에서 질문을 남겨 놓은 것이 있는데

이벤트 함수에서 임의의 인자 e의 역할이 무엇인지 궁금해서  질문드렸습니다..!

혹시 여유가 되실 때 답변 주시면 감사하겠습니다 🙇‍♀️

0

밀크티

mouse position interpolation과 transition linear interpolation의 차이

0

72

1

mousemove 시 따라 다니는 커서 이미지 wheel 할 경우

0

180

2

부드러운 움직임 구현1 강의 부분 질문있습니다.

0

147

2

go live 실시간 크롬

0

321

1

javascript 도움말 vsCode 확장팩 문의!

0

362

1

블로그 상단 페럴렉스 효과 구현 질문 있습니다!

0

356

1

마우스 인터렉티브 변형 질문

0

338

1

안녕하세요. 수업 잘 듣고 있습니다. 포트폴리오 관련 질문도 가능할까요?

0

397

1

나비가 버튼위로올라가면 버튼의 hover기능이 멈춰버려요

0

344

1

perspective에 대해서

0

285

1

CSS에서 궁금했던 부분 -실전 페럴렉스 강의 부분

0

480

1

requestAnimationFrame 질문

0

362

1

리뉴얼 이전 강의 파일

0

441

1

코드가 미리보기로 보여주는 확장프로그램이 뭔가요?

0

747

1

수업 파일 부탁드립니다~

0

323

1

배경질문

0

353

1

textWrap의 position을 relative로 주는 것에 대해 질문있습니다!

0

289

1

safari에서 position fixed가 잘 동작하지 않습니다

0

981

1

addEventListener후에 익명함수 실행할때 뒤에 false는 어떤 역할을 하는건가요?

0

555

1

스피드 변수로 scrollTop을 두는 이유가 무엇인가요?

0

363

1

완성파일 어디서 받아볼 수 있나요 ?

0

432

1

완성 파일 요청 드립니다.

0

301

1

사진들이 상단 nav바를 침범하는데 침범 못하게 어떻게해야할까요?

0

152

1

리액트로 하면 어떻게 해야할지 작성해주실수있나요?

0

365

1