리액트 컴포넌트 분리 관련 질문

Question

안녕하세요 올해 신입생인 리액트 입문생입니다..!제가 간단한 웹앱을 혼자 제작하면서 최대한 객체지향적으로 컴포넌트와 함수 구성을 해 보려 하는데 막히는 점이 있어 선생님들의 조언 부탁드립니다 ㅠㅠ1. 리액트 컴포넌트에서 데이터를 가져와 표시하는 등의 기능은 따로 두는 게 맞나요? 아니면 컴포넌트 내부 함수로 두는 게 맞나요? 아니면, App.js에서 관리하는 게 맞을까요?2. 컴포넌트는 물리적인 화면 구성 영역에 따라 나누는 게 좋은가요, 아니면 유저 입장에서 기능적 부분에 따라 나누는 게 좋은가요?3. 만약 화면에 버튼과 본문부(Div)가 같은 데이터 루트에서 가져온 데이터를 통해 동작한다면, 버튼과 본문부를 한 클래스 컴포넌트에서 반환해도 괜찮은가요? 만약 아니라면 더 좋은 방법이 있을까요?미숙한 질문일지라도 조금이나마 답변 주시면 감사하겠습니다! ㅠㅠ

Hee Sung Son · Answer

mvc , mvvm 패턴이 대표적인 예로 사용하곤 합니다만, 저같은 경우에는 개념정도는 익히시되 관심 분리를 화면 + 로직 으로 하더라도 연관성이 있으면 같이 묶는 편입니다. 즉 버튼과 본문부를 한 클래스 컴포넌트에 같이 있더라도 관심사가 같다면 상관없다 주의입니다. 참고하시어 코딩하시기 바랍니다.

몰랑토끼 · Answer

리액트는 객제지향적이지도 않고, mvc도 아닙니다.

리액트 컴포넌트 분리 관련 질문

2개의 답변

Q&A 목록