-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
1st FE seminar HW : casio #3
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
몇 가지 수정하면 좋을 사항들이 있는데 수정해보면 좋을 것 같아요!
수정하고 알려주면 다시 리뷰할게용
- PR에는 어떤 작업을 한건지 설명을 항상 달아주면 좋아요
placeholder="" | ||
value = {textValue} | ||
handleChange={(value : string) => {setTextValue(value);}} | ||
></TextInput> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Prettier가 vscode에 안 깔려있다면 온보딩 문서 보고 깔도록 합시다!
import React, {useState} from "react" | ||
|
||
import TextInput from "@sparcs-clubs/web/common/components/casio/TextInput"; | ||
import ItemNumberInput from "@sparcs-clubs/web/common/components/Forms/ItemNumberInput"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
기본 forms에서 가져다 쓴 것 같은데 이번 과제에서는 본인이 직접 구현한 컴포넌트로 import 해주세요!
errorMessage?: string; | ||
handleChange: (value: string) => void; | ||
setErrorStatus: (hasError: boolean) => void; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
옆에 개수 제한 & 단위 뜨는 것도 추가해봅시다!
const InputWrapper = styled.div` | ||
width: 100%; | ||
flex-direction: column; | ||
display: flex; | ||
gap: 4px; | ||
`; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이건 FlexWrapper로 대체할 수 있어요!
border-color: ${({ theme }) => theme.colors.GRAY[200]}; | ||
`; | ||
|
||
const Input = styled.input<{ hasError: boolean }>` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
shouldForwardProp 없이 이렇게만 넘겨주면 콘솔에 경고가 뜹니다! 프론트 다른 코드 찾아보고 고쳐봅시다
const InputWrapper = styled.div` | ||
width: 100%; | ||
flex-direction: column; | ||
display: flex; | ||
gap: 4px; | ||
`; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요것도 FlexWrapper로 대체 될거에요
No description provided.