강의

멘토링

로드맵

Inflearn brand logo image

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

훗추추님의 프로필 이미지
훗추추

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

12.11) Home 페이지 구현하기 2. 기능

컴포넌트 외부에 선언한 함수에 대하여 질문드립니다.

해결된 질문

작성

·

85

1

안녕하세요 강의 재밌게 잘 듣고 있습니다~

 

수업 내용 중 getMonthlyData은 Home 컴포넌트 외부에, getSortedData는 DiaryList 컴포넌트 내부에 작성하셨는데요.

  1. 이전 강의 내용에 따르면 getMonthlyData를 컴포넌트 외부에 작성하신 이유는 Home 컴포넌트가 재렌더링 될 때 다시 선언할 필요가 없어서가 맞나요??

  2. 그렇다면 비슷한 이유로 getSortedData도 컴포넌트 외부에 작성 가능할 것 같은데 안쪽에 작성하신 이유가 궁금합니다. props를 받아서 계산하고 있긴 하지만 인자값으로 넘겨주면 될 것 같아서요

감사합니다.

답변 1

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

  1. 네 맞습니다. 다시 생성되지 않아도 되므로 컴포넌트 외부로 분리하여 내부 코드를 더 간결하게 유지하기 위함입니다.

     

  2. 넵 예리하시네요 컴포넌트 외부에 작성해도 무방합니다. 강의에서는 크게 컴포넌트 내부의 코드를 복잡하게 만들지 않는다고 느껴져 분리하지 않았던 것 같습니다. 그러나 일관성을 지키려면 말씀하신대로 분리하는게 더 좋아보입니다.

     

훗추추님의 프로필 이미지
훗추추

작성한 질문수

질문하기