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

songkim5787님의 프로필 이미지
songkim5787

작성한 질문수

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

DM 목록 만들기

EachDM의 왼쪽에 있는 동그라미의 색깔이 초록색으로 변하지 않음

작성

·

485

0

[제로초 강좌 질문 필독 사항입니다]
질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.
도움이 되는 질문을 하는 방법을 알려드립니다.

https://www.youtube.com/watch?v=PUKOWrOuC0c

0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.
1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.
2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.
3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.
4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.
5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.
6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.

답변 3

2

songkim5787님의 프로필 이미지
songkim5787
질문자

slack.com에서 indexl.html에서 header에 있는 Link href 3개를 복사하여 sleact front의 index.html header에 있는 Link href에 넣으니 잘됩니다.

참고로 이렇게 하였습니다.

<link
      href="https://a.slack-edge.com/bv1-10/client-boot-styles.82a58f4.min.css?cacheKey=gantry-1674776250"
      rel="stylesheet"
      type="text/css"
      onload="window._cdn ? _cdn.ok(this, arguments) : null"
      onerror="window._cdn ? _cdn.failed(this, arguments) : null"
      crossorigin="anonymous"
    />
    <link
      href="https://a.slack-edge.com/bv1-10/slack-kit-styles.b2b0c56.min.css?cacheKey=gantry-1674776250"
      rel="stylesheet"
      id="slack_kit_helpers"
      type="text/css"
      onload="window._cdn ? _cdn.ok(this, arguments) : null"
      onerror="window._cdn ? _cdn.failed(this, arguments) : null"
      crossorigin="anonymous"
    />
    <link
      href="https://a.slack-edge.com/bv1-10/helper-styles.584fce9.min.css?cacheKey=gantry-1674776250"
      rel="stylesheet"
      id="slack_kit_helpers"
      type="text/css"
      onload="window._cdn ? _cdn.ok(this, arguments) : null"
      onerror="window._cdn ? _cdn.failed(this, arguments) : null"
      crossorigin="anonymous"
    />

0

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

이 부분도 잘 되는 것으로 확인되었습니다. 안 되는 이유는 보통 웹소켓 서버 연결 이슈입니다.

back 폴더에서 package.json에 들어가 socket.io가 2버전이라면 옛날 코드이니 다시 git pull 받으셔서 4버전 소스코드로 만드시고, npm i로 설치하면 웹소켓 연결될 것입니다.

0

songkim5787님의 프로필 이미지
songkim5787
질문자

이 부분이 잘 작동할 수 있도록 하는 방법을 알려 주시기 바랍니다.

songkim5787님의 프로필 이미지
songkim5787

작성한 질문수

질문하기