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] 지원자페이지 구현 #1337

Merged
merged 6 commits into from
Apr 6, 2024

Conversation

parksangmin1543
Copy link
Contributor

📌 개요

💻 작업사항

  • 지원자페이지의 상세보기 추가했습니다.
  • 주관식 필터추가했습니다.
  • 객관식 필터추가했습니다.

기본화면
스크린샷 2024-03-29 오후 6 10 11
상세보기
스크린샷 2024-03-29 오후 6 10 30
가로스크롤
스크린샷 2024-03-29 오후 6 10 46
객관식필터
스크린샷 2024-03-29 오후 6 11 05
멀티선택
스크린샷 2024-03-29 오후 6 11 23
객관식필터
스크린샷 2024-03-29 오후 6 11 32

✅ 변경로직

@parksangmin1543 parksangmin1543 added admin 관리자 페이지에서 발생한 issue recruit 모집 기능 라벨 labels Mar 29, 2024
@parksangmin1543 parksangmin1543 self-assigned this Mar 29, 2024
@parksangmin1543 parksangmin1543 changed the title Feat/1254 지원자페이지 구현 Feat/1254 지원자페이지 구현 #1254 Mar 29, 2024
@parksangmin1543 parksangmin1543 linked an issue Mar 29, 2024 that may be closed by this pull request
3 tasks
@parksangmin1543 parksangmin1543 changed the title Feat/1254 지원자페이지 구현 #1254 [Feat] 지원자페이지 구현 Mar 29, 2024
Copy link
Member

@yoouyeon yoouyeon left a comment

Choose a reason for hiding this comment

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

작업 내용 확인했습니다. 개선할 수 있을 것 같은 부분이 몇 군데 있어 보여서 댓글 남겨두었는데, 일단은 작업 내용을 테섭에 올리는게 우선일 것 같아 approve 합니다! mockInstance 제거하면서 댓글도 같이 확인 부탁드려요

Comment on lines +58 to +59
labelId='demo-multiple-checkbox-label'
id='demo-multiple-checkbox'
Copy link
Member

Choose a reason for hiding this comment

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

아이디에 demo 붙어 있는데, 임시로 조치한 부분이 아니면 제거하는 것이 좋을 것 같습니다.

expandComponent: React.ReactNode;
}

const ExpandableTableRow: React.FC<ExpandableTableRowProps> = ({
Copy link
Member

Choose a reason for hiding this comment

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

https://medium.com/@martin_hotell/10-typescript-pro-tips-patterns-with-or-without-react-5799488d6680#78b9

FC에는 기본적으로 optional children props가 있습니다. 따라서 위에 ExpandableTableRowProps에서 children을 재정의할 필요는 없었을 것 같아요. (옵셔널 -> 필수로 바꾸려던게 아니라면)
근데 위에 링크한 글처럼, React.FC에는 이것 말고도 여러 문제가 있어서 전반적으로 사용하지 말자는 것 같더라구요.
특별한 이유가 없다면 사용하지 않는 것이 좋을 것 같습니다.

...otherProps
}) => {
const [isExpanded, setIsExpanded] = useState(false);
const childrenCount = React.Children.count(children);
Copy link
Member

Choose a reason for hiding this comment

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

Children 사용하셨는데 https://react.dev/reference/react/Children 공식문서 보니까 레거시로 구분되어 있습니다. children을 만드는 부분을 보니 배열에 map을 돌리고 있는 것 같은데 React.Children.count 대신 props로 children 개수를 전달하는 방식으로 바꿀 수도 있을 것 같습니다.

setAnswers(
recruitUserData.reduce((acc, recruit) => {
recruit.form.forEach((formItem) => {
if (formItem.inputType !== 'TEXT') {
Copy link
Member

Choose a reason for hiding this comment

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

filter로 써도 좋을 것 같아요

<div className={styles.info}>
{(content?.toString() || '').slice(0, maxLen)}...
</div>
{/* <div className={`${styles.hoverInfo}`}>{content}</div> */}
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

@hyobb109 hyobb109 left a comment

Choose a reason for hiding this comment

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

고생하셨습니다!!

@yoouyeon yoouyeon merged commit a293fa3 into recruit Apr 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
admin 관리자 페이지에서 발생한 issue recruit 모집 기능 라벨
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feat] 지원자페이지 구현
3 participants