[Hockey shot record] 1. 구성과 간단하게 구현

이전에 만들었던 프로젝트인 아이스하키 슛 기록 프로그램을 리액트와 Node.js를 활용해서 실사용 가능하게 구현해볼 생각이다.

그 때는 디테일한 부분은 잡지 않고 미완 상태로 남겼으므로 9월에 있을 대학아이스하키리그 이전에 완성하는 것이 목표.

 

 

MVC를 지켜가며 개발을 해보긴 할 건데, 우선 리액트로 라우팅까지 하는 Views를 만들 수 있기 때문에 별다른 정리는 하지 않았다.

다만 OOP 식의 개발을 하기 위해서 컴포넌트와 라우팅을 더 세세하게 분류해보기로 했다.

index.js의 useStrctMode 태그를 BrowserRouter로 바꿔주면 App.js에서 라우팅을 사용할 수 있다.

이렇게 라우팅을 구현하면 나중에 node 측에서는 백엔드 처리만 해주면 될 것 같다.

컴포넌트를 이렇게 세부 단위로 나누고, routes 폴더에 있는 라우팅 jsx파일은 최대한 간단하게

컴포넌트만으로 구성될 수 있도록 했다.

 

핵심적인 로직들은 이전에 구현해놓긴 했는데, DB 연동이랑 깔끔한 프론트엔드 구현이 관건이다. 이번 기회로 리액트를 더 공부해볼 수 있을 것 같기도 하고...