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

299

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

다음과 같이 말이죠!

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

 

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

13. (App 2) 기본기 훈련 에서

0

8

1

챌린지 시작일 문의

0

10

0

17강 강의에 목데이터 첨부파일이 없습니다.

1

11

1

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

15

1

11차시 Antigravity IDE 설치 후

0

17

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

14

1

5,6,7,8 내용이 없어요

0

14

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

12

1

mission 09-01 을 수행할 수 없어요

0

18

1

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

25

1

Context API vs Zustand 그리고 Auth

0

34

2

장치 의존성과 CSR

0

30

1

순수 함수 / 순수 컴포넌트

0

22

1

css box-sizing 관련 질문

0

32

2

여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?

0

25

1

스니펫이 이상해요

0

31

2

node.js 설치 (LTS버전)

0

27

1

Cursor & Antigravity 소개 및 설치

0

32

2

Editor Component의 최적화 불가능 이슈

0

37

2

뉴스페이퍼 테마 관련

0

35

1

useCallback ⊂ useMemo

0

34

2

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

0

303

2

질문요!

0

229

1

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

0

317

1