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 부분 질문이요....

280

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 ');

다음과 같이 말이죠!

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

 

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

26,27강 진행 간 노션, html 프롬프트 파일 불일치

0

12

3

<div id="banner">배너 이미지</div> 관련 질문

0

6

1

변수 설정 시에 질문입니다.

0

9

1

강의자료

0

17

1

윈도우에서 Node js를 설치하고 싶어요

0

24

0

addToFile function에서 path를 사용해 새로운 파일을 생성

0

35

1

[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처

0

31

2

설치 및 설정 가이드 노션 자료는 없나요 ?

0

27

2

강의가 누락된것 같습니다.

0

38

2

용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?

0

48

1

counter01.html은 어디있을까요?

1

16

1

수업자료 문의

0

36

2

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

42

1

useState 직접 구현 부분에서 질문이 있습니다.

1

46

1

학습을 하고 블로그에 정리를 해도 괜찮을까요?

1

45

1

교재(3쇄)와 강의 내용 문의

0

39

2

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

24

1

call stack 표현이 잘못표현된것이 아닌가요?

0

83

2

part3. spy 쪽 / part3,part4 강의자료

0

44

2

최종 코드

0

44

2

Open AI 결제

0

48

2

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

0

281

2

질문요!

0

211

1

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

0

302

1