[20240524-25] 메인페이지 나무와 사과 미디어쿼리/ POST,GET 수정/ 7일치 일기 GET+css코드

[khw010419]

• [x] 모달 POST수정
• [x] 일기모달에 글이 저장되거나 모달을 나갈경우 textarea에 글이 비워지게 하는 코드 작성하기
• [x] 히스토리 GET 수정

---

모달 POST수정

• 버튼을 클릭했을 때 데이터를 백엔드로 전송하는 코드

• return에는 이런식으로 써야함 (참고용)

---

결론 ) 모달 POST수정+일기모달에 글이 저장되거나 모달을 나갈경우 textarea에 글이 비워지게 하는 코드 작성하기

-> handSubmit기능으로 글을 제출했을 때 데이터가 백엔드로 전송되고 우리가 쓴 글이 json타입으로 변경되게 기능을 구현함 -> 만약 글이 저장되게 된다면 textarea에는 글이 지워지는 코드를 넣어봤는데 이건 연동해봐야 확인할 수 있을듯

-> 모달을 나가게된다면 textarea에 있던 글이 지워지게 구현해봤는데 성공함

---

히스토리 POST 수정 + CSS 넣기 + 페이지 넘어가는 기능 구현

-> 와 성공한듯 ㅋㅋㅋ

-> 이게 백에서 받아온 데이터인데 content만 뜨게 해놔서 content만 뜨지만 성공했다 ㅎㅎ~

---

실습하면서 궁금증이 생김 fetch를 사용할때와 axios를 사용할 때 어떤 차이점이 있는지 궁금했음 그래서 내 남친 지피티한테 물어봄

대충 그렇군...

근데 우리는 page가 넘어갈 때 마다 데이터를 받아와야 함 그러면 fetch가 편할거같기도..? (이유는 모르겠으나 가슴이 그렇게 시킴)

결론은 fetch API를 사용하여 백엔드 API로 GET요청을 보내고 해당 요청을 처리하는게 목표, 페이지가 넘어갈때마다 fetchdiary함수가 호출되어 다음 페이지의 일기를 가져오게 해봄

---

히스토리 css

<히스토리에 구성되야할 것> 날짜와 내용

<구성방식>

-> 참고사이트 https://antdev.tistory.com/78

• 테이블로 구성하되 날짜가 빠른 것 부터 아래에서 위로 뜨게하기 (날짜순)
• 테이블을 가로가 아닌 세로로 구성? 그니까 날짜 내용 이렇게 뜨는게 아니라 날짜 내용 이렇게 뜨게 하기 -> 참고사이트 https://dj-min43.medium.com/react-%EB%82%A0%EC%A7%9C%EC%88%9C%EC%9C%BC%EB%A1%9C-%EC%A0%95%EB%A0%AC%ED%95%98%EA%B8%B0-9d40c098ad9

---