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

hm_stom

작성한 질문수

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

스크롤바 조절하기

안녕하세요

작성

206

강의 잘 보고 있습니다

궁금증이 생겼는데

 const current = (scrollRef as MutableRefObject<Scrollbars>)?.current;

1.타입 해결해놓으신걸 참고하니 이렇게 되어있더라구요

ㅕ기서 as는 그냥 별명같은 역할을 하는건가요 ? 아니면 타입이 저렇게된다는걸 알려주는건가요 ?

2.위 타입 오류는 어떻게 해결하셨는지 궁금합니다 마우스를 가져다대도 딱히 해결할만한

실마리가 안 보였는데 타입에러의 원인을 어떻게 아셨나요 ?!

클론코딩 react typescript 웹팩 Socket.io babel

퀴즈

63%나 틀려요. 한번 도전해보세요!

실시간 데이터 통신에 폴링 방식 대신 웹소켓(Socket.IO 포함)을 사용하는 주된 이점은 무엇일까요?

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

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

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

방화벽 설정이 더 간단합니다.

답변 1

제로초(조현영)

지식공유자

1. scrollRef의 타입이 이상하기 때문에 MutableRefObject로 강제로 타입 변환을 해주는 것입니다.

2. 저 부분을 입력하지 않으면 빨간색 에러가 나오는데 그 에러를 보고 scrollRef의 타입을 하나씩 바꿔보는 겁니다. 물론 완전 맘대로 바꾸면 안 되고요. ref의 경우 MutableRefObject, LegacyRef 등등 선택지가 있으니까 그 중에서 고른 겁니다.

hm_stom

작성한 질문수

전체 Q&A

질문하기