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

home2 게시판 Node.js, Express 게시판 유저가 글을 올렸을때

유저가 글을 올렸을때

10 글 보임 - 1 에서 10 까지 (총 19 중에서)
  • 글쓴이
  • #44788

    유용환
    참가자
    methods : {
        userTitle(e){
          // db.collection('user_post').add({title: e.target.value})
          this.$store.state.user_title = e.target.value
          
        },
        userContent(e){
          // db.collection('user_post').add({content : e.target.value})
          this.$store.state.user_content = e.target.value
          
        },
        more(){
            db.collection('user_post').add({title : this.$store.state.user_title
            , content : this.$store.state.user_content})
           console.log(this.$store.state.user_title, this.$store.state.user_content)
        }
      }
    
    위의 상태에서 유저가 글을 올렸을때 파이어베이스에서 아무것도 안올라와서 more함수에 콘솔로 확인해보면 잘 나옵니다.
    주석달린것을 해제하면 파이어베이스에 올라오기는 하는데 3개가 따로 올라옵니다.
    title, content, 이 두개 모두 합친것   이렇게 나오는데 more함수에서만 해당되는것이 파이어베이스에 올려지도록 하고싶은데 
    어떻게 해야하나요
    
    
    #44865

    codingapple
    키 마스터
    다른함수 지우고 more 함수만 쓰면 되지않을까요
    #44879

    유용환
    참가자
    사용자가 입력한 값을 가져와야 해서 함수를 사용하고 각각 함수마다 콘솔로  this.$store.state.user_title,  this.$store.state.user_content 
    을 출력해보면 잘 나오고 
    more함수에서  콘솔로 this.$store.state.user_title ,  this.$store.state.user_content 을 출력하면 잘나오는데 이상하게 파이어베이스
    데이터베이스에는 안올라오네요 이거 왜 그런건가요
    #44936

    codingapple
    키 마스터
    맨 위의 함수는 실행되면 {title : 어쩌구} 하나만 저장하라고 코드짜놓아서 그렇게 저장될뿐입니다
    #44981

    유용환
    참가자
    <fieldset>
                  <input placeholder="글 제목" type="text" tabindex="1" @change="userTitle"  required autofocus>
                </fieldset>
                <fieldset>
                  <textarea placeholder="글 내용" tabindex="5" @change="userContent" required></textarea>
                </fieldset>
    <button name="submit" type="submit" id="contact-submit" @click="more">Submit</button>
    이 상태에서 글 제목과 글 내용에 해당하는 것들을 변수에 저장해 놓고 그 변수안에 있는것을 클릭했을때 파이어베이스 데이터 베이스
    에 저장하려고 한건데 안됩니다.
    위의 주석한 부분을 해제하고 실행하면 각각 함수가 실행되어서 3개가 데이터베이스에 저장되고 다시 그 부분들을 주석처리하면
    클릭했을때 아무것도 안나옵니다.
    
    
    #44986

    codingapple
    키 마스터
    @change 할 때 마다 data란에 유저가 입력한거저장해두고 
    전송버튼 누르면 data 가져와서 파이어베이스에 저장하라고 코드짭시다
    vue에선 폼전송말고 보통 ajax 요청으로 통신하면 됩니다
    #45121

    유용환
    참가자
    more함수에
    more(){
            
            axios.post(url', {title : this.$store.state.user_title,
            contents : this.$store.state.user_content})
        }
    이렇게 했는데 파이어베이스 url검색해보니까 
    realtime database를 만들면 제 서버의 url이 나오는데 그곳을 url 자리에다 붙여놓고 실행시키면 오류는 안나오고 콘솔로 출력해보면
    두개 모두 잘나오는데 realtime database과 firestoredatabase에도 안생기는데 어떻게 해야하나요
    
    
    #45135

    codingapple
    키 마스터
    ajax는 본인 서버가 있을 때 쓰면 됩니다 firebase는 firebase 문법써야합니다
    #45137

    유용환
    참가자
    그럼 axios는 안쓰고 firebase문법 써야된다는 말인가요
    
    
    #45161

    codingapple
    키 마스터
10 글 보임 - 1 에서 10 까지 (총 19 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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