인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

김건희님의 프로필 이미지
김건희

작성한 질문수

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

웹팩 데브 서버 세팅하기

안녕하세요

해결된 질문

작성

·

139

1

강사님 깃헙에서 front 라는 폴더로 공부중인데요

질문1.

프론트에서 코드를 수정했을시 컴파일은 잘 되는데 새로고침이 자동으로 안되네요 그래서 수동으로 새로고침을 하지 않으면 브라우저에서 수정된 코드로 화면이 렌더링되지 않네요 혹시 어떤문제일까요?..

또한 슬랙 프론트 강의 완성본이 front폴더죠??

질문2. 

direcMessage컴포넌트에서

useEffect가 onMessage 와onSubmitForm 함수보다 밑에 있는데

  useEffect(() => {
    socket?.on('dm'onMessage);
    return () => {
      socket?.off('dm'onMessage);
    };
  }, [socketonMessage]);

  useEffect(() => {
    localStorage.setItem(`${workspace}-${id}`new Date().getTime().toString());
  }, [workspaceid]);

 강의중에 useEffect는 다른 함수나 훅보다 위에있어야 한다고 하신것 같은데 왜 useEffect가 더 밑에 있는지 궁금합니당

답변 1

0

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

1. 핫리로딩 설정이 깨진 것 같습니다. 아마 저랑 웹팩 등의 버전이 달라서 발생하는 문제일 것입니다. front가 완성본이 맞습니다.

2. useEffect가 다른 함수나 훅보다 위에 있어야 한다고 말한 적이 없습니다.. ㅎㅎ 그리고 문법적으로도 onMessage같은 것을 먼저 선언해야 그 다음에 쓸 수 있습니다.

김건희님의 프로필 이미지
김건희

작성한 질문수

질문하기