원티드 프리온보딩 프론트엔드 코스/TIL (2) 썸네일형 리스트형 원티드 프리온보딩 8조 8번 과제: 컴포넌트 렌더링 개선 후기 8번 기업 과제에서 제가 담당한 컴포넌트는 목록의 아이템 컴포넌트입니다. 제가 만든 컴포넌트와 연동되는 컴포넌트들은 검색 창 컴포넌트와 모달 창 컴포넌트였습니다. 그중에서도 모달을 어떻게 재사용하면서 아이템에서 이벤트가 발생할 때 화면에 보여줄 지 고민하였고 개선 과정을 공유하려고 합니다. 저는 초기에 컴포넌트 구조를 다음과 같이 짰습니다. +-- index +-- search bar +-- itemgroup +-- item, modal 리스트 ... 하지만 이렇게 되니 props으로 받아온 data 리스트의 반복문을 돌면서 item과 함께 모달도 생성될 수 있었습니다. 조건부 렌더링으로 화면에 보여지지는 않지만 리스트 개수만큼의 조건을 dataList가 바뀔 때마다 거쳐야 한다는 것은 비효율적이라고 생.. 프리온보딩 첫째날! 원티드 프리온보딩 프론트엔드 교육과정에 들어온 첫째 날이었습니다!! 오늘 배운 내용들이 기본이라는 것을 깨달으니 더욱 열심히 공부해야겠다는 생각이 듭니다. 오늘 배운 내용으로 페어로 모의 면접을 진행했는데 확실히 면접관의 입장에서 어떤 대답, 태도를 보여줘야 하는지 녹화본을 보니 와닿네요... 완주는 당연하고 매일매일 목표로 한 것은 반드시 끝마친다라는 다짐을 제 자신에게 하며 교육과정에 임하겠습니다!!!! 이전 1 다음