목록랜덤아이디 (1)
뉴히의 개발 로그

button 태그는 type이 submit이기 때문에 데이터 전송이 일어난다. 아무런 값이 없어도 말이다! 이렇게 뒤에 '/?' 물음표가 생겼다면 데이터 전송이 일어난것 그걸 막아주기 위해서 우리는 preventDefault를 사용! const clickAddTask = (e) => { if (!title || !text) { e.preventDefault(); alert('입력되지 않았습니다'); } }; 클릭이벤트가 일어나도 빈값이라면 preventDefault로 데이터 전송을 방지한다. 내코드에 적용하기 ! todo list 추가하는 핸들러! // JS const clickAddTask = () => { const addTaskList = { id: randomID(), title, text, is..
개발일지/TIL
2023. 6. 16. 16:29