-
Notifications
You must be signed in to change notification settings - Fork 1
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
feat : 공통컴포넌트 구현 #20
feat : 공통컴포넌트 구현 #20
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수고하셨습니다!
공통 컴포넌트를 만들어주셔서 작은 요소부터 가져다가 쓸 수 있겠네요
그러나 이런 방식이 익숙하지 않아 궁금한 점이 있어 하나 적어보았습니다!
감사합니다
fontSize: { | ||
m: string; | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
해당 부분에서 폰트 사이즈가 m이란 속성으로 네이밍이 된 이유가 궁금합니다
Container라는 컴포넌트를 사용할때 theme 속성에서 폰트 사이즈를 24px등으로 입력받을 것 같은데 따로 m이라고 하신 이유가 있을까요?
위처럼 작은 요소부터 컴포넌트를 정의하는 방식을 사용해보지 않아서 여쭙니다!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
https://developer.mozilla.org/ko/docs/Web/CSS/font-size
요기 나와있는 것처럼 축약어 느낌으로 사용한건데 곧 올릴 theme파일에 나와있으니 추후에 참고 부탁드려요!
fontSize: { | ||
s: string; | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
얘두 위에 남긴 것이랑 동일한 궁금증입니다!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
https://developer.mozilla.org/ko/docs/Web/CSS/font-size
요기 나와있는 것처럼 축약어 느낌으로 사용한건데 곧 올릴 theme파일에 나와있으니 추후에 참고 부탁드려요!
backgroundColor: string; | ||
}; | ||
fontSize: { | ||
m: string; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
혹시 이부분 예시 사용 코드를 comment 로 남겨주실 수 있으신가요?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
곧 올릴 theme.tsx파일에 축약어 관련 사항 나와있으니 확인해주세요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수고하셨습니다!
close #17
1. 공통컴포넌트 구현 과정에서의 Eslint, prettier변경❗️
[문제]
공통컴포넌트.styled.tsx파일을 만들다보니
위 사진처럼 Props=>props.속성 코드를 추가하는 과정에서 eslint no-confusing-arrow 린트에러 발생
[변경]
2. 공통 컴포넌트 구현