javascript 2

[KTB 파이널 프로젝트 트러블 슈팅] form 내 버튼 클릭 시 submit 이벤트 발생 문제 - HTML

☄️ 문제 상황 폼 내에 카테고리를 선택할 수 있는 버튼이 존재했다.제출 버튼을 클릭할 때뿐만 아니라 카테고리 선택과 같은 일반 버튼을 클릭했을 때도 폼 제출 이벤트가 발생하는 문제에 마주쳤다.  ☄️ 문제 원인 HTML 표준에 따르면, 요소는 기본적으로 type="submit" 속성을 가진다.따라서, 버튼을 클릭하면 폼이 제출되는 이벤트가 발생하는 것이다.  ☄️ 해결 방법 두 가지가 있다. ☝🏻 e.preventDefault()를 사용해 폼 제출 방지e.preventDefault()란?이벤트가 발생했을 때, 브라우저의 기본 동작을 막는 메서드 주로 브라우저의 기본 동작 대신, 사용자가 정의한 동작을 수행하고 싶을 때 사용한다. 예시 코드const handleMaxUsersClick = (e, nu..

[Javascript] 소수점 자르기, 반올림, 올림, 내림

🐟 Math 함수 없이 소수점을 자르는 방법 ✔️ toFixed() 소수점 이하 자릿수를 지정하여 반올림된 결과를 반환한다. // 사용 예시 const height = 157.55423; console.log(height.toFixed(1)); // 소수점 첫째 자리까지 반올림 // 결과: 157.6 ✔️ toPrecision() 전체 자릿수를 지정하여 반올림된 결과를 반환한다. // 사용 예시 const height = 157.55423; console.log(height.toPrecision(4)) // 전체 네 자리 숫자로 반올림 // 결과: 157.6 두 함수는 모두 반올림된 결과를 반환한다는 공통점이 있다. 차이점은 지정하는 자릿수이다. 🐟 Math 함수를 사용한 반올림, 올림, 내림 ✔️ ro..

Web 2024.04.16