Skip to content
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

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

1st FE seminar HW : casio #3

wants to merge 4 commits into from

Conversation

sparcscasio
Copy link
Collaborator

No description provided.

Copy link
Collaborator

@wjeongchoi wjeongchoi left a 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>
Copy link
Collaborator

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";
Copy link
Collaborator

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;
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

옆에 개수 제한 & 단위 뜨는 것도 추가해봅시다!

Comment on lines +55 to +60
const InputWrapper = styled.div`
width: 100%;
flex-direction: column;
display: flex;
gap: 4px;
`;
Copy link
Collaborator

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 }>`
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

shouldForwardProp 없이 이렇게만 넘겨주면 콘솔에 경고가 뜹니다! 프론트 다른 코드 찾아보고 고쳐봅시다

Comment on lines +59 to +64
const InputWrapper = styled.div`
width: 100%;
flex-direction: column;
display: flex;
gap: 4px;
`;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

요것도 FlexWrapper로 대체 될거에요

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants