어떻게 메세지를 주고받을까? | 웹소켓을 이용해 채팅앱을 만들어보자!

Поділитися
Вставка
  • Опубліковано 11 січ 2025

КОМЕНТАРІ • 53

  • @코딩알려주는누나
    @코딩알려주는누나  Рік тому +2

    이번이 드디어 마지막 편입니다! 메세지 주고받기!
    00:00 인트로
    00:36 대화 입력창 만들기
    04:28 메세지 전송하기
    21:36 메세지 리스트 보여주기
    24:51 00님이 채팅방에 입장했습니다 메세지 보여주기
    26:39 과제전달 (채팅방 만들기)
    ✍과제 - 채팅방만들기 스스로 도전:hackmd.io/@oW_dDxdsRoSpl0M64Tfg2g/Syy1xDFep
    👨‍💻1탄보고오기:ua-cam.com/video/uE9Ncr6qInQ/v-deo.html
    👨‍💻2탄보고오기:ua-cam.com/video/oFiw5VvgRFg/v-deo.html
    코딩알려주는 누나 강의 듣는곳
    codingnoona.thinkific.com/
    뇌를 살찌우러 올래?
    누나 인스타 뭐야? 1008_shine
    코딩알려주는 누나 강의 듣는곳
    codingnoona.thinkific.com/
    뇌를 살찌우러 올래?

  • @hyojinkim6870
    @hyojinkim6870 4 місяці тому

    비전공 독학러!! 오늘 1-3편 강의 끝냈습니다 5번 10번은 돌려봐야될거같아여 감사해요!!!!!!!!

  • @spongeb2798
    @spongeb2798 Рік тому +1

    js로는 처음해봤는데
    무작정 갖다쓸때보다 확실히 따라해보니 몰랐던 개념들이 더 잘 이해됐어요. 고마워요 누나

  • @mjylove2
    @mjylove2 Місяць тому

    진짜 잘 봤습니다. 너무 감사합니다 !

  • @용용-w6k
    @용용-w6k Рік тому +1

    코딩 알려주는 누나님 새해 복 많이 받으시구 항상 건강하세요~
    강의 잘 봤습니다. 감사합니다.

  • @ko29763
    @ko29763 11 місяців тому

    강의 너무 재밌었어요 감사합니다

  • @dogdev
    @dogdev Рік тому

    채팅기능 정말 구현하고 싶었는데 감사합니다 ㅠㅠ

  • @b_mng
    @b_mng Рік тому

    오우 포폴용 플젝 구상하면서 채팅기능 넣을까 생각하고 있었는데 마침 이게 뜨네요. 감사합니당

  • @suspense17
    @suspense17 Рік тому

    강의 감사합니당! 혹시 유저 로그인 기능이 있는 경우에는 10:08 socketId 대신에 jwt 토큰이나 세션같은 걸로 유저를 구별하나요?

  • @alchemistla5651
    @alchemistla5651 Рік тому

    이쁘당😊

  • @hyojinkim6870
    @hyojinkim6870 4 місяці тому

    유저정보를 프론트에서 받아오지 않고 따로 checkUser를 만드는 이유가 뭘까요???? 프론트에서 받아오면 어떤 문제가 생기는지 궁금합니다 .. ㅠㅠ 돌려보면 돌려볼수록 궁금한 점이 계속 생깁니당ㅋㅋㅋ ㅠㅠㅠㅠ

  • @김범준-t1b
    @김범준-t1b 8 місяців тому

    좋은 자료 감사합니다. 혹시 몽고 db는 어디서 사용되는지 알 수 있을까요?

  • @지주ZIZOU
    @지주ZIZOU 11 місяців тому

    혹시 완성본 전체 코드도 깃허브에 올려주실수잇으실까요? 중간부터 오류가나서요ㅠ

  • @DevelopeMori
    @DevelopeMori 6 місяців тому

    음.... 코드 고칠때마다 port 3000을 kill하고 새로시작하지 않으면 localhost:3000 페이지에서 Cannot GET / 이 뜨네요 .. ㅠㅠ 매번 포트 킬 하지 않는 방법도 있을까요 ??

  • @Useong2
    @Useong2 Рік тому

    이쁜 코알누나! 혹시 세일즈포스에대해서 어떻게 생각하시나용

  • @김예찬-m4v
    @김예찬-m4v 2 місяці тому

    챗gpt처럼 자동으로 대답하는 건 없나요?

  • @bbeenn971
    @bbeenn971 8 місяців тому

    안녕하세요 채팅방 만들기 따라해보고있는 코린이 입니다!! 너무 잘 보고 있는데 글에서
    Milestone 3 채팅방만들기 부분에서 insertMany 가 존재하지 않아서 호출할수 없다는 오류가 뜹니다 ㅜㅜ 해결방법이 있을까요..?

  • @둘리손
    @둘리손 Рік тому

    App.js 에서 if(res?.ok) {
    setUser(res.data)
    }
    여기서 처음에 이름을 입력하면 res?.ok가 계속 true 인 상태라 이름 입력하라는 창이 계속 반복해서 뜨는데 코알누님께서는 똑같은 코드인데도 잘 넘어가는게 신기하네요 어떻게 수정하면 될까요?

    • @둘리손
      @둘리손 Рік тому

      아 useEffect에 두 번째 인자로 [ ]를 넣어주니까 해결되었습니다!

  • @young_tkim9721
    @young_tkim9721 Рік тому

    저도 AWS EC2 우분투에서 배포하는 방법좀 알고시푼뎅..

  • @Mybebedawn
    @Mybebedawn Рік тому

    마지막 리액트부분에서 넣으면 웹 화면에서 Cannot read properties of undefined (reading 'name') 에러가 납니다..왜일까요 ㅠ_ㅠ
    MessageContainer 폴더의 그 아무것도 안건드렸는데 이유를 모르겠습니다아

    • @코딩알려주는누나
      @코딩알려주는누나  Рік тому

      컴포넌트의문제라기보단 컴포넌트로 보내는 데이터에 문제입니다! 내가보내는 메세지리스트, 유저 가 과연 데이터가 있는채로 넘어가는지 확인해주세요!

    • @fantazy__star
      @fantazy__star Рік тому

      누나께서 말씀해주신 부분처럼 데이터가 잘 넘어가는지를 봐야될거같아요 user 정보가 안넘어가는거 같은데 유저 찾아오는부분이랑 newMessage 넘어가는 만드는부분에서 로그찍어보면서 찾아보면 좋을거 같네요

    • @Mybebedawn
      @Mybebedawn Рік тому

      @@fantazy__star 혹시나 했는데 역시나 async await 문제였네엿..ㅎㅎ도움감사합니다

  • @DevelopeMori
    @DevelopeMori 6 місяців тому

    localhost:3000 창을 두개 띄우면 한개 창에서는 Cannot GET / 이 뜨는데 해결방법이 뭘까요..? 구글링은 하고있는데 ....

    • @pang12345
      @pang12345 5 місяців тому

      react cannot get / 검색하면 많이 나와요~

  • @티토김
    @티토김 Рік тому

    두둥 효과음 재밌는데 좀만 줄여주세요 깜짝깜짝 놀래요 심장아파라 누나 예쁜얼굴로 놀라고 두둥할때마다 놀라고 심장이 남아나질 않네요

  • @yulbongs
    @yulbongs Рік тому

    안녕하세요 선생님
    질문이 있어서요
    AWS EC2 우분투에 해당 프로젝트를 해봤는데
    채팅을 뿌려주는 기능부터 안되더라구요
    보니까 접속은 브라우저1개로 유지중인데 (접속인원1명)
    서버 로그에 유저접속 > 종료 가 계속 반복되면서 토큰이 바뀌는 행위가 반복되거든요
    이 부분때문에 채팅을 뿌려주는 부분에서 문제가 생기는걸까요 ?

    • @young_tkim9721
      @young_tkim9721 Рік тому

      저도 AWS EC2 우분투에서 배포하는 방법좀 알고시푼뎅.. 혹시 찾으셨습니까 해결책?

    • @yulbongs
      @yulbongs Рік тому

      @@young_tkim9721 안녕하세요 아직 찾진 못했어요..ㅠㅠ토이프로젝트 하느라 정신이 없어서요 주말에 한번 더 시도해볼까합니다..우선 aws 통신에서 자꾸 연결을 끊었다 연결하는게 아닌가 의심은 하고있어서 그걸 확인해봐야할 것 같아요

    • @young_tkim9721
      @young_tkim9721 Рік тому

      ​@@yulbongs클라이언트배포는 그냥 s3로하셨나요? 아니면ec2로?

    • @young_tkim9721
      @young_tkim9721 Рік тому

      저는 클라이언트 s3로 배포하고 그냥 pm2 말고 npm run start:prod로 켜서 확인하고 있는데 요청은 제대로 받는데 쿠키가 제대로 안가지네요. res.cookie domain에도 ec2 퍼블릭 IP주소로 설정했는데도 혹시 쿠키는 제대로 가십니까? ㅠㅠ

    • @yulbongs
      @yulbongs Рік тому

      @@young_tkim9721 네 쿠키는 잘 되던데..혹시 탄력ip도 허셧나욤

  • @kayama-tu2tl
    @kayama-tu2tl Рік тому

    안녕하세요 홍보 안건에 대해 메일 보냈으니 확인 부탁드립니다.

  • @zuny25
    @zuny25 Рік тому

    우와

  • @chnokim2051
    @chnokim2051 Рік тому +1

    넘 이쁘신듯(강의료)

  • @yqwr-g3g
    @yqwr-g3g Рік тому

    js 에도 백엔드가 있는건가요? controller 가있네요

    • @코딩알려주는누나
      @코딩알려주는누나  Рік тому

      Node js 입니다!

    • @yqwr-g3g
      @yqwr-g3g Рік тому

      현업에서 이런 프로젝트 다룰때,프론트에서 nodejs 로 백까지 다루면, 벡엔드 분들은 무얼하나용?

    • @user-pn1ye3gi7b
      @user-pn1ye3gi7b Рік тому

      ​@@yqwr-g3g node는 프론트가 아니라 백입니다...

  • @드릉드릉-d8m
    @드릉드릉-d8m Рік тому

    채팅방 만들기 사이트 보면서 했는데 자바스크립트톡방만 나오고 나머지는 안나오는데 뭐가 잘못된 걸까요..?ㅜㅜ

    • @코딩알려주는누나
      @코딩알려주는누나  Рік тому

      일단 디비에 다른톡방이 들어있는지 확인 ㄱ ㄱ

    • @드릉드릉-d8m
      @드릉드릉-d8m Рік тому

      @@코딩알려주는누나 자바스크립트말고 다른 톡방 없어요ㅜㅜ

  • @miloojtj
    @miloojtj Рік тому

    누나가 약팔아도 살께요.❤

  • @Ibwisvuvsisvivww
    @Ibwisvuvsisvivww Рік тому

    얃홍❤