1223 TIL 6699 devLog

오늘 한 것

• 마이페이지 버튼 길게 수정
• 게시물 연결
• 명언 연결
• footer 수정, 메인페이지 카테고리 수정

막혔던 것

• 포트 에러
  sudo kill $(sudo lsof -t -i:80)
  자꾸 포트가 다른곳에서 작동중이라고 한다. 이 명령어를 쓰면 해결이 되는건 알지만 근본적인 원인은 모르겠다.

• 삭제하기 기능. map말고 for문을 쓰면 index에 접근하기 쉽다는데..
  saying_id를 얻어오기가 힘들어서 명언 삭제기능은 포기했다.
  그래도 try catch 사용과 axios요청 사용에 조금 더 익숙해졌다.

  async function handleDeleteSaying() {
    let sayingId;
      const res1 = await axios.get(
        `${REACT_APP_API_URL}/user/mysaying`,
        {withCredentials: true});
      try{
        console.log(res1.data,data,filteredSaying) //[]
        sayingId = res1.data.data.filteredSaying //여기서 막힘
        
      } catch (err) {
        console.log(err)
    }
    const res2 = await axios.delete(
      `${REACT_APP_API_URL}/user/mysaying/${sayingId}`, //해당 명언id필요
      {withCredentials: true});
      try{
        res2
      } catch (err) {
        console.log(err)
      }
  }

쿠키 유효시간이 12시간으로 설정되어있어서 내가 로그아웃을 안했는데 자꾸 서버가 꺼지는 에러가 생겼다.
그럴때 서버와 클라이언트 모두 껐다가 다시 킨 후에 쿠키만 삭제하고 또 끄고나서 다시 npm run start를 하고 로그인을하면 잘 작동한다.

새로 알게된 것

댓글 createdAt이 미국시간으로 찍혀서 뭐지?했는데 aws db를 미국에서 쓰고 있었다 ㅎ.. 그동안 속도가 되게 느렸었는데 서울db로 바꿔서 빨라진 경험을 했다 ㅎㅎ createdAt찍힌걸 못봤다면 아마 프로젝트 끝날 때까지 몰랐을 것이다.

axios에서 자꾸 에러 먹은것도 미국db를써서 로딩시간이 너무 오래걸려서 생겼던 에러인 듯하다.. 속도가 빨라져서 너무 다행이다!!

react-router-dom의 useNavigate

AWS에서 로드밸런서랑 cloudfront가 있어야 https로 배포를 할 수 있다.

참고

react-router-dom 바뀐 문법