HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
😃
기동팀
/
⚡
[Day 13] 스크럼
⚡

[Day 13] 스크럼

태그
3주차
스크럼
날짜
Nov 2, 2022

📓 학습 관련 자료 공유

  • …
  • …
 

👀 지식 공유

오늘 공부한 내용 중 새로 알게된 내용이나 기존과 다르게 알게된 점 등을 공유해요!
대현
     
    동우
       
      주영

      react-hook-form 적용하기

      공식 문서랑 다른 업로드 페이지 컴포넌트 코드 보면서 작업
      아래 글도 읽음
      react-hook-form을 선택한 이유와 적용 과정
      안녕하세요, 인프랩의 프론트엔드 개발자 홍시입니다. 이번 글에서는 팀원들과 함께 IT 채용 플랫폼 랠릿 의 프로필·지원서 기능을 react-hook-form으로 리팩토링한 경험을 공유하려고 합니다 :) 앞서 보셨던 글에서처럼 인프랩 프론트엔드 팀은 몇 백개의 form이 한 페이지에 있어 발생하는 렌더링 문제를 해결하기 위해 colocation과 ref를 이용했으나, 이 방법이 야기하는 또 다른 문제들을 마주했습니다. colocation이란?
      react-hook-form을 선택한 이유와 적용 과정
      https://tech.inflab.com/202207-rallit-form-refactoring/react-hook-form/
      react-hook-form을 선택한 이유와 적용 과정
      넘 잘썼다 글.. 감사하다..
      도입 과정에서의 논의나 진행 방식 등 모든 걸 넘 자세히 적어줘서 좋다ㅠ
       

      Controller

      controller를 어디에 왜 쓰는지 모르겠음…………..
      제어 컴포넌트로 쓸라고 onChange onBlur 이런 거 전해주려는 용도 ~ ~ ?
      머 대강 그런거…….
      일단 이정도로 이해하고 냅다 기존 코드 보고 똑같이 했다
       

      useFieldArray

      대박. 컴포넌트 추가 삭제까지 해주다니 진짜 편한 기능이당
      직접 커스텀훅 만들려고 했는데 그럴 필요가 없게 됐다
       

      폼 타입 각각의 속성 디폴트값 undefined or null vs 빈 string

      전자는 타입 내로잉 때문에 코드가 복잡해진다
      후자로 하면 length 체크해주면 되는데 이게 덜 복잡하지 않을까
      전자가 빈값이라는 것을 더 명확히 알려줄 수 있다는 건 알겠지만 후자로 해도 문제 없을 것 같은게 어차피 애초에 value가 없을 때 가져오면 빈 string인걸
      근데 해보고 바꿀 수도 있음
       

      useFieldArray append 에러

      append 하면 추가가 되는데 바로 reload됨 ㅠ
       
      명재
         
         
        다연