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] 모집 일정 컴포넌트 #259

Merged
merged 6 commits into from
Sep 17, 2023
Merged

[Feat] 모집 일정 컴포넌트 #259

merged 6 commits into from
Sep 17, 2023

Conversation

sumi-0011
Copy link
Member

작업 내용

  • typo.demical에 Demical font-family 명시 -> Demical font가 프로젝트에 적용되고 있지 않은 것 같아, 다운이 필요합니다.
  • 모집일정 컴포넌트 생성 및 스토리북 추가

스크린샷

image

질문

  • figma상의 gray.400이 프로젝트에는 black400으로 정의되어있는데, 의도하신 건지 궁금합니다. @99-zziy

@vercel
Copy link

vercel bot commented Sep 13, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
www-depromeet-com ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 16, 2023 0:08am

@sumi-0011 sumi-0011 added the feature New feature or request label Sep 13, 2023
@github-actions github-actions bot added the style change style or request it label Sep 13, 2023

background-color: ${theme.colors.black800};

& + & {
Copy link
Member

Choose a reason for hiding this comment

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

요건 어떤 선택자예요??

Copy link
Member Author

Choose a reason for hiding this comment

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

요건 어떤 선택자예요??

인접 형제 결합자라고, 이 링크를 확인해보면 될 것 같아요!!

모집 일정 섹션 두개 사이에만 간격을 주려고 사용하였습니다!

}

const layoutCss = (theme: Theme) => css`
max-width: 960px;
Copy link
Member

Choose a reason for hiding this comment

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

max-width는 왠지 공통으로 관리해야할 것 같은데, 나중에 한번에 해도 될듯!

src/components/ScheduleSection/ScheduleSection.tsx Outdated Show resolved Hide resolved
& > span {
${theme.typos.decimal.body1};
background-color: ${theme.colors.black400};
flex: 1;
Copy link
Member

@kimyouknow kimyouknow Sep 16, 2023

Choose a reason for hiding this comment

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

css 고수네요, flex:1 어떤 기능이죠👀

Copy link
Member Author

Choose a reason for hiding this comment

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

css 고수네요, flex:1 어떤 기능이죠👀

부모 dom에 display:flex가 걸려있을 때만 적용이 되고,

flex : flex-grow, flex-shrink, flex-basis를 한 번에 쓸 수 있는 축약형 속성

flex : 1로 적용한다면,

flex: 1;
/* flex-grow: 1; flex-shrink: 1; flex-basis: 0%; */

저는 이 속성을 이용해서 맞게, &>span이라는 dom이 부모 컴포넌트에 꽉 차게 늘어날 수 있도록 설정하였습니다! (반응형을 위해)

flex 참고 링크

import { SectionTitle } from './index';

const meta: Meta<typeof SectionTitle> = {
title: 'CATEGORY/SectionTitle',
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
title: 'CATEGORY/SectionTitle',
title: 'components/SectionTitle',

어때요??ㅎㅎ

Copy link
Member Author

Choose a reason for hiding this comment

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

어때요??ㅎㅎ

좋습니당! 다른 storybook 코드를 복붙해 사용한 부분이라,
다른 부분들도 통일하면 좋을 것 같아요!

@kimyouknow
Copy link
Member

에러 나는 것도 해결했어요! 특별한 건 아니구 변수명 바꾼 걸 최신화안해서 생긴 문제였습니다;;

Co-authored-by: 김윤호 yunho <kimyouknow@naver.com>
@github-actions github-actions bot removed the style change style or request it label Sep 16, 2023
@github-actions
Copy link

Bundle Sizes

Compared against d4bc7f9

Route Size (gzipped) Diff
/ 72.18 KB -10.08 KB
/404 71.89 KB -4.91 KB
/_app 114.71 KB -16.21 KB
/about 72.2 KB -12.73 KB
/project 72.2 KB -22.66 KB
/recruit 72.2 KB -13.04 KB
/contact no change removed
/project/[projectTitle] no change removed
/recruit/[position] no change removed
Dynamic import Size (gzipped) Diff
../components/project-detail/OtherProjectSection.tsx -> ../project/ProjectItem/ProjectItem no change removed

@github-actions
Copy link

🚀storybook:

@sumi-0011 sumi-0011 merged commit a230387 into develop Sep 17, 2023
10 checks passed
@sumi-0011 sumi-0011 deleted the feat/schedule branch September 17, 2023 05:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants