[ Refactor/#459 ] postPage 수정하기 로직 에러 수정

[se0jinYoon]

✨ 해당 이슈 번호 ✨

closes #459

todo

• quillJS 라이브러리 제거
• postPage 수정하기 로직 에러 수정

📌 내가 알게 된 부분

본래 에디터 페이지 성능 개선을 위한 브랜치였는데 다른 걸 작업해왔네요 ..

• 저희 이제 quill 안쓰는데 라이브러리가 아직 설치되어 있길래 제거해주었습니다.
• 그 과정에서 의존성 워닝들이 몇가지 뜨길래 해결해두었습니다.

1. tiptap dependency가 맞지 않다는 워닝이 떠서, 의존성 재설치 작업도 같이 진행했습니다.
2. 캐러샐 의존성도 맞지 않다고 하는데 Jquery를 설치해야하길래 설치하지 않고 워닝으로 냅뒀습니다.
3. postcss 의존성도 맞지 않다고 하기에 모두 맞춰주었습니다.

• 에디터페이지에 수정하기 버튼을 눌러서 들어왔을 경우, 기존에 작성된 글 내용을 글상세페이지에서 location.state를 사용해서 전달받습니다.
• 그러다보니까 수정하기 페이지에서 새로고침을 눌러서 페이지를 새로고침할 경우 location.state가 초기화되어서 해당 값을 읽어오지 못해서 페이지가 터져버리는 이슈가 있었습니다.
• 따라서 수정하기 뷰에서 새로고침을 눌렀을 경우 localStorage에 잠시 해당 내용들을 저장해두고, localStorage에서 값을 받아오도록 변경하였습니다.
• 수정하기를 제출하거나, 수정하기 페이지에서 url 이 변경되었을 때 localStorage에서 해당 값들을 삭제해주었습니다.
• url 변경 감지는 페이지 이탈 모달 커스텀 훅에 optional prop으로 페이지를 이탈하면서 실행해야 할 함수가 있다면 추가로 받을 수 있도록 해두었습니다.

📌 질문할 부분

📌스크린샷(선택)

[변경 전]

2024-10-17.3.44.44.mov

[변경 후]

2024-10-22.10.37.08.mov

[localStorage 제거]

2024-10-22.10.37.50.mov

2024-10-22.10.38.13.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
mile-client	❌ Failed (Inspect)			Nov 5, 2024 7:22am

[ljh0608]

LGTM

[ljh0608]

고생많으셨습니다!

[ljh0608]

[p3] 이부분 writer가 "작자미상"이 아닐경우 "필명"이라는 값을 넣는 로직이 맞나요??
실제 필명이 들어가야하는건 아닌가해서 여쭤봅니다!

[se0jinYoon]

이거 그

여기 보여주기 위한거여서 실제 필명이 아닌 '필명' 맞습니당!