📅 오늘 한 일
1. 최초 배포 후 2주 계획 짜기
- 배포할 때까지 정상화되어야 할 부분부터 작업한다
- 배포 후 트러블 슈팅과 추가 기능 개발을 진행한다 ( vercel로 배포는 미리 해놨다 )
- amplitude를 사용해 유저 피드백을 받는다
2. 정식 배포 전까지 해야 할 작업 완료
- 로그인 안 한 유저를 기준으로 상호작용 예외처리
- 추가로 발견한 에러 수정
- 모달창을 닫아도 계속 뜨는 현상
- 로컬 스토리지로 해결
- 사용자 닉네임 반영이 안 되는 문제
- 코드 수정
- 모집글 수정 시, 2회 수정부터 기존 값이 보존되지 않는 문제
- useState를 이용해 기존값을 디폴트값으로 고정
✏️ 무엇을 배웠나
1. 로컬 스토리지 사용법
로컬 스토리지는 웹 스토리지 객체 중 하나다. 같은 웹 스토리지 객체인 세션 스토리지와의 차이점은 데이터 보존에 있다.
세션 스토리지 : 브라우저 닫거나 탭을 닫거나 하면 데이터 초기화
로컬 스토리지 : 브라우저를 닫아서 데이터가 남아 있음.
사용법
localStorage.setItem(key, value)
-> 로컬스토리지에 키&밸류 쌍을 저장한다
localStorage.getItem(key)
-> 로컬스토리지에서 key로 저장되어 있는 value를 받아온다
왜 쓰게 되었나?
1. 첫 로그인 시에만 모달창이 뜨는데, 유저가 창을 닫으면 그 값을 기억하고 두 번 다시 모달창을 띄우지 않아야 했음.
2. 서버에 해당 불린값을 저장해도 해결할 수 있었지만, 유저 수가 많을 때를 가정했을 때는 서버 비용이 나간다고 판단했음.
로그인한 유저의 uid를 key로 주고 모달창을 닫았을 때 해당 key의 value로 true를 주었음. 유저가 다시 로그인하면 로컬스토리지에서 해당 uid로 value를 가져오고 true이면 모달창을 띄우지 않도록 했음.
🔎 더 알고 싶은 것 / 보완이 필요한 것
1. useQuery의 cache와 stale 정리
2. useQuery 커스텀훅 추상화해서 다른 컴포넌트, 다른 맥락에서도 사용할 수 있도록
🏷️ 오늘의 코멘트
에러가 자꾸 생성된다... 벌레 색기들...
⛰ 프론트엔드 개발 공부 블로그