마지막으로 고치고 싶은 한 가지. 타이머라고 한다면 다른 페이지로 이동했다오거나 컴퓨터를 종료시켰다가 다시 킨다해도 카운터가 작동하고 있어야하는데 그렇지 않고 있다. 작동하고 있다가 다른 페이지에서 키면 사라져있다. Web Storage Browser에 데이터를 저장할 수 있는 기술 1. Session Storage key - value 형태 저장 로컬 환경에 데이터 저장 세션 단위로 구분되며 활용 브라우저, 탭을 종료하면 영구 삭제 * 세션 : 사용자가 브라우저를 통해 웹 페이지에 접속한 시점부터, 해당 웹 페이지 접속을 종료하는 시점까지를 의미하는 단위 2. Local Storage key - value 형태 저장 로컬 환경에 데이터 저장 도메인 단위로 구분되며 활용 브라우저 자체를 종료해도 존재 새..

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

setIntervalsetInterval(함수명, 시간)n초마다 함수를 실행시켜라ㅡ> 1초마다 test함수를 실행시켜라 setInterval은 추천하는 함수는 아니다 메모리도 많이 차지하고 긴 시간 켜두면 0.n초씩 딜레이가 생기면서 나중에는 n초 차이까지 커지기 때문

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

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

0일 0시간 0분 0초가 미리 나와있는 게 마음에 안 든다. D-day를 입력하면 등장하도록 하자 0일 0시간 0분 0초는 d-day-container라는 아이디를 가진 에 감싸져 있다. script.js에 container라는 d-day-counter를 가진 변수를 생성한다. 그리고 display 속성을 none으로 지정한다. display = none → 존재하지만 화면에 보이지 않는 상태로 설정하는 속성값 없어졌다. 이번에는 'D-day를 입력해주세요.'라는 문구를 h3 정도의 두꺼운 텍스트로 변환해본다. textContent에서 innerHTML로 변경한다. innerHTML 해당하는 태그의 안쪽에 직접 html 자체를 입력할 수 있게 한다. 잘못된 시간이 입력되었을 때에도 innerHTML을 활..