Pre-Project 회고

개요

💡 백엔드와의 2주간 협업 프로젝트
💡 Stack overflow를 클론 코딩

설명

💡 질문을 하는 페이지에서 작성하기 전에 유저가 질문 내용을 돌아볼 수 있도록 여러 장치를 설정해 두었는데 그 부분을 Local storage로 저장해서 개발하기로 했다
💡 Api 문서를 받아보고 처음 백엔드와 연결하는 작업을 해보았기 때문에 시행착오가 많았다

스택

📗 Zustand
컴포넌트 중첩이 많아지면서 상태관리가 필요하게 되었는데 boilderplate가 많은 redux보다 설치가 간편한 상태관리를 찾고 있었는데 zustand는 local storage와 연동되는 부분을 활용할 수 있겠다는 판단이 되어 사용하게 되었다

주요 사용 기술

📗 local storage 연동

📗 able로 입력창 컨트롤

📗 token으로 api 연결

어려웠던 점

post를 하기 전에 확인 단계가 존재하고 있어서 그때 이전에 썼던 것들을 다시 화면에 불러와지는 부분을 구현할 때 시간이 많이 걸렸던 것 같다

persist와 devtools를 같이 create하면 상태관리로 localstorage에서 바로 state로 넘겨줄 수 있지 않을까 생각했었는데 그렇게 구현은 안됐고 또 그러면 localstorage 관리도 어려울 것 같아서 나눠서 작업해서 성공했다