12월 23일 TIL

jini·2022년 12월 23일

TIL

TIL🌱

목록 보기

48/95

Project 🔥~ing

배운것만 간단하게 기록하기 😉

1)
게시판 수정시 바로 수정글이 안뜨고 새로고침을 눌러야 뜨는 부분,

const onPostEdit = async () => {
    if (isChangingPost) {
      const newPost = {
        id: post.id,
        author: post.author,
        content: newPostContent,
        title: newPostTitle,
        createdAt: post.createdAt,
        comments: post.comments
      }
      await axios.put(SERVER_URL + '/posts/' + post.id, newPost)
      window.location.reload()
    }
    setIsChangingPost(!isChangingPost)
  }

코드에서 window.location.reload() 를 중간에 넣어줌, 이걸 수정 코드 맨 마지막에 넣으니 수정창이 열리기도전에 새로고침이 되는 현상이 발생하여, 적절한 곳을 찾아 넣어주니 깔끔~하게 해결됨!

2) 삭제 버튼 눌렀을때 삭제알람띄우기

  const onPostDelete = async () => {
    await axios.delete(SERVER_URL + '/posts/' + post.id)
    navigate('/')
    if (window.confirm('이 글을 정말 삭제하시겠습니까?')) {
      await axios.delete(SERVER_URL + '/posts/' + post.id)
      navigate('/')
    }

3) 글쓰기 빈칸만 들어가는거 막기

onWritePost()가 쓰여지기전에 메세지를 띄워서 막아줘야함. 위치를 잘못 넣으니 알람이 뜨고도 빈칸이 들어간 새 글이 작성되고 그랬음


const getErrorMsg = () => {
    return alert('제목과 내용을 입력해주세요.')
  }

.
.
 onSubmit={(e) => {
        e.preventDefault()
        if (!postTitle || !postContent) {
          return getErrorMsg()
        }
        onWritePost()
      }}