2020-03-25 TIL March 26, 2020

오늘 한 일

새로운 프로젝트의 front setting을 했다.

폴더구조를 다음과 같이 설정했다.

├── api
├── components
├── hooks
├── modules
│   ├── index.ts
│   ├── store
│   │   ├── actions.ts
│   │   ├── index.ts
│   │   ├── reducer.ts
│   │   ├── sagas.ts
│   │   └── types.ts
└── routes
    ├── Home
    └── Posts

• api: api endpoint 관리
• components: hooks를 사용하는 components, store에 직접 접근하지 않는다.
• hooks: custom hooks, store에 직접 접근한다.
• module: redux, redux-saga를 이용한 store 정의.
• reoutes: page들을 표현.

한재엽님의 React 프로젝트 후기(?)를 여러 번 반복해서 읽고 있다. 고민했던 내용들이 많이 담겨 있어 도움이 많이된다.

느낀 것

뭔가를 시작하기 전에 해야 할 일을 최대한 자세히 적고 있다. 뭔가를 직접 하는 것보다 뭘 해야 할지 계획하고 예상하는 것에 더 신경을 쓰고 있다. 그리고 일을 끝마치면 바로 타이머를 끄고 한 일을 적고, 계획했던 대로 진행됐는지, 예상했던 것 처럼 진행됐는지 다시 한번 확인한다.

아직 잘 안되는 부분이 있지만 이 루틴에 더욱 집중해보려고 한다.

내일 해야 할 일

• Make habit

  • server: habit 추가 schema, resolver 구현
  • front: habit 추가 구현
  • server: test 환경 설정
  • front: react-heatmap-grid 추가