리액트 구조파악

· React
요즘에 과제를 하면서 점점 코드가 길어지니까 어지러워지는 느낌이예요. 특히 코드가 길고, 파일이 여러개 있을때는 전체적인 구조를 파악하는 것이 중요한데요. 오늘 과제는 그림도 그려보면서 전체적인 구조 파악에 중점을 둬서 보도록 하겠습니다 구조파악 3단계 1. 컴포넌트 기준으로 tree 구조 작성 2. state가 어디서 정의되고, 내려오고 있는지 3. 함수가 어디서 정의되고, 내려오고 있는지 1,2,3 번을 보여주는 간단한 그림을 그려봤습니다 컴포넌트만 속속 골라서 부모 자식관계에 따라 tree 구조도를 그려보았습니다. (크롬 익스텐션 사용하는 것도 좋음) 자식컴포넌트 어떻게 찾냐구요? 리턴문에 가서 찾는다! App 이라는 부모 컴포넌트에서 자식 컴포넌트인 ItemListContainer, Shoppin..
becky(지은)
'리액트 구조파악' 태그의 글 목록