inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Tạo các hiệu ứng hình ảnh khác nhau một cách nhanh chóng và dễ dàng!

Tạo hiệu ứng cơ bản 1

delaySpeed 부분 질문이요....

273

dpwl322

10 câu hỏi đã được viết

0

var delaySpeed = ((columns - j) - (i*0.5)) * 0.25;

이 부분 코드가 어떤식으로 왜 이렇게 계산식이 쓰여진지 모르겠어요....ㅠ

jquery javascript 인터랙티브-웹 HTML/CSS

Câu trả lời 1

0

ggangcoding162118

안녕하세요 :)

해당 부분에 대해 이해도를 높이려면 2중 포문에 대한 이해도가 있어야됩니다 :)

포털사이트에 2중포문에 대해 검색해 보시면 다양한 예제와 설명이 나와있으니 참고 공부해보세요!

2중 포문에 대한 이해도가 생기고 코드를 다시보면

var row = 4;

var columns = 8;

var delaySpeed = ((columns - j) - (i*0.5)) * 0.25;

컬럼스 즉 열인8에서 1씩 증가하는 j를 빼주고 다음 행의 i를 이용해값을 구해 최종 값을 구하면 

행마다 점점 줄어드는 값을 구할 수 있습니다.

해당 수식은 이해를 해야되는 과정이기 때문에 설명보다는 2중포문에 대해 완벽하게 이해하고 로그를 찍으며 코드를 본다면 쉽게 파악 할 수 있을겁니다.

한가지 팁을 드리면 예제코드에 2중 포문에서 행을 구현하는 첫번째 포문이 끝날때 로그를 찍어보세요

console.log(i+'행 end ');

다음과 같이 말이죠!

그럼 다음과 같은 결과를 확인할 수 있고

 

이미지를 보면 행이 끝날때 마다 점차 딜레이 값이 계단식으로 변경되는 것을 알 수 있습니다 :)

윈도우에서는동작줄이기가어디에있을까요??

0

1

0

백오피스를 개발할 때 아키텍처 구성에 대한 질문

0

25

2

ai가 만든 강의인가요?

0

48

1

VSCode 설정 문의

0

34

2

PPT 코드 관련 질문

0

32

2

검색엔진 차단 noindex

0

34

2

파트9 강의는 언제 오픈하시나요

0

34

2

ZIP 파일

0

29

2

26강 13F 강의 불일치 및 질문 요청

0

39

3

state 객체로 묶기

0

28

1

XAMPP에서 Apache, DB 재기동 시 접속안되는 문제

0

19

1

Breadth (등락 비율) 분석

0

24

1

26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.

0

31

2

몽고 db 접속 오류

0

20

1

6-6

0

31

1

Json 플러그인 사용시 variable collection 없음

0

36

2

배리어블 목록 없음

0

46

3

Token 등록 방법 문의

0

28

1

3강 질문

0

48

2

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

39

1

2강 nodejs 3단계 설명 질문

0

55

1

swiper-slide 적용관련 친절한 설명 감사드립니다. 근대 첫장만 되고 다음장부터

0

269

2

질문요!

0

207

1

기본 이팩트만들기1 강좌에서 적용이안되요

0

298

1