Feature/#104 마일스톤 실적 일괄등록 페이지 구현 #126
Conversation
- 마일스톤 실적 목록 조회 API 연결 - 검색 및 페이지네이션 처리 #102
| registerHistories(values.file, { | ||
| onSuccess: () => { | ||
| window.alert('실적 등록에 성공하였습니다.'); | ||
| router.push('/admin/milestone/list'); |
There was a problem hiding this comment.
실적 등록 성공 시 마일스톤 목록으로 이동하여 확인하는 것은 좋습니다.
보통 선생님들이 일괄 등록할 때 다른 활동들에 대해 여러 파일을 가질 것 이라고 생각됩니다.
그러할 경우에 자동으로 이동되면 다시 돌아와야 함으로 귀찮을 것 같습니다.
파일 한 개만을 등록할 경우에는 있으면 좋은 기능이지만 없어도 되는 기능입니다.
하지만 파일 여러개를 등록해야할 경우에는 있으면 불편한 기능이라고 생각되어 없는 것이 좋을 것 같습니다.
| onSubmit={(values, { setSubmitting }) => { | ||
| registerHistories(values.file, { | ||
| onSuccess: () => { | ||
| window.alert('실적 등록에 성공하였습니다.'); |
There was a problem hiding this comment.
window.alert의 경우 자동으로 사라지지 않고 사용자에게 클릭을 하여 모달을 사라지도록 요구합니다.
이보다는 몇 초뒤면 자동으로 사라지는 React-Toastify를 사용하는 건 어떨까요?
| const sampleFileUrl = useMemo(() => { | ||
| if (sampleFile) { | ||
| return URL.createObjectURL(sampleFile); | ||
| } | ||
| return ''; | ||
| }, [sampleFile]); |
There was a problem hiding this comment.
궁금한 것이 있는데요 어떨 경우에 useMemo를 사용하는 걸까요?
여기에서 재생성이 될 경우는 standardFile 과 sampleFile이 변경될 때 뿐인것 같습니다.
standardFile와 sampleFile의 결과로는 undefined 혹은 그에 해당하는 값일 것 같은데요.
여러 번 재생성을 요구하지 않으므로 값을 저장하지는 않는 useEffect를 저는 사용할 것 같습니다.
세연님이 useMemo와 useCallback을 많이 사용함으로 어떤 기준에서 사용하는지 궁금합니다!
useMemo가 아닌 useEffect로 변경하는 말은 절대 아닙니다!!
그냥 저도 useMemo와 useCallback을 언제 사용할지 고민을 많이 하고 있어서 이에 대해 논의하고 싶어서 묻는겁니당!
There was a problem hiding this comment.
저는 서버 데이터를 가공할 필요가 있을 때 주로 useMemo를 사용해서 서버 데이터가 변경될 때마다 가공한 값도 변경사항이 적용되도록 해주고 있습니다.
useCallback은 state, props에 접근하는 함수를 구현할 때 사용합니다!
개인적으로 useEffect보다 useMemo, useCallback이 값, 함수를 관리하는 데 특화되어 있다고 생각해서 이렇게 사용하고 있습니다.
+성능적으로는 useEffect는 렌더링 후에 실행되는 반면 useMemo는 렌더링 중에 실행되기 때문에 좀 더 빠르다는 특징이 있다고 합니다.
10분