[Project] React 개인 프로젝트 중간회고 및 변경사항

Project

React 개인 프로젝트 중간회고 및 변경사항

React 개인 프로젝트

중간회고

일부 목표를 달성하지 못했다.

1. webpack, babel 설정
2. 일부 기능 구현

webpack, babel 설정

webpack 설정은 인터넷에서 이것저것 참고하면서 설정하였는데, 그것 때문인지 빌드 결과물에 이미지가 보이지 않는다.

하나만 보고 그대로 따라했으면 됐을지도 모른다. 근데 찾아보면 설정들이 많이 다른 걸 알 수 있는데, 하나하나를 알지 못하다 보니 설정을 커스텀을 할 수가 없었다.

그냥 설정을 어떻게 하는지 흐름만 이해한 정도인 듯하다.

그래서, 아직 구현 자체도 어려운 부분이 많기 때문에 그러한 로직에 집중을 하기로 결정했다.

일부 기능 구현

일부 기능 구현을 하지 못했다.

• 오늘 먹을 약/영양제 체크/언체크

  오늘 요일에 먹어야 하는 약들 리스트를 보여주는 것 까지는 완성했다.

  하지만, 그 리스트들에 대해 먹은 것을 체크/언체크할 수 있어야 하는데 그러려면 따로 firestore에 저장을 해야한다.

  그러나 요일마다 약 리스트들을 프론트 단에서 연산을 한다. 따라서 오늘 약 리스트들을 다시 firestore에 저장을 해두어야 하는 것이다.

  그 시점을 어떻게 정해야 할지 사실 잘 모르겠다.

  조금은 혼란스럽다.

• 무한 스크롤

  사실 무한 스크롤은 아직 시도해보지는 않고, 추후 적용할 생각이었다.

• 디자인 (스타일링)

  아직 스타일 자체가 적용되지 않은 상태이다.

변경사항

Typescript 적용 예정

일단, webpack 설정은 하지 않고 CRA로 앱을 구축하고, 내부 로직에 좀 더 신경을 쓰기로 결정했다.

따라서 Typescript로 리팩토링 시 다시 새로 빌드해서 사용하는 것으로 했다.

Redux-Tool-kit Redux-saga를 사용해보려고 한다.