Button 컴포넌트를 구현합니다.

[Seung-wan]

관련 이슈

• 이슈 번호: #11

변경 사항

• 설명
  • common/Button 폴더 아래에 Button 컴포넌트와 관련된 코드를 작성합니다.
  • @emotion/styled 패키지를 추가적으로 설치했습니다.
  • 컴포넌트, 타입, 스타일, 스토리, export등 각각의 역할마다 별도의 파일을 두었습니다.
  • 해당 컴포넌트를 사용할 때 추가적인 스타일링이 필요한 경우에는 외부에서 css 속성으로 스타일을 주입할 수 있습니다.

코드 리뷰 시 주의 사항

• 설명: 코드 리뷰 시 집중적으로 봐줬으면 하는 부분이나 논의가 필요한 사항에 대해 설명해주세요.
  • 디자인 시스템이 있는 건 아니다보니 제가 임의로 버튼 컴포넌트의 Props를 작성해봤는데 의견 부탁드립니다!
  • 스토리북에 아직 emotion 스타일이 적용되도록 설정을 못해서 별도의 페이지에서 컴포넌트를 확인할 수 있도록 했습니다. (요거 얼른 스토리북으로 보실 수 있게끔 적용하겠습니다 ㅠㅠ)

테스트 방법

• npm run dev 명령어로 서버를 띄운 후에 여기에서 버튼 컴포넌트를 확인해주세요.

[AyoungWon]

@Seung-wan 승완님 컴포넌트들 코드형식을 맞춰야할거같은데, component레벨에서는 다 타입이랑 스타일 파일은 분리하는게 낫다고 생각하시나요? c.c @jangwonyoon

[Seung-wan]

@AyoungWon @jangwonyoon 사실 컴포넌트에서 style, type을 분리하는 것도 저는 뭐가 더 좋다!라고 볼만한 차이는 없는 것 같아요! 저희는 3명이니까 과반수가 선호하는 컨벤션으로 가면 좋을 것 같아요!

[jangwonyoon]

@AyoungWon @jangwonyoon 사실 컴포넌트에서 style, type을 분리하는 것도 저는 뭐가 더 좋다!라고 볼만한 차이는 없는 것 같아요! 저희는 3명이니까 과반수가 선호하는 컨벤션으로 가면 좋을 것 같아요!

상관 없긴하지만 저는 type은 따로 나누는걸 선호하는 편이에요.

[AyoungWon]

@Seung-wan @AyoungWon 저도 타입 분리까지만 선호해서 흠....😣