-
Notifications
You must be signed in to change notification settings - Fork 6
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: 평가 조회 및 등록 UI 수정 #779
Conversation
1728550971.867909 |
1728550972.074429 |
1728550993.020779 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
군더더기 없는 구현 감사드려용~ 꼼꼼하십니다!
기능작동 확인하여 어푸르브 드립니다! 코드 개선사항 역시 딱히 보이지 않네용!
const FormSection = isFormOpened ? ( | ||
<EvaluationForm | ||
processId={processId} | ||
applicantId={applicantId} | ||
onClose={() => setIsFormOpened(false)} | ||
/> | ||
) : ( | ||
<EvaluationAddButton onClick={() => setIsFormOpened(true)} /> | ||
); | ||
const FormSection = | ||
isCurrentProcess && | ||
(isFormOpened ? ( | ||
<EvaluationForm | ||
processId={processId} | ||
applicantId={applicantId} | ||
onClose={() => setIsFormOpened(false)} | ||
/> | ||
) : ( | ||
<EvaluationAddButton onClick={() => setIsFormOpened(true)} /> | ||
)); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
저는 JSX구문이 return 이전에 사용되는게 어색한데 렛서는 어떻게 보시나용?!
저는 딱히 이유가 있진 않습니다 ㅎㅎ 그저 어색하게 느껴져용
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
음 저는 위와 같이 복잡한 조건부 처리가 필요한 로직은 따로 떼어서 변수화하는 것이 좋다고 생각해요. 예전에 레벨1-2 기간에 리뷰 받았던 내용이기도 합니다.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
음 사실 제가 짠 코드가 아니고 조건만 추가한 거긴 한데요, 저도 return 문 전에 jsx 코드가 있는 것이 문제가 있다고 보진 않습니다.
아쉬운 부분이라면 조건이 하나 더 추가되면서 가독성이 안 좋아진 부분이겠네요. 한번 개선해보겠습니다~
Default.parameters = { | ||
docs: {}, | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
불필요한 코드를 발견했어요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
렛서 고생하셨습니다. 기능, 코드 측면에서 모두 잘 동작하는 것을 확인했어요. 유용한 CSS 속성도 하나 배우고 갑니다. :)
@@ -91,6 +91,8 @@ const ResultFlag = styled.div<{ $score: string }>` | |||
const ResultComment = styled.div` | |||
${({ theme }) => theme.typography.common.small}; | |||
color: ${({ theme }) => theme.colors.text.block}; | |||
white-space: pre-wrap; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
pre-wrap
설정 좋네요. 띄어쓰기, 들여쓰기, 줄바꿈은 모두 허용하면서 너무 긴 문장은 자동으로 줄바꿈을 해주는 속성이군요. 좋은 속성을 새로 배우고 갑니다 👍
const FormSection = isFormOpened ? ( | ||
<EvaluationForm | ||
processId={processId} | ||
applicantId={applicantId} | ||
onClose={() => setIsFormOpened(false)} | ||
/> | ||
) : ( | ||
<EvaluationAddButton onClick={() => setIsFormOpened(true)} /> | ||
); | ||
const FormSection = | ||
isCurrentProcess && | ||
(isFormOpened ? ( | ||
<EvaluationForm | ||
processId={processId} | ||
applicantId={applicantId} | ||
onClose={() => setIsFormOpened(false)} | ||
/> | ||
) : ( | ||
<EvaluationAddButton onClick={() => setIsFormOpened(true)} /> | ||
)); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
음 저는 위와 같이 복잡한 조건부 처리가 필요한 로직은 따로 떼어서 변수화하는 것이 좋다고 생각해요. 예전에 레벨1-2 기간에 리뷰 받았던 내용이기도 합니다.
목적
작업 세부사항
EVAL_05
closes #778