프로젝트 가완성 및 후기.

미니 블로그를 만드는 프로젝트를 수행했다.

 

내가 목표로 한 요구사항은

 

이 정도 였으며, 2 주 반 정도 소요를 해서 완성을 했다.

 

사용 기술은 React.JS, 스프링부트를 사용했으며 상태 관리 라이브러리는 redux tool kit을 사용했다.

 

다만, 막상 구현하다보니 크게 rtk를 사용할 일은 없어서

 

light, dark 모드 토글 기능 정도에만 구현하는데 사용을 한것은 아쉽다.

 

 

배포는 아직 하지않았으며(못한거지만..),

 

깃 주소는 https://github.com/jdy8739/blog-app 여기서 부끄러운 코드의 확인이 가능하다.

 

 

개인적으로 카카오톡에서 알게된 고수분의 도움을 받아 크리틱을 받았는데, 여기에 정리하겠다.

 

1. 여러 tsx파일에 중구난방으로 흩어져있는 axios config 변수들을 정리한다.

안쓰는건 지우고 좀 깨끗하게 리팩토링이 필요.

 

2. 비동기 처리를 사용할 때, promise 문법을 then 보다는 async await으로 교체한다.

then을 사용하면 부득이하게 콜백 함수의 뎁스가 계속 생길 수 있으므로 가독성을 위해 await을 사용하는것이

트렌드라고 한다.

 

3. toast 라이브러리를 사용해볼것.

브라우저에서 기본적으로 제공하는 alert함수는 실행되면 브라우저의 동작이 일시정지하기때문에, 그 사이에 들어오는 비동기 요청들을 

무시할 수 있다고하니 가급적 자제하는것이 좋다고하며,

axiosintercepter의 response 부근에서 try catch로 toast처리를 하면 좋을것같다는 이야기를 해주셨음.

 

4. eslint를 꼭 사용한다. 협업과 깨끗한 코드 제작을 위해 필수.

 

5. 컴포넌트 return문 안에 오브젝트로 스타일을 준 것들 다 styled-component로 바꿔주기.

 

6. 복잡한 함수들 리팩토링해주고, 함수와 변수 이름 더 신중하게 짓기 및 수정 작업!

 

7. 미디어쿼리 작업 하기.

 

8. 깃 리드미 작업하기.

 

 

많이 기본적인 것들인데, 좀 더 꼼꼼히 귀차니즘을 이겨내면서 작업해야겠다..

 

수정하고 다시 후기를 올려봐야겠다.