디자인패턴 사용 이유로 확장+유지보수의 용이성은 알고 있었는데,
읽기좋은 코드를 위해서라면 더더욱 디자인패턴을 사용해야한다는 생각을 듣고 디자인패턴을 이번 기회에 꼭 학습해서 앞으로 Model, View Model을, View를 중점으로 Business Logic을 분리하는 연습을 해야겠다고 느꼈습니다.

그래서 여러 패턴을 찾다가 mvvm 디자인패턴 위주로 찾게 되었으며, 앞으로의 프로젝트에 적용하기위해 각종 자료들을 찾아보았습니다.

그리고 대학교 소프트웨어공학 시간에 어렴풋이 알았던 UseCase라는 개념도 알게되었는데, 다음 이유로 꼭 사용해야겠다고 생각이 들어서, UseCase부분이 포함된 1번째 깃헙 프로젝트 바탕으로 진행할 것 같습니다.

UseCase를 사용하면 전체적인 코드 파악과 의존성이 낮아지므로 유지보수에 용이해진다.

Etc

• 타스도 기본부터 심화까지 열심히 공부하며 적용해보기(+유틸리티 체화)

Github

• react mvvm with UseCase : https://github.com/nanosoftonline/clean-mvvm-react

• nextJs mvvm : https://github.com/hsankalp/MVVM-Pattern-MobX

Reference

• MVVM 패턴-React편 : https://m.blog.naver.com/pjt3591oo/222034351034

• 프론트엔드 아키텍처: Business Logic의 분리 : https://medium.com/@shinbaek89/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%95%84%ED%82%A4%ED%85%8D%EC%B2%98-business-logic%EC%9D%98-%EB%B6%84%EB%A6%AC-adc10ae881ab

• 비즈니스 로직 분리 기준에 대해 궁금합니다. : https://github.com/starkoora/wanted-pre-onboarding-challenge-fe-1/issues/8

• 호돌맨의 양손기부, 배워보자 리액트(mvvm패턴) : https://www.youtube.com/watch?v=l0ivBzy2rBg

• Clean MVVM with React and React Hooks : https://paulallies.medium.com/clean-mvvm-with-react-and-react-hooks-ebc37b22542f

• [안드로이드] UseCase를 왜 쓰나요? : https://velog.io/@cchloe2311/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-UseCase%EB%A5%BC-%EC%99%9C-%EC%93%B0%EB%82%98%EC%9A%94