Mern STACK으로 진행했던 개인 프로젝트
POST IT을 이제는 진짜 리팩토링을 진행해야 할 것 같다.
내가 수정이 필요하거나 리팩토링이 필요한 부분이 무엇이 있을까?(대부분이요)
1. ES6 문법
if문 무지성으로 박아놓은 곳 없는지
for문 쓴 곳은 없는지(없겠지.. 설마...)
&& 잘 썼는지
등등
2. 컴포넌트 잘게 분리
지금 아마 JSX만 100줄 넘어가는 컴포넌트가 있던 것으로 기억한다.
하위 컴포넌트 생성해서 잘게 나누자
3. 지저분한 코드 정리
if 안에 긴 조건
onClick에 여러 함수 실행
중복된 코드 (찾을 수 있나)
4. 폴더 디렉토리 구조 정리
redux action 폴더 따로?
component마다 폴더 따로
이건 좀 더 코드 리뷰 받아보고 수정
5. 전역 상태 관리 통일
지금 어디는 useContext 사용하고 어디는 redux 사용한다
심지어 thunk나 saga를 사용하고 있지도 않다
server가 있는데도
useContext나 redux 둘 중에 하나 선택해서 통일하는 것으로 하자.
6. css postCss 로 통일
따라했던 코드 중에 postCss로 된 게 있고 보통 내가 css 작업한 것.
BEM 규칙 따라서 한 것 지우고 postCSS로 모듈화 하기
7. 컴포넌트 기능 정리
지금 컴포넌트마다 server와 직접 통신을 하고 있을 것이다.
View로서만 작동하도록 컴포넌트를 최대한 멍청하게 만들어야 한다.
8. 렌더링 최적화
이건 좀 힘들 것 같긴 하지만 어쨌든 하긴 해야함
+ 추가로
리팩토링은 아니고 살짝 기능 추가
스피너 만들기
server에서 post들 가져올 때 너무 오래 걸린다.
오우.... 할 거 너무 많고..ㅋㅋㅋㅋ
그래서 더더욱 지금부터 시작해야한다. 개인 프로젝트 추가로 시작하면 더 시간 없을 것 같고 영원한 숙제로 남아있을 것 같은 느낌이 확 든다.
일단,
1. ES6 문법
5. 전역 상태 관리 통일
6. css postCss 로 통일
이거는 지금 할 수 있지 않을까 싶다.
할 수 있는 것 부터 차근차근!!
