JSX는 JS와 HTML 중간 그 어디쯤1 [리액트] 단순한 컨버터 구현을 통한 State 연습 cf. useState()으로 비워서 작성했기 때문에, 첫번째 인풋 창에 처음에는 아무 것도 안 적혀 있어야 하는데 minutes이라고 쓰여있는거다. 알고 봤더니, value를 오기해서 일어났던 일 ! input을 value에 연결함으로 그 속성의 속성값 변수({minutes}와 같은)로 우리가 input 외부에서도 업데이트할 수 있게 된다. 리셋 버튼을 하나 만들어 reset이라는 함수를 이벤트 리스너로 걸어줬다. reset 함수에서 정의해줬듯이 이 함수가 실행하면 state의 값은 0으로 바뀐다. 즉, 인풋창에 보여지는 값이 0이 되게 만든 것이다. 단, hours 인풋에 뜨는 0은 minutes/60으로 인한 값이다 ! 현재 위의 코드는 minutes 창에는 change 이벤트를 걸어 상태가 변하면.. 2022. 8. 5. 이전 1 다음