Conversation
- 마이그레이션 미구현 - 검색에 onChange때문에 랜더링 많이 되는 문제 - 뷰포트 크기 잘 인식하지 못하는 문제
kimsayhi
force-pushed
the
React-김세환-sprint6
branch
from
adb94a2
to
a0cb193
Compare
kimsayhi
force-pushed
the
React-김세환-sprint6
branch
from
3e302c8
to
1ece42d
Compare
There was a problem hiding this comment.
앜ㅋㅋㅋㅋ 이거 뭐야 너무 귀엽잖아요 ㅜㅜㅜㅜㅋㅋㅋㅋㅋ !!
| name="images" | ||
| value="" | ||
| /> | ||
| {!images.length || |
There was a problem hiding this comment.
!image.length 보다는 image?.length > 0 가 더 직관적이고 옵셔널 체이닝으로 undefined 혹은 null 체크까지 할 수 있어서 더 좋을 것 같아용!
| <div | ||
| className="preview-wrapper" | ||
| key={Date.now() + i * 13} | ||
| onClick={onDelete} |
There was a problem hiding this comment.
아래 button에 적용된 클릭 이벤트가 onDelete로 이 div까지 onDelete이벤트를 걸어줄 필요는 없어보이는데 혹시 여기에도 걸어준 이유가 있으실까용?
| const josa = `${label.을를}`; | ||
| return ( | ||
| <> | ||
| {name !== "description" ? ( |
There was a problem hiding this comment.
이 삼항연산자를 && 연산자로 업그레이드 시킬 수 있을까요!? (할 수 있어요!!)
|
|
||
| function AddItemMain() { | ||
| const [tagValue, setTagValue] = useState(""); | ||
| const [values, setValues] = useState({ |
There was a problem hiding this comment.
위에서 초기값들을 상수로 만들어주셨으니 여기서도 useState(INIT_VALUE) 로 사용하실 수 있을 것 같아요 👍
| const handleChange = (e) => { | ||
| const { name, value } = e.target; | ||
| switch (name) { | ||
| case "tags": |
There was a problem hiding this comment.
switch 문도 좋지만 케이스별로 함수를 따로 만들어주는 것도 좋은 방법일 것 같아요!
| setPageSize(4); | ||
| } | ||
| }, [sizeName]); | ||
| useEffect(() => { |
There was a problem hiding this comment.
useEffect(() => {
loadItems({ page: pageNum, pageSize, orderBy, keyWord: keyWord });
setPageNum(1);
}, [orderBy, pageSize, keyWord]);useState에 각각 초기값을 넣어줬다면 밑에 코드도 한번 더 실행될거라 빈배열로 한번더 useEffect를 만들어줄 필요가 없을 것 같긴합니다! 한번 지워보시는 것도 테스트해보세요!
| setPageNum(1); | ||
| }, [orderBy, pageSize, keyWord]); | ||
| useEffect(() => { | ||
| if (!didMount) { |
There was a problem hiding this comment.
오잉 요 didMount라는 state는 무엇을 위한 건지 잘 모르겠어용..! 굳이 필요하지 않다면 없애는 쪽으로 !
| /> | ||
| <PageArrowButton | ||
| imgSrc={ArrowRight} | ||
| direction="right" |
There was a problem hiding this comment.
direction으로 만들어주는 것도 좋지만
함수 자체를 나눠주시는 것도 좋아여
예를 들면 onClickLeft onClickRight 요런식으로!?
요구사항
기본 요구사항
심화 요구사항
멘토에게
미리보기 페이지 입니다