[JS Project] RIDI웹툰 클론 프로젝트
기획의도자바스크립트를 어느정도 익혔는지 점검하기 위해 누구나 거쳐간다는 투두리스트 만들기 노선에 탑승하기로 했다. 이전에 인강과제를 하면서 조금 익혔던 달력만들기 + 투두리스트를 합쳐서 나만의 일정관리 웹앱을 만들었다.
실무를 경험하며 굴러가는 코드에서 끝이 아닌 유지보수와 협업하기 좋은 코드에 관심이 많아졌다.특히 선언적인 코드와 리액트 설계의도에 관련된 강의를 듣고 깨달은게 많았고 내가 했던 프로젝트에 적용해봐야겠다고 생각이 들어서 1년도 더 된 토이 프로젝트의 코드를 한번 뒤집어
리팩토링을 진행하기에 앞서 가장 큰 문제가 발생했다. 프로젝트에서 db로 planet scale과 prisma를 사용하고 있었는데 planet scale이 갑자기 유료화 되었다가격을 지불하고 사용하려고 한달 정책을 봤는데 한달에 6만원대는 너무 가혹한 가격이었고 방법을
관심사 분리로 코드를 수정하면서 맞닥뜨린 오류. 우선순위와 설계 기준을 어디에 두어야 할까...? 해답을 찾아가는중.
useEffect를 습관적으로 사용하면서 불필요하게 사용된 상태 동기화가 있는지 찾아보고 리팩토링해본 코드를 공유한다.
클라이언트에서 모든 오류에 대해 일관적인 처리를 할 수 있다면 좋겠지만 실제로 모든 것을 방어할 수 있는 코드를 작성하는것은 어려운 일이다.이전 사이드 프로젝트에서 react-query의 onError옵션과 Error Boundary로 에러에 대한 처리를 했었는데 이