<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span class="pl-en" style="box-sizing: border-box; color: var(--color-prettylights-syntax-entity); font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"><span class="pl-token" style="box-sizing: border-box;">forwardRef 질문드립니다.</span></span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span class="pl-en" style="box-sizing: border-box; color: var(--color-prettylights-syntax-entity); font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"><span class="pl-token" style="box-sizing: border-box;">forwardRef</span></span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">&lt;</span><span class="pl-smi" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">Scrollbars</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">,</span><span style="color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"> </span><span class="pl-smi" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">Props</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">&gt;</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">(</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">(</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">{</span><span style="color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"> chatSections</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">,</span><span style="color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"> setSize</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">,</span><span style="color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"> isReachingEnd </span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">}</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">,</span><span style="color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"> </span><span class="pl-s1" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">scrollRef)</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"><br /></span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span class="pl-s1" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">이 이부분에서 타입 순서는 </span><span class="pl-smi" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">Scrollbars</span><span class="pl-kos" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">,</span><span style="color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;"> </span><span class="pl-smi" style="box-sizing: border-box; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre; background-color: #ffffff;">Props 순서인데 오른쪽의 props는 </span><span style="background-color: #ffffff; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre;">Props, </span><span style="background-color: #ffffff; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre;">Scrollbars 순서인 것 같은데</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="background-color: #ffffff; color: #24292f; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; white-space: pre;">타입 지정할 때 순서는 상관 없는지 여쭙고 싶습니다.</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>

<p>순서는 매우 상관 있습니다. 놀랍게도 둘의 순서는 원래 반대로 정해져있습니다.</p>

Slack 클론 코딩[실시간 채팅 with React]

forwardRef&lt;Scrollbars, Props&gt; 질문드립니다.

스크롤바 조절하기

HTTP 요청보다 항상 응답 속도가 빠릅니다.

서버에서 클라이언트로 데이터 푸시가 가능합니다.

네트워크 대역폭을 훨씬 적게 사용합니다.

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

forwardRef<Scrollbars, Props> 질문드립니다.