delaySpeed 부분 질문이요....
290
작성한 질문수 10
var delaySpeed = ((columns - j) - (i*0.5)) * 0.25;
이 부분 코드가 어떤식으로 왜 이렇게 계산식이 쓰여진지 모르겠어요....ㅠ
답변 1
0
안녕하세요 :)
해당 부분에 대해 이해도를 높이려면 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
16
3
안녕하세요 한번 더 문의드립니다.
0
22
2
81강 실습 자료 없음
0
27
2
선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요
0
27
2
62강 실습자료가 잘못되었습니다.
0
25
1
코드 자료는 없는걸까요?
0
55
3
강의 목표
0
36
1
강의 노트 위주로 학습
0
40
1
'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.
0
54
2
쿠키 생성 관련
0
67
3
JWT auth error invalid token
0
63
2
경력기술서는 어떤 방향이 좋을까요?
0
52
2
MSA 와 BFF 아키텍처 설명 부분에 대한 문의
0
54
1
왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?
0
74
3
어플리케이션 실행 후 에러에 관하여 질문 드립니다.
2
60
2
eslint.config.js 설정 질문입니다.
0
64
2
7강 흐름 제어 아키택쳐 코드 순서
1
53
1
수업자료 어디서 찾아볼 수 있나요?
0
47
2
함수 강의의 정답.. 어떤가요?
0
40
1
깃권한요청드립니다
0
39
1
26,27강 진행 간 노션, html 프롬프트 파일 불일치
0
67
3
swiper-slide 적용관련 친절한 설명 감사드립니다. 근대 첫장만 되고 다음장부터
0
295
2
질문요!
0
225
1
기본 이팩트만들기1 강좌에서 적용이안되요
0
310
1