Skip to content

Conversation

@jhyj0521
Copy link
Contributor

PR Type

What kind of change does this PR introduce?

  • 리팩토링을 했어요 (기능적인 변화 없이, api 변경 없이)

Related Issues

#18

What does this PR do?

  • Heading 컴포넌트 TS 마이그레이션
  • 스타일 emotion 방식으로 변경
  • Storybook 적용

Other information

HeadingProps 타입을 선언하고, 이를 props로 받는 컴포넌트를 마이그레이션 했습니다.
반응형 사이즈 theme을 추가했습니다.
Styled-components에서 as로 받은 태그를 동적으로 설정하기 위해 구조를 변경했습니다.
Heading 컴포넌트를 내보냈습니다.
@jhyj0521 jhyj0521 added 🌟 feature 새로운 기능을 만들어요! ✈️ migration 마이그레이션 작업을 진행해요! 🧱 component 컴포넌트 단위 작업을 진행해요! labels Mar 24, 2022
@jhyj0521 jhyj0521 added this to the Sprint2 milestone Mar 24, 2022
@jhyj0521 jhyj0521 self-assigned this Mar 24, 2022
import { HeadingProps } from './Heading.types';
import { StyledHeading } from './Heading.styled';

export const Heading = ({ as, className, children }: HeadingProps): JSX.Element => {
Copy link
Contributor

Choose a reason for hiding this comment

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

className에 a11yHidden이 들어간경우를 제외하면 필요없을것 같다는 팀원들의 이야기가 있었음

@jhyj0521 jhyj0521 merged commit 760f546 into TeamCooks:develop Mar 24, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🧱 component 컴포넌트 단위 작업을 진행해요! 🌟 feature 새로운 기능을 만들어요! ✈️ migration 마이그레이션 작업을 진행해요!

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants