Skip to content

[박세현] 2주차 과제 끗...#1

Open
pakxe wants to merge 16 commits into
Likelion-Inha-10:박세현from
pakxe:master
Open

[박세현] 2주차 과제 끗...#1
pakxe wants to merge 16 commits into
Likelion-Inha-10:박세현from
pakxe:master

Conversation

@pakxe

@pakxe pakxe commented May 6, 2022

Copy link
Copy Markdown

No description provided.

@devHudi devHudi left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

안녕하세요 세현님! 리액트를 처음 접해보아 어색하셨을 텐데, 과제 잘 수행해주셨네요!
특히 그라데이션까지 적용해주신 정성이 돋보이네요.
몇가지 수정하면 좋을 것들을 코멘트로 남겨드릴게요. 참고만 해주세요 😁

Comment thread src/component/ColorCard/index.js Outdated
Comment on lines +29 to +34
<>
<CardWrapper>
<ColorWrapper color={props.color}/>
<TextBox fontweight="550" color={props.color}>{props.color}</TextBox>
</CardWrapper>
</>

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

이미 CardWrapper 컴포넌트가 최상위에 단 하나만 존재하고 있어요. <> </>를 지워도 오류가 나지 않을 것 같은데, 한번 지워볼까요?

(참고로 <> </> 를 Fragment 라고 부릅니다 😁)

Comment thread src/component/ColorCard/index.js Outdated
border: 1px black solid;
text-align: center;
margin: 5px;
//

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

// 는 지우는 게 좋을 것 같아요.

Comment on lines +41 to +57
<>
<Main>
<PhotoWrapper src={props.src}>
</PhotoWrapper>
<TextWrapper>
<TextBox fontsize="30px" fontweight="800">
{props.title}
</TextBox>
<TextBox fontsize="20px" fontweight="200" color="grey">
{props.internal}
</TextBox>
</TextWrapper>
<ButtonWrapper btncolor={props.btncolor}>
<TextBox fontsize="20px" color="white">Action</TextBox>
</ButtonWrapper>
</Main>
</>

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

마찬가지로 이 코드에서도 Fragment 를 지워도 괜찮을 것 같아요.

Comment thread src/component/Text/index.js Outdated

const TextBox = (props) => {
return <StyledText color={props.color}>{props.children}</StyledText>;
return <StyledText color={props.color} size={props.fontsize} weight={props.fontweight}>{props.children}</StyledText>;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

fontsizefontweight 에는 camelCase 를 적용해볼 수 있을 것같은데요, fontSizefontWeight 로 변경하면 더 좋겠군요!

pakxe and others added 8 commits May 9, 2022 22:01
변수명을 규칙에 맞게 수정하였습니다.
미디어카드의 예제 5개가 전부 같은 이미지로만 만들어진걸, 각각 다른 이미지를 보여주도록 수정
이미 감싸져서 필요없는 fragment와 //를 제거함
필요없는 fragment와 //제거
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.

3 participants