리액트 autocomplete

React Custom Component 중에서 가장 난이도가 높았던 autocomplete이다. 상당히 코드가 길고 관련있는 함수와 state들이 섞여있어 처음부터 감을 잡기가 어려웠다. 하지만, 포기할 수는 없지 될때까지 하는 스타일인 나는 하나하나 코드를 뜯어보며 이해하기로 했다 어떤 리액트 코드를 볼때, 그 코드를 보고 바로 구조를 잡기란 쉽지 않다. 그래서 3가지 기준을 가지고 구조를 파악한다 첫번째, 컴포넌트끼리 tree 구조를 만든다 두번째, state가 어디서 정의되어서 어디로 흐르는가? 세번째, 함수가 어디서 정의되어서 어디로 흐르는가? 이 3가지 기준을 고려하면서 간단한 그림을 그려보았다. (쉽지는 않았다... 애썻다 내자신) 코드는 너무 기니까, styled component와 rea..