만들어진 DayCounter에 문제가 있다. '2024년 5월 1일' 이라는 값을 넣고 [카운트다운 시작] 버튼을 눌렀을 때 카운트다운이 시작된다. 이후에 '2024년 5월 10일'로 값을 바꾸면 [카운트다운 시작] 버튼을 누르지 않아도 '2024년 5월 10일'을 기준으로 카운트다운이 된다. > input box에 담겨져 있는 데이터만 변경했을 뿐인데 카운트가 변경되었다. 원인 [카운트다운 시작] 버튼을 누르게 되면 starter() 함수가 실행되면서 그 안에 있는 setInterval 함수가 실행된다. setInterval함수에 의해서 counterMaker라고 하는 함수가 1초마다 반복 실행되고 있다. counterMaker 함수에는 dateFormMaker라는 함수를 실행시키고 dateFormMa..

for-in 객체에 사용하는 for문 반목문 안에서 사용할 객체를 in 뒤에 적어준다. 객체의 프로퍼티들(key)이 반복문으로 돌아간다. for-of 배열에 사용하는 for문(배열에서만 쓰는 건 아) of 뒤 배열의 요소 하나하나를 가져온다.

이 4줄은 텍스트를 변환하는 같은 기능을 구현하고 있다. 굉장히 비효율적이다. 이 부분을 반복문으로 처리해보자. 먼저 timeKeys와 docKeys에 remainingObj, documentObj의 key를 모은 배열을 넣는다. 이후 for문으로 순서대로 documentObj의 value들을(텍스트들을) remaingObj의 value들로 변경한다.

JS란? - 웹페이지를 동적으로 조작하기 위해서 만들어진 프로그래밍 언어 - 기본적인 사칙연산 가능 JS 기초명령어 console.log() : 괄호 안에 적힌 메시지를 콘솔창에 출력한다. 만일 괄호 안에 연산이 들어있다면 연산 결과를 출력한다. 이전 연산 결과를 다음 연산에 재활용할 수도 있다. → 이러한 데이터를 담아서 사용할 수 있는 변수라고 하는 개념이 있다. 변수 - 원하는 데이터를 담아줄 수 있는 '상자'와 같은 개념