2022-12-07

민석·2022년 12월 7일
0

TIL

목록 보기
54/87

Fact (사실)

  • 스프린트

Feeling (느낌)

스프린트

오늘은 작업에선 유효성검증을 해야하는 작업이있었는데 같은 input에서 다양한 조건을 검사해야할때는 if문으로 처리하는게 최선인가 라는 생각을 하던차에 react-hook-form과 yup을 사용한다면 유효성체크를 쉽게 할수있더라구요!
정규표현식을 이용해서 체크를 하는데 정규표현식을 잘몰라서 기존에 있던 정규식을 이용했습니다.
정규식 공부를 해야할거같네요

api의 주소가 변경되면서 그걸 바꾸는 작업을했었는데 query-param을 가져오기위해 next router의 query를 이용해서 무언가를하는데
제가 사용하는 타입은 string만 필요한데 query 라이브러리를 확인해보니 query의 타입이 string | string[] 으로 되어있어 이렇게 타입을 지정해주지않으면 에러가 뜨더라구요
제 생각엔 string만 사용하는데 저렇게 타입이 지정되어있다면 저 타입을 처음본다면 string[]도 들어오는 상태인가? 라고 생각할수도있을거같아 as를 이용해서 타입단언해서 string으로만 사용하게끔했는데
맞는 방법인지는 아직 의문입니다..!

Finding (교훈)

정규식 공부를 하면 도움되는 상황이 많을거같아서 공부를해야겠습니다!
라이브러리의 타입을지정할땐 import해서 가져오면 해결되는경우도있지만 그외 상황일때 타입스크립트를 잘모른다면 최선의 해법을 찾지못할수도있을거같아서 타입스크립트 공식문서도 정주행 해봐야겠습니다

profile
안녕하세요 프론트엔드 개발자 양민석입니다.

0개의 댓글