onkeydown 의 속성 중 하 해당하는 태그 영역 내에서 키보드 버튼이 눌렸을 때 동작한다. input 에 내용을 입력하고 엔터키를 누르면 리스트에 추가되도록 하고 싶다. input 에서 엔터키를 어떻게 구분하도록 할까? window 전역 객체 최상위에 가장 높은 공간에 존재 event 속성을 체크할 수 있다 *event : 이 페이지에 벌어지고 있는 어떠한 이벤트를 모두 체크할 수 있다. 'A'를 input에 입력한 뒤 event를 체크해보자 'A'의 아스키코드가 keyCode에 들어가는 것을 알 수 있다. 이를 통해 엔터키의 keyCode(13)가 나오는 경우 리스트에 추가되도록 하는 조건문을 걸면 된다. input에 들어온 값을 리스트에 추가하려면 js로 html 태그 를 생성해야한다는 말이다...

DOM Document Object Mode 브라우저가 html 문서를 파싱하는 과정에서 생겨나는 객체 트리구조 *파싱 : 브라우저가 html 문서를 해석하는 것 html 페이지에서 document.querySelctor 등 document를 사용하는 경우가 있는데 그 document가 바로 DOM객체를 의미한다.

unordered list의 약자 순서가 없는 목록 ordered list의 약자 순서가 있는 목록

마지막으로 고치고 싶은 한 가지. 타이머라고 한다면 다른 페이지로 이동했다오거나 컴퓨터를 종료시켰다가 다시 킨다해도 카운터가 작동하고 있어야하는데 그렇지 않고 있다. 작동하고 있다가 다른 페이지에서 키면 사라져있다. 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초 차이까지 커지기 때문