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-fe: 지원자 이름 검색 #814

Merged
merged 7 commits into from
Oct 16, 2024
Merged

feat-fe: 지원자 이름 검색 #814

merged 7 commits into from
Oct 16, 2024

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented Oct 14, 2024

목적

지원자 이름을 검색하는 기능을 추가합니다.

구현 사항

  • 이름을 바탕으로 검색
  • debounce를 사용해 최적화

참고사항

ProcessColumn을 메모이제이션 했었지만 element가 적은 상황에서는 오히려 committed at(DOM 요소가 표시되기까지의 시간)이 늘어났습니다. 따라서 따로 렌더링 최적화는 진행하지 않았습니다!

아래의 별표줄 밑에 요구사항 ID만 작성해주세요. Prefix 금지!


SRCH_01

closes #813

@github-actions github-actions bot added feature 새로운 기능 frontend 프론트엔드 labels Oct 14, 2024
@github-actions github-actions bot added this to the 스프린트 6.0 milestone Oct 14, 2024
Copy link
Contributor Author

1728980488.876559

Copy link
Contributor Author

1728980498.574779

Copy link
Contributor Author

1728980672.188229

Copy link
Contributor

@seongjinme seongjinme left a comment

Choose a reason for hiding this comment

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

렛서 고생하셨어요. 로컬에서 검색 기능이 의도대로 잘 동작하는 것을 확인했어요. useSearchApplicant 훅을 components/dashboard 경로로 위치시킨 결정에 대해서도 동의합니다. Approve 드릴게요.

() =>
process.applicants.filter(({ applicantName, isRejected }) => {
const matchesName = searchedName ? applicantName.includes(searchedName) : true;
const matchesRejection = showRejectedApplicant ? isRejected : !isRejected;
Copy link
Contributor

Choose a reason for hiding this comment

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

지금도 잘 동작하는 로직이지만, 아래와 같이 간략화가 가능할 것 같아요.

Suggested change
const matchesRejection = showRejectedApplicant ? isRejected : !isRejected;
const matchesRejection = showRejectedApplicant === isRejected;

Copy link
Contributor

Choose a reason for hiding this comment

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

반영했습니다! 꼼꼼하게 봐주셔서 감사해요.☺️

Copy link
Contributor

@lurgi lurgi left a comment

Choose a reason for hiding this comment

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

굳 쟙 lesser

Comment on lines 7 to 9
const handleName = useCallback((newName: string) => {
setName(newName);
}, []);
Copy link
Contributor

Choose a reason for hiding this comment

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

함수 네이밍에서 함수의 역할을 잘 유추가 안되었어요! 그럼에도 함수 자체가 복잡한 기능을 가지진 않는 것 같아 리네이밍 하는 건 렛서의 몫으로 남겨두도록 하겠습니다~!

Copy link
Contributor

Choose a reason for hiding this comment

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

updateName으로 변경했습니다~

@llqqssttyy llqqssttyy merged commit c05f552 into fe/develop Oct 16, 2024
11 checks passed
@llqqssttyy llqqssttyy deleted the fe-813-SRCH_01 branch October 16, 2024 01:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 새로운 기능 frontend 프론트엔드
Projects
Status: 완료
Development

Successfully merging this pull request may close these issues.

3 participants