<div>const scaleName = {...}</div>
<div>이 변수 선언을&nbsp;</div>
<div>
<div>
<div>&nbsp;</div>
<div>function TemperatureInput(props) {</div>
<div>&nbsp; return (...)</div>
<div>}</div>
<div>이거 위에(밖에) 선언하는 이유가 있나요?</div>
<div>&nbsp;</div>
<div>저는 항상 function 함수 안에 변수 선언을 했는데</div>
<div>밖에다 하는게 성능면에서 유리한가요?&nbsp;</div>
<div>&nbsp;</div>
<div>저는 항상</div>
<div>function TemperatureInput(props) {</div>
<div>바로 밑에 변수 선언을 했습니다.</div>
</div>
</div>

<p>안녕하세요, 정상구님. 소플입니다.</p>
<p>&nbsp;</p>
<p>함수 컴포넌트는 재렌더링이 일어날 때마다 계속해서 호출됩니다.</p>
<p>따라서 굳이 값이 바뀌지 않는 변수들을 컴포넌트(함수) 내에 선언할 필요는 없습니다.</p>
<p>만약 그렇게 한다면 컴포넌트게 재렌더링이 일어날 때마다 해당 변수도 계속해서 선언되겠죠.</p>
<p>특별히 성능면에서 눈에 띄게 차이는 없겠지만,</p>
<p>값이 바뀌지 않는 상수들은 일반적으로 컴포넌트 밖에 선언하여 관리합니다.</p>
<p>&nbsp;</p>
<p>감사합니다.</p>

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

0:26초에