feat: 자동저장 및 되돌리기 기능 추가 by SihyeonHong · Pull Request #46 · SihyeonHong/EasiestCV

오늘 진짜 코딩하느라 배도 안 고픔 몇 시간 동안 앉아있었더라

재밌다 맨날 이런 것만 하고싶다... 맨날 이런 것만 하려면 이력서 포폴 면접준비를 해야 하는데

Features

resolves #34 임시저장
resolves #40 save 버튼에도 로딩 ui 넣기... 자동저장하면 필요가 없어져서

자동 저장

텍스트 에디터에서

• 기존: 내용 수정 후 사용자가 저장 버튼을 눌러야 DB에 업데이트되었습니다.

• 문제점: 저장 누르는 것을 잊고 탭을 전환하거나 창을 닫을 경우 작성하던 내용이 모두 삭제됩니다. 실제로 제가 맨날 저장 까먹고 옆 내용 참고하려고 탭 전환함

• 수정: 키보드 입력이 멈추고 2초가 지나면 DB에 자동으로 저장됩니다. 이제 수동 저장 버튼은 필요가 없어져서 삭제했습니다. 에디터 상단 오른쪽에 저장 상태가 표시됩니다.

useDebounce 구현: 클로드가 lodash 라이브러리 추천해주던데 지금 이거 말고는 당장 쓸 만한 기능이 없고 디바운스 구현 어렵지 않아서 그냥 직접 했습니다 딜레이 시간 지나면 콜백함수 실행해주는 단순한 구조.

되돌리기

• 문제점: 위의 자동저장을 구현하고 나니 실수로 입력한 것도 그대로 저장된다는 단점이 있어서

• 수정: 로그인 시 데이터를 useRef로 백업해 뒀다가 되돌리기 버튼 클릭 시 이전으로 되돌릴 수 있습니다.

로딩 페이지 개선

• 문제: 로딩 글자가 너무 화면 위에 딱 붙어있어서 못생겼길래

• 수정: 화면 정가운데 오게 하고 크기도 키우고 애니메이션도 좀 예쁘게 넣었습니다 번역도 하고

Others

사용하지 않는 컴포넌트 좀 남아있던데 이제 더 이상 참고할 일도 없을 것 같아 삭제했습니다.