[Refactor] Input 컴포넌트 리팩토링 #362

ttaerrim · 2023-12-07T05:30:55Z

…하도록 리팩토링

설명

[REFACTOR] 컴포넌트 리팩토링 #361
Input 컴포넌트 사용 시, Input 컴포넌트의 타입으로 명시하지 않은 타입을 추가하여 사용하고 싶다면 일일이 Input 컴포넌트에 추가해야 하는 번거로움이 발생. 이를 InputHTMLAttributes 타입과 ...rest props를 사용하여 해결.

기능 작업에 대한 스크린샷/화면 녹화 있을 경우 첨부하기

특별히 리뷰해 주었으면 하는 부분, 고민되는 부분 기재하기

…하도록 리팩토링

LEEJW1953 · 2023-12-07T05:36:28Z

app/frontend/src/components/Input/index.tsx

-  list,
-}: InputProps) {
+export function Input(props: InputProps) {
+  const { label = '', errorMessage = '', ...rest } = props;


이런 방법으로 기본값을 지정할 수도 있군요 👀

♻️ props 타입을 직접 선언하지 않고 InputHTMLAttributes 타입 사용 및 rest 방식의 props 사용…

cc2276a

…하도록 리팩토링

ttaerrim added ✨ enhancement 개선 또는 피드백 반영 🎨 Front-end labels Dec 7, 2023

ttaerrim self-assigned this Dec 7, 2023

ttaerrim marked this pull request as ready for review December 7, 2023 05:30

ttaerrim requested review from LEEJW1953 and js43o as code owners December 7, 2023 05:30

LEEJW1953 approved these changes Dec 7, 2023

View reviewed changes

♻️ props를 원래 사용하던 방식으로 사용하도록 변경

699d24f

ttaerrim merged commit 20ee8ac into boostcampwm2023:develop Dec 7, 2023
1 check passed

ttaerrim deleted the 361-input branch December 7, 2023 06:47