inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

6-2 [코드설명] 오늘 날짜 카운트 스크립트 만들기

스크립트에서 html생성

211

dpwl322

작성한 질문수 10

0

질문 1)
var countBox = $('<div class="count_box" />');
위의 코드가 html을 생성하는 코드인것같은데
아래의 코드와 같은내용인가요??
저렇게 줄여서 써도 html이 생성이 되나요?
var countBox = '<div class=:count_box></div>'
질문2)
for(var i = 0i <= rollingi++){
                var sum = number + i;
                var num = sum >= 10 ? 
Number(String(sum).split('')[1]) : sum
                numberArray[i] = num;
           };
여기서 String(sum).split('')[1] 부분은
sum을 먼저 문자열로 바꾼후, split해서 [1]이라면,
예를들어 숫자가 21이 나오면 1이라는 값이 나오는건가요?
numberArray[i] = num;
이부분도 이해가 잘가지않습니다 ㅜㅜ,,,,
numberArray의 배열의 자리
i가 24까지니까 i의 자리에 num이 들어가는게 맞나요??
질문3)
완성작에서 월 부분이 4월이면 그냥 4라고 나오는데,
04월이라고 표현하려면 어떤부분을 고쳐야하나요??

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

답변 1

0

깡코딩

안녕하세요 :)

질문1 

var countBox = $('<div class="count_box" />');

var countBox = '<div class=:count_box></div>' 

두코드는 같은 결과가 나오지 않습니다. console.log로 확인해보시고 바닐라로 같은 기능을 구현하려면 javascript 레퍼런스를 찾아보세요!

질문2

해당 부분은 다양한 방법으로 구현할 수 있습니다. 

예제코드를 기준으로 설명을 드리면 숫자를 문자열로 변환하고 자른겁니다. 숫자로는 잘리지가 않으니 문자열로 변환후에 자른거죠~!

그리고 심플하게 생각해보면 롤링될 숫자는 0~9까지입니다. 그러므로 값이 10보다 크거나 같다면,

예를들어 값이 10이라면 앞자리 1을 버리고 0을 넣는겁니다.

numberArray[i] = num;

rolling될 수만큼 1차원 배열 numberArray에  0 ~ i 까지 값이 들어간다고 생각하면 됩니다 :)

배열에 대해 공부해보세요 

질문3

오늘 날짜를 가져오는 부분에 코드를 잘 살펴보고 수정해보시길 바라겠습니다 :)

다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요

0

196

1

반응형에 대해 질문이 있습니다 !

0

365

1

날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?

0

379

1

함수가 정의되기 전에 함수 호출

0

342

1

섹션12 보너스 챕터에 관한 질문입니다!

0

468

1

5-3-1 강좌 섹션 질문 합니다.

0

310

1

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

1

462

3

화면 높이 관련 질문 있습니다.

1

433

1

선생님

0

369

1

5-2 vanilla.html 질문합니다.

0

420

1

5-3-2 질문입니다.

1

291

1

5-2 추가 질문이요

0

345

2

5-2 ! 질문이요.

0

266

1

안녕하세요!

0

272

1

질문드립니다.

1

365

2

질문드립니다.

0

1664

3

색션6강 카운트관련 문의드립니다!

0

237

1

섹션5 관련 질문드립니다.

0

261

1

setProperty 를 재활용 하고싶습니다.

0

210

1

IntersectionObserver

0

255

1

offsetheight와 scrollheight

0

396

1

완성된코드를 그대로 가져왔는데 크기가 이상해요

0

426

2

2:56에 10씩 증가시키는건 어떻게 하신건가요?

0

313

1

<script>에 $(function(){})으로 감싸준 이유

0

204

1