리액트 파일구조

본격적으로 어드민 프로젝트를 만들기 전에 폴더 구조를 어떻게 짜면 좋을지 알아보았다. (폴더구조? 파일구조?)

그러다 리액트 공홈에서 파일 구조 관련 글을 보았다. 크게, 파일 기능이나 라우트에 의한 분류 vs 파일 유형에 의한 분류로 나뉘는 것 같았다.

아토믹 디자인 이라는 것도 들어가서 보고…

Optimal file structure for React applications
요런 글도 찾아서 보다가, 리액트 공홈에서 뼈때리는 말을 보았다.

이제 막 프로젝트를 시작하는 단계라면 파일 구조를 선택하는 것에 있어서 5분 이상 시간을 투자하지 마세요. 앞서 살펴본 접근법 중에 아무거나 선택하고(혹은 자신만의 방법을 찾아내세요) 코드를 우선 작성해보세요.

ㅎㅎ 일단 시작하긔!!

프로젝트 규모가 커지면 기능에 따라 나누는 게 보기 편할 것 같아서 그 방향으로 짜보는 걸루…

material UI

리액트는 부트스트랩보다 material UI와 궁합이 더 잘맞는다고 해서 material UI를 알아보았다.
템플렛을 갖다 쓸까 하다가 좀 무거운 거 같기도 하고… 테이블만 갖다쓸까 고민하다가..

라이브러리가 있는지 찾아봤다. material UI 이용해서 어드민 템플릿을 짠 라이브러리. 스타 많은거 위주로 봤다.

• AdminLTE3
• react-admin

모바일 환경도 고려해야 해서 react-admin 써보기로. Customers 부분을 잘 보면 될거 같다.

React와 Node.js로 만드는 고객 관리 시스템 개발 강좌 이 글도 잘 보면 좋을듯.

SequelPro

SequelPro 라는 프로그램을 이용해서 db를 확인하였다. db는 속도가 생명. 데이터베이스 정규화

table vs view

table은 실제 데이터를 갖고 있고, view는 이 테이블 자료를 잘 조합한 것. (view에는 쿼리만 있다.)