개발쬬

input 에서 type을 number로 설정하면 위아래로 올리는 키가 나온다. 이걸 spin button 이라고 하는데, UI 적으로 예쁘지 않아 숨기는 경우가 많다. 공통 css 코드에 inner-spin-button 을 숨겨주면 예쁘게 사용할 수 있다. input::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }

input 에 들어가는 모든 값들은 자동으로 type이 string 으로 바뀌어서 value 값에 찍히게 된다 이런경우 숫자형으로 변환해주는 가장 쉬운 두가지 방법이 있다. 1. Number()로 감싸준다 let stringNum = "12" let number = Number(stringNum) console.log(stringNum) // "12" console.log(number) // 12 2. string 숫자 앞에 + 를 넣어준다 let stringNum = "12" let number2 = +stringNum console.log(stringNum) // "12" console.log(number2) // 12