• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 HTML/CSS 게시판 chat.html 작동 관련 질문드립니다.

chat.html 작동 관련 질문드립니다.

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #72902

    박은경
    참가자
      
    chat.html에서 firebase가 제대로 연결되지 않는거같습니다.
    로그인 문제인지 코드에서 잘못된 부분이 있는건지 모르겠습니다.
    
    코드는 아래와 같습니다.
    
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
      <link href="main.css" rel="stylesheet">
    </head>
    <body>
      <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
          중고마켓
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
              <li class="nav-item">
                Home
              
              <li class="nav-item">
                Features
              
              <li class="nav-item">
                Pricing
              
              <li class="nav-item">
                Disabled
              
            
          </div>
        </div>
      </nav>
      
      <div class="container p-4 detail">
        <div class="row">
          <div class="col-3 p-0">
            <ul class="list-group chat-list">
              <li class="list-group-item">
                <h6>채팅방1</h6>
                <h6 class="text-small">채팅방아이디</h6>
              
            
          </div>
          <div class="col-9 p-0">
            <div class="chat-room">
              <ul class="list-group chat-content">
                
  • <span class="chat-box">채팅방1 내용</span>
  •            
  • <span class="chat-box">채팅방1 내용</span>
  •            
  • <span class="chat-box mine">채팅방1 내용</span>
  •                     <div class="input-group">             <input class="form-control" id="chat-input">             <button class="btn btn-secondary" id="send">전송</button>           </div>         </div>       </div>     </div>  </div>
     <script>
      const db = firebase.firestore();
      const storage = firebase.storage();
      var 내uid = JSON.parse( localStorage.getItem('user') ).uid;
      db.collection('chatroom').where('who','array-contains', 내uid).get().then((result)=>{
        result.forEach((a)=>{
          console.log(a.data())
        })
      })
    
    
     </script>
    </body>
    </html>
    #72928

    codingapple
    키 마스터
    firebase 설치파일이랑 코드가 빠진듯요
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠