본문 바로가기
728x90

Refactoring2

[CINEMATE] Next.js 프로젝트 리팩토링하기 (feat. 영화 추천 서비스) (token, EC2, PM2, Axios Interceptors, SSR, React-Query useInfiniteQuery) 프로젝트(Github) 👉 https://github.com/MovieApplication/cinemate사용 기술 👉 React + TypeScript + Next.js + SASS주소 👉 http://3.34.139.203/ CINEMATE라는 프로젝트는회사에서 Next.js와 TypeScript를 좀 써보고개인 프로젝트에 적용하면 좋을 것 같아서 진행한 프로젝트이다. 부족한 실력으로 기능 하나하나를 구현하다 보니 다양한 에러를 만났고,그 에러를 해결하기 위해 열심히 찾아보고 공부하니 실력이 늘었던 것 같다. 아직도 매우 빈틈이 많고 부족한 코드이기 때문에프로젝트를 끝내고 한 달 동안 (조금) 늘은 실력으로 리팩토링 작업을 시작해보고자 한다.  목차로그인 토큰 정보 저장 방식 변경 (Web St.. 2023. 7. 28.
[No-Cap News] 방치된 프로젝트 리팩토링하기 (feat. React) 프로젝트(Github) : https://github.com/dygreen/nocap-news사용 기술 : React + Redux(RTK) + Styled-components주소 : https://nocap-news.vercel.app/ 거의 1년 정도 실무 경험을 해보니, 그 전에 진행했던 프로젝트들의 부족함이 많이 보이기 시작했다.완벽한 코드는 없으니 (더군다나 내가 작성한 코드이기 때문에..!) 지속적으로 리팩토링이 필요하다고 생각한다. 다양한 프로젝트들 중에서, 취준 기간에 가장 공들였던 프로젝트이기도 하고일단 보여지는 화면부터가 수정이 간절히 필요했던 뉴스앱 서비스 No Cap News부터 손보기로 했다. 이번 글에서는 어떤 부분을 리팩토링하였고, 리팩토링 하는 과정에서 배운점들을 기록해보고자.. 2023. 7. 2.
728x90