[react] 폴더구조 구현 - recursive component
*리액트 프로젝트의 폴더구조에 관한 것이 아닌, 리액트로 폴더구조를 구현하는 방법에 관한 글입니다. 폴더구조(Folder structure) 데이터 폴더구조라 함은 폴더와 파일로 이루어진 데이터의 집합입니다. 운영체제의 폴더 탐색기를 생각하시면 됩니다. 데이터의 기본적인 모양새는 다음과 같습니다. type File = { id: String, type: String, name: String, value: String, }; type Folder = { id: String, type: String, name: String, children: Array, }; 이 구조에서의 파일과 폴더의 차이점은 파일은 하위에 더 이상 출력할 데이터가 없고, 폴더에는 children 프로퍼티에 다시 파일 혹은 폴더로 이루어..
2024. 3. 5.
