새로 알게 된 것

웹접근성

웹접근성을 높이기 위해 버튼에 type 속성을 반드시 입력하고 form으로 감싸준다

방어코드

bmi 계산기의 경우 숫자가 아닌 값이 서버로 날라오게 되면 안되므로,

front단에서 parseFloat,isNaN등으로 방어코드를 작성하는 게 좋다.

input['step']

input type이 number라도 step속성으로 0.01을 주면 0.01단위로 값을 입력할 수 있다.

meter

meter요소로 progress bar를 구현할 수 있다.

min과 max로 각각 meter의 시작값과 끝값을 설정하고,

low와 high 속성이 분기점이 되어 value에 따라 meter의 color가 변한다.