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

feat : 공통컴포넌트 구현 #20

Merged
merged 5 commits into from
Jul 31, 2024
Merged

Conversation

godhyzzang
Copy link
Collaborator

@godhyzzang godhyzzang commented Jul 31, 2024

close #17

1. 공통컴포넌트 구현 과정에서의 Eslint, prettier변경❗️

[문제]
props에러

공통컴포넌트.styled.tsx파일을 만들다보니
위 사진처럼 Props=>props.속성 코드를 추가하는 과정에서 eslint no-confusing-arrow 린트에러 발생

[변경]

  1. eslint no-confusing-arrow 해결하기 위한 lint파일 수정
  2. 1 적용하는 과정에서 충돌일어나는 Prettier width : 100 -> 130으로 늘림

2. 공통 컴포넌트 구현

image

@godhyzzang godhyzzang added the fix 에러 처리 label Jul 31, 2024
@godhyzzang godhyzzang self-assigned this Jul 31, 2024
@godhyzzang godhyzzang changed the title [fix] 린트, Prettier환경설정 변경 : making common components [fix] 공통컴포넌트 구현 ,린트, Prettier환경설정 Jul 31, 2024
@godhyzzang godhyzzang changed the title [fix] 공통컴포넌트 구현 ,린트, Prettier환경설정 [feat] 공통컴포넌트 구현 ,린트, Prettier환경설정 Jul 31, 2024
@godhyzzang godhyzzang changed the title [feat] 공통컴포넌트 구현 ,린트, Prettier환경설정 feat : 공통컴포넌트 구현 & 관련 린트, Prettier환경설정 Jul 31, 2024
@godhyzzang godhyzzang added the feat 기능 label Jul 31, 2024
@godhyzzang godhyzzang changed the title feat : 공통컴포넌트 구현 & 관련 린트, Prettier환경설정 feat : 공통컴포넌트 구현 Jul 31, 2024
Copy link
Collaborator

@haejinyun haejinyun left a comment

Choose a reason for hiding this comment

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

수고하셨습니다!
공통 컴포넌트를 만들어주셔서 작은 요소부터 가져다가 쓸 수 있겠네요
그러나 이런 방식이 익숙하지 않아 궁금한 점이 있어 하나 적어보았습니다!

감사합니다 ☺️

Comment on lines +20 to +22
fontSize: {
m: string;
};
Copy link
Collaborator

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이라고 하신 이유가 있을까요?
위처럼 작은 요소부터 컴포넌트를 정의하는 방식을 사용해보지 않아서 여쭙니다!

Copy link
Collaborator Author

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파일에 나와있으니 추후에 참고 부탁드려요!

Comment on lines +18 to +20
fontSize: {
s: string;
};
Copy link
Collaborator

Choose a reason for hiding this comment

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

얘두 위에 남긴 것이랑 동일한 궁금증입니다!

Copy link
Collaborator Author

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;
Copy link
Collaborator

Choose a reason for hiding this comment

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

혹시 이부분 예시 사용 코드를 comment 로 남겨주실 수 있으신가요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

곧 올릴 theme.tsx파일에 축약어 관련 사항 나와있으니 확인해주세요!

src/components/common/Card.styled.tsx Show resolved Hide resolved
Copy link
Collaborator

@Yejin0O0 Yejin0O0 left a comment

Choose a reason for hiding this comment

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

수고하셨습니다!

@godhyzzang godhyzzang merged commit 08388c7 into develop Jul 31, 2024
1 check passed
@godhyzzang godhyzzang deleted the 17-feat-make-common-components branch July 31, 2024 07:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat 기능 fix 에러 처리
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[feat] make common components
4 participants