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

[김종화] sprint8 #238

Merged

Conversation

KJongHwa
Copy link
Collaborator

@KJongHwa KJongHwa commented Aug 2, 2024

요구사항

기본

  • 스프린트 미션 1 ~ 7에 대해 typescript를 적용해주세요.

주요 변경사항

  • 타입스크립트로 변환

스크린샷

image

멘토에게

  • 미션 7 기존 코드에서 추가로 진행하지 않고, 미션 8에서 제공하는 미션 7 템플릿 코드를 다운 후 작업했습니다.
  • 템플릿 코드에 적혀있는 주석과 구분짓기 위해 주석 앞에 종화 : 라고 적었습니다.

@KJongHwa KJongHwa self-assigned this Aug 2, 2024
@KJongHwa KJongHwa added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Aug 2, 2024
@KJongHwa KJongHwa requested a review from jyh0521 August 2, 2024 11:30
Copy link
Collaborator

@jyh0521 jyh0521 left a comment

Choose a reason for hiding this comment

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

과제하느라 고생하셨습니다! 타입 지정 잘해주셨네요 👍

@@ -16,7 +16,13 @@ const Button = styled.button`
}
`;

function DeleteButton({ onClick, label }) {
function DeleteButton({
Copy link
Collaborator

Choose a reason for hiding this comment

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

props의 타입은 따로 선언해서 사용해주셔도 좋습니다.

@@ -3,7 +3,18 @@ import "./PaginationBar.css";
import { ReactComponent as LeftArrow } from "../../assets/images/icons/arrow_left.svg";
Copy link
Collaborator

Choose a reason for hiding this comment

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

alias path를 사용해보시는 것도 추천드립니다.

@@ -59,6 +66,7 @@ function TagInput({ tags, onAddTag, onRemoveTag }) {
onChange={(e) => setInput(e.target.value)}
onKeyDown={onPressEnter}
placeholder="태그를 입력해 주세요"
isTextArea={undefined}
Copy link
Collaborator

Choose a reason for hiding this comment

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

이런 경우는 isTextArea를 전달해주시지 않아도 됩니다.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

말씀해주신대로 삭제 처리 완료했습니다 !

Comment on lines +28 to +31
const [name, setName] = useState<string>("");
const [description, setDescription] = useState<string>("");
const [price, setPrice] = useState<string>("");
const [tags, setTags] = useState<string[]>([]);
Copy link
Collaborator

Choose a reason for hiding this comment

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

관련 있는 상태들은 하나로 묶어서 객체로 관리하시는 방법도 있습니다.

@jyh0521 jyh0521 merged commit 8762530 into codeit-bootcamp-frontend:React-김종화 Aug 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants