開發時習之

input 요소에 keydown 이벤트를 추가하고 텍스트 입력 후 Enter키를 눌렀을 때 const inputEl = document.querySelector('.create input'); const buttonEl = document.querySelector('.create button'); inputEl.addEventListener('keydown', event => { if(event.key === 'Enter'){ console.log(event.key) buttonEl.click(); // 저장 } }); 아래와 같이 콘솔 로그에는 Enter가 두번 찍혔고 저장도 두 번 실행되었다. 한글 입력시에만 해당되는데 웹은 영어를 기준으로 동작하나 한글을 입력시 한글을 처리하는 도중에 처리 전과 후..

Date 개요 new Date()를 통해 반환되는 인스턴스를 '타임스탬프'(Timestamp)라고 합니다. 날짜,시간까지 표시함 const date = new Date() console.log(date) // 'Sat Jan 14 2023 22:49:02 GMT+0900 (Korean Standard Time)' console.log(typeof date) // 'object' 문자데이터처럼 생겼지만 오브젝트타입임 console.log(typeof 'Sat Jan 14 2023 22:49:02 GMT+0900 (Korean Standard Time)') // 'string' Date() 생성시 타임스탬프 형식으로 값을 넣어 타임스탬프를 초기화할 수 있음 const d1 = new Date(2022, 11..

Math Math.abs() 절대값(absolute)를 의미 주어진 숫자의 절댓값을 반환합니다. console.log(Math.abs(2)) // 2 console.log(Math.abs(-2)) // 2 Math.ceil() 주어진 숫자를 올림해 정수를 반환합니다. console.log(Math.ceil(3.1415926535)) // 4 const lastPageNum = Math.ceil(totalPage/10) Math.floor() 주어진 숫자를 내림해 정수를 반환합니다. console.log(Math.floor(3.1415926535)) // 3 Math.round() 주어진 숫자를 반올림해 정수를 반환합니다. const num1 = 3.141 const num2 = 3.768 console...

Number .toFixed() 숫자를 지정된 고정 소수점 표기(자릿수)까지만 표현하는 문자로 반환합니다. 문자타입으로 반환하기에 숫자타입으로 변경시 parseFloat() 사용해야 함 const num = 3.1415926535 console.log(num.toFixed(2)) // '3.14' console.log(parseFloat(num.toFixed(2))) // 3.14 .toLocaleString() 숫자를 현지 언어 형식의 문자로 반환합니다. 숫자데이터에 붙여서 사용한다 const num = 1000000 console.log(num.toLocaleString()) // '1,000,000' console.log(`${num.toLocaleString()}원`) // '1,000,000원'..

String .length 문자의 길이(숫자)를 반환합니다. const str = 'Hello world!' //모노스페이스(고정너비 글꼴) // 012345678901 console.log(str.length) // 12 .includes() 대상 문자에 주어진 문자가 포함되어 있는지(불린) 확인합니다. const str = 'Hello world!' console.log(str.includes('Hello')) // true console.log(str.includes('Hello', 0)) // true 위에 내용과 동일 찾기 시작할 위치를 두 번째 인수로 추가할 수 있습니다. 기본값은 0입니다. 입력받은 인수의 시작위치로부터 문자를 찾음 const str = 'Hello world!' // 012..