기업 과제 (1) 썸네일형 리스트형 원티드 프리온보딩 8조 8번 과제: 컴포넌트 렌더링 개선 후기 8번 기업 과제에서 제가 담당한 컴포넌트는 목록의 아이템 컴포넌트입니다. 제가 만든 컴포넌트와 연동되는 컴포넌트들은 검색 창 컴포넌트와 모달 창 컴포넌트였습니다. 그중에서도 모달을 어떻게 재사용하면서 아이템에서 이벤트가 발생할 때 화면에 보여줄 지 고민하였고 개선 과정을 공유하려고 합니다. 저는 초기에 컴포넌트 구조를 다음과 같이 짰습니다. +-- index +-- search bar +-- itemgroup +-- item, modal 리스트 ... 하지만 이렇게 되니 props으로 받아온 data 리스트의 반복문을 돌면서 item과 함께 모달도 생성될 수 있었습니다. 조건부 렌더링으로 화면에 보여지지는 않지만 리스트 개수만큼의 조건을 dataList가 바뀔 때마다 거쳐야 한다는 것은 비효율적이라고 생.. 이전 1 다음