본문 바로가기

뉴히의 개발 로그

검색하기
뉴히의 개발 로그
프로필사진 뉴히

  • 분류 전체보기 (144)
    • 개발일지 (101)
      • TIL (85)
      • WIL (15)
      • KPT (1)
    • HTML&CSS (0)
    • Javascript (5)
    • React (4)
    • Redux Tookit (1)
    • Supabase (4)
    • Git (6)
    • Style (1)
    • CS (6)
    • Algorithm (6)
    • TIP (8)
Guestbook
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
Recent Posts
Recent Comments
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록랜덤아이디 (1)

뉴히의 개발 로그

[TIL] 20230616 - React useState 유효성 검사+preventDefault / 개별 랜덤 ID 생성 등록

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
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바