refactor: vaniilaJS -> React by chaerin-dev · Pull Request #23 · JCTG-JavaScript-Coding-Test-Group/SolutionBank

chaerin-dev

fillList에 대한 로직이 개선되어야할 것으로 보입니다! 우선 기존 로직을 이용해서 잘 구현해주셨다고 생각합니다. 하지만 상태 값이 생겼기 때문에 이제는 직접 돔을 채워주는 것이 아닌, 상태값을 이용한 형태로 구현이 가능할 것 같습니다.
예시를 적어보자면 아래와 같습니다.

  const POSSIBLE_LEVELS = [1, 2, 3, 4, 5];
  const [fileList, setFileList] = useState({})

  useEffect(()=>{
  const newFileList = Object.assign({},fileList)
  for (const level of POSSIBLE_LEVELS) {
        newFileList[level] = await getFileList(level);
  }
  setFileList(newFileList)
  },[ ])

 // 돔 내부
 {Object.entries(fileList).map(([level, files])=>{
  //로직 작성
})}