inflearn logo
강의

Course

Instructor

Create a variety of image effects quickly and easily!

Creating Basic Effects 1

delaySpeed 부분 질문이요....

319

dpwl322

10 asked

0

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

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

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

Answer 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

12

0

연애인 사주는 그냥 넣어도 상관없나요?

0

45

1

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

41

1

인프당 무당 캐릭터 뽑는 프롬프트

0

52

2

10월 15일 삭제예정 강의 문의

0

44

1

강의가 중복됐어요

0

57

1

결제가 이루어지는 방식에 대한 문의

0

67

1

강의제목에 10/15일 삭제라고 나와있는데,

0

49

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

57

2

스크립트 영상 미일치

0

80

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

60

2

강의 설명 중에 헷갈리는 것이 있네요

0

59

1

수업자료 관련 문의

0

71

3

1강 동영상 재생 오류

1

70

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

46

1

Composition단계에서 `Layer`는 누가 만드는지

0

48

1

Strict Mode 예시 질문!

0

65

2

수업이 안보여요

0

66

1

저자 블로그에 있는 강의는 어떤 강의인가요?

1

65

1

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

67

2

[해결됨]윈도우즈 환경에서 타입 스크립트 파일이 실행이 안됩니다.

1

88

5

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

0

323

2

질문요!

0

244

1

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

0

334

1