delaySpeed 부분 질문이요....
278
작성한 질문수 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 ');
다음과 같이 말이죠!
그럼 다음과 같은 결과를 확인할 수 있고
이미지를 보면 행이 끝날때 마다 점차 딜레이 값이 계단식으로 변경되는 것을 알 수 있습니다 :)
useState 직접 구현 부분에서 질문이 있습니다.
1
9
1
학습을 하고 블로그에 정리를 해도 괜찮을까요?
1
12
1
교재(3쇄)와 강의 내용 문의
0
24
2
섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.
0
23
1
call stack 표현이 잘못표현된것이 아닌가요?
0
55
2
part3. spy 쪽 / part3,part4 강의자료
0
32
2
최종 코드
0
38
2
Open AI 결제
0
39
2
figma 파일을 받을 수가 없어요
0
48
1
React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.
0
34
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
36
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
42
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
55
1
구글 서치콘솔 도메인 소유권 확인 실패
0
37
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
57
1
다음 강의 얼른 올려주세요
0
44
2
일반 강의와 차이점?
1
52
1
!= 연산자의 역할
0
35
1
중요하진 않지만 설명하신부분에서 안된부분..
1
34
1
강의 듣는 순서가 어떻게 되나요?
0
48
1
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
0
65
2
swiper-slide 적용관련 친절한 설명 감사드립니다. 근대 첫장만 되고 다음장부터
0
281
2
질문요!
0
211
1
기본 이팩트만들기1 강좌에서 적용이안되요
0
301
1