React

조건부 렌더링

useState, useEffect, fetch를 통해 서버의 데이터를 프론트로 끌어오는 작업을 수행하였습니다.
default state를 빈 배열로 설정하고 useEffect를 통해 데이터를 가져오는데 초기 값이 빈 배열여서 fetch된 백 데이터 안에 빈배열이 찍히는 경우가 발생하였습니다.
그 문제를 해결하기 위해 조건부 렌더링을 적용하여 'fetch된 데이터가 빈 배열이 아닐 경우' 라는 조건을 부여하여 렌더링 과정에서의 오류를 처리하였습니다.