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

SP-669 모집공고 카드의 기술스택이 너무 많을 때 ‘…외 n개'로 표기 #352

Merged
merged 3 commits into from
Aug 10, 2024

Conversation

SungHyun627
Copy link
Collaborator

Closes #350

💡 다음 이슈를 해결했어요.

  • 모집공고 카드의 기술스택이 너무 많을 때 ‘~외 n개'로 표기

💡 이슈를 처리하면서 추가된 코드가 있어요.

스택의 개수가 최대 5개까지 보이도록 하였고, 5개 초과인 경우 외 (전체 스택의 개수 - 5)개의 텍스트가 표시되도록 하였습니다.

<div className="study__stacks">
{recruitment.stacks.length !== 0 ? (
recruitment.stacks.map(
(stack: Stack, idx) =>
idx < 5 && (
<Image key={stack.id} size={32} src={`${import.meta.env.VITE_BASE_API_URL}${stack.imageUrl}`} />
),
)
) : (
<Image size={32} />
)}
{recruitment.stacks.length > VISIBLE_STACK_COUNT && (
<StackCountText>{recruitment.stacks.length - 5}</StackCountText>
)}
</div>

image

✅ 셀프 체크리스트

  • 브랜치 전략에 맞는 브랜치에 PR을 올리고 있습니다. (master/main이 아닙니다.)
  • 커밋 메세지를 컨벤션에 맞추었습니다.
  • 변경 후 코드는 컴파일러/브라우저 warning/error 가 발생시키지 않습니다.
  • 변경 후 코드는 기존의 테스트를 통과합니다.
  • 테스트 추가가 필요한지 검토해보았고, 필요한 경우 테스트를 추가했습니다.
  • docs 수정이 필요한지 검토해보았고, 필요한 경우 docs를 수정했습니다.

@SungHyun627 SungHyun627 added this to the 스프린트 18 milestone Aug 6, 2024
@SungHyun627 SungHyun627 self-assigned this Aug 6, 2024
@SungHyun627 SungHyun627 merged commit c90e815 into dev Aug 10, 2024
4 of 5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

SP-669 모집공고 카드의 기술스택이 너무 많을 때 ‘…외 n건으로 표기
1 participant