개발 학습 기록

input 태그에 입력을 한 뒤에 따로 submit 버튼을 클릭하는 게 아니라 enter키로 이벤트를 실행하기 위해 아래와 같은 코드를 사용했었다. const inputBox = document.getElementById("inputBox"); inputBox.addEventListener("keydown", (e) => { if (e.keyCode == 13) { console.log("엔터 눌렀을 때만 실행"); } }); 키보드의 각 key마다 숫자로 된 keyCode가 있는데 엔터키의 경우 그게 13이라서 누른 키의 keyCode가 13이면 실행하도록 하는 코드이다. 키보드 이벤트의 종류에는 keypress, keydown, keyup이 있는데 차이점은 아래와 같다. keypress: charat..

JavaScript 2021. 5. 20. 00:17

펼침연산자는 ...로 표기하며 말 그대로 객체나 배열 내부의 값을 펼쳐주는 연산자이다. 1. 배열에서의 펼침연산자 const weekday = ["Mon", "Tue", "Wed", "Thu", "Fri"]; const weekday2 = [...weekday]; console.log(weekday); // [ 'Mon', 'Tue', 'Wed', 'Thu', 'Fri' ] console.log(weekday2); // [ 'Mon', 'Tue', 'Wed', 'Thu', 'Fri' ] console.log(weekday === weekdays); // false weekday와 weekday2를 콘솔에 출력하면 출력값이 같지만, weekday2는 weekday를 똑같이 복사했을뿐 다른 메모리 공간에 만..

JavaScript 2021. 5. 1. 02:53