인프런 커뮤니티 질문&답변

이성현님의 프로필 이미지
이성현

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

컴포넌트 관리할 때 질문입니다.

작성

·

117

0

React 컴포넌트를 관리할 때,

<Test /> 이런 식으로 컴포넌트로 관리하는 것과

{Test()} 이런 식으로 처리하는 것이 어떤 차이가 있을까요?

또한 저는 파일이 너무 많아지는 것을 선호하지 않기 때문에

여러 파일에서 사용될 여지가 있거나 라인 수가 길어지는 경우 외에는 

따로 파일을 분리하지 않고 동일한 파일에서 관리하는데

이 부분 역시 제로초님의 의견이 궁금합니다.

감사합니다.

답변 2

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

컴포넌트는 결국 JSX 형태가 될수밖에 없습니다. 그 부분을 함수로 빼낼수는 있는데 그러기보단 컴포넌트로 빼는 게 재사용성이나 최적화 측면에서 더 낫긴 합니다.

저도 일단 최대한 하나의 파일로 몰아둔 뒤 길어지면(200줄 이상) 그 때 컴포넌트를 나눕니다.

0

이성현님의 프로필 이미지
이성현
질문자

감사합니다.

이성현님의 프로필 이미지
이성현

작성한 질문수

질문하기