안녕하세요. RyuWoong 입니다. 이번에 말씀 드릴 이야기는! Component 모듈화하기입니다. React App을 만들다보면, View와 Logic이 혼재되어 복잡해 보이는 문제가 발생합니다. 이를 기존에 있던 디자인 패턴이나, Hook 등을 이용하여 관심사를 분리하고, 더 가독성 좋고, 유지보수가 용이하게 할 수 있습니다! 많은 프론트 개발자들이 이러한 고민은 다 거쳐가시는것 같네요. 한번 알아볼까요? 아래 이야기는 여러 내용을 찾아보고 나름대로 이해하여 적용한 것으로 틀린게 있을 수 있습니다. 부족한게 있으면 댓글로 알려주세요! 발단. React던 React Native던 규모가 커지면 커질수록 하나의 컴포넌트가 점점 비대해지고 분리하자니 Props Drilling Depth가 깊어지는 등의 ..

안녕하세요! RyuWoong 입니다. 드디어 React에서 10번째 포스팅입니다. 와! React에서 조금 핵심적인 부분들을 주로 포스팅 했는데, 사실 앞선 모든 내용들이 이 Compound Component 를 위한 빌드업 이였다는 것! 보고나면 오호라! 하실 내용이니 한번 가 봅시다! Compound Component? 합성 컴포넌트? 이건 뭘까요? React에 어느정도 눈을 뜬 개발자라면, Component를 만들어 잘 사용하고 계실 꺼라 생각합니다. 하지만 Component들이 기획에 따라, 디자인에 따라 계속 변경될 수 있겠죠? 만약 이 Component가 두루 재사용하고 있던 Component라면 새로운 Component를 만들어야하나 고민하게 될 것입니다. 문제. React 새내기 분들은 아..