mystery

    변수관리 1

    react - useRef

    오늘은 useRef를 알아보겠습니다잇! 1. 사용하게 된 계기 1-1. 무엇을 만드려고 했는가? 위에 보이는 것과 같이 signUp component를 구현하면서 있었던 일입니다! 사용자가 input을 입력하지 않고 건너뛰었을 때, 혹은 양식을 지키지 않았을때 등을 에러 상태라고 가정하고, onBlur시 각 에러에 해당하는 상황이라면 에러에 해당하는 에러 메세지를 보여주면서 에러의 타입과는 상관없이 모든 에러에는 경고를 위한 style을 적용하고 싶었습니다! 그래서... 에러상태에 보여줄 style은 미리 만들어 두고, 각 form에 해당하는 DOM을 선택해서 classList에 '.errored' 라는 class명을 추가시켜 동작시키려고 했습니다! 2. useRef로 DOM 선택하기! 2-1. 사용법 ..

    Frontend/React 2022.06.14
    이전
    1
    다음
    더보기
    프로필사진

    공부는 평생 하는 거라 했습니다.

    • make it happen (124)
      • 프로젝트 (5)
      • Frontend (80)
        • React (16)
        • TanStack Query (2)
        • Redux (5)
        • TS (7)
        • JS (6)
        • JS.info 정리 (44)
      • CS (1)
      • Network (1)
      • Infra (1)
      • Data Structure (2)
      • Algorithm (2)
      • Testing (2)
      • 알아두면 좋은 꿀팁들 (3)
      • 목표와 회고 (17)
      • 나를 죽이지 못한 삽질들 (5)
      • 개발 환경 (3)
      • Git (2)

    최근댓글

    Calendar

    «   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

    방문자수Total

    • Today :
    • Yesterday :

    Copyright © Kakao Corp. All rights reserved.

    • github

    티스토리툴바