36일차 프론트엔드 공부 -나만의 페이지 만들기 실습 03

 

- 프론트엔드 공부 36일차 -

 

게시글 작성

 

콘솔 화면

DB

 

이번 실습에서는 실제 데이터를 DB에 저장할 수 있도록 수정하였다.

 

const CREATE_BOARD = gql`

  mutation createBoard($createBoardInput: CreateBoardInput! ){

    createBoard(createBoardInput: $createBoardInput ){

    _id

    }

  }

`

 

 

const OnclickRegist= async() => {

    if (!writer) {

      setWriterError("이름을 입력해주세요.");

    }

    if (!pw) {

      setPwError("비밀번호를 입력해주세요.");

    }

    if (!title) {

      setTitleError("제목을 입력해주세요.");

    }

    if (!content) {

      setContentError("내용을 입력해주세요.");

    }

    if (writer && pw && title && content) {

      const result = await createBoard({

        variables: {

          createBoardInput: {

              writer: writer,

              password: pw,

              title:title,

              contents: content

   

          }

        }

      })

      console.log(result)

      alert("게시글이 작성되었습니다.");

    }

  }