feat: 지원현황/면접기록 목록페이지에서 합불상태를 조회할 수 있다. #213
Conversation
|
|
||
| const openModel = (id: string) => { | ||
| setIsOpen(true); | ||
| const handleModalOpen = (id: string) => () => { |
There was a problem hiding this comment.
오...! 커링으로 작성한 것은 처음 보네요..!
저는 이렇게 사용해본 경험이 없어서 그런데, 해당 로직을 이런 형식으로사용했을 때 얻을 수 있는 장점이 무엇이 있나요?
There was a problem hiding this comment.
일단은 현재 커링을 쓴 이유는 컴포넌트를 분리함에 따라 이벤트 핸들러를 넘겨줘야 하는데,
기존 코드를 유지하기 위해 사용하였습니다.
마찬가지로 특정 이벤트 핸들러를 상위 컴포넌트에서 전달해주는데 각 요소 별로 전달해야할 값들이 있을 때 유용하다고 생각합니다^^
말이 장황할 수 있는데 현재 PR 코드 보시는 느낌 그대로라고 생각하시면 될 거 같습니다 !
| <Txt>검색결과가 없습니다.</Txt> | ||
| ) : ( | ||
| <> | ||
| {boardRows.map((item) => ( |
There was a problem hiding this comment.
해당 부분 item. 이 반복되는 것 같아, ({id, title, subElements, passState,}) => {} 형태로 작성해도 좋아보입니다!
There was a problem hiding this comment.
좋네요 ! 수정해보도록 하겠습니다 :)
| const Board = ({ | ||
| children, | ||
| onClick, | ||
| wapperClassname, | ||
| wrapperClassname, |
There was a problem hiding this comment.
wrapperClassName으로 작성하는게 좋아보입니다.
| return <div>loading...</div>; | ||
| } | ||
|
|
||
| const { records } = data; |
There was a problem hiding this comment.
구조 분해를 하나의 데이터만 하는 것은 좋은 코드가 아니여서 이렇게 하신건가요?
There was a problem hiding this comment.
음, 꼭 그런건 아니구요
굳이 사용할 필요가 없어보여서 사용하지 않았습니다!
| import { PropsWithChildren } from "react"; | ||
| import { type PropsWithChildren } from "react"; |
There was a problem hiding this comment.
오 이런 방식은 처음 보네요 !
혹시 어떤 차이가 있을까요?
There was a problem hiding this comment.
type import 입니다
이 import는 타입임을 명시적으로 나타내주는 것인데요
typescript 컴파일 시점에 "완전히" 사라집니다.
따라서 사이트이펙트나 런타임 번들 크기 등에 이점을 가져갈 수 있슴다
주요 변경사항
리뷰어에게...
관련 이슈
체크리스트
reviewers설정label설정milestone설정