[Mini Project] Todo-App

soohyunee·2023년 2월 10일

프로젝트

[Mini Project] Todo-App

목록 보기

3/3

1. 프로젝트 개요

프로젝트 기간

기획 : 2023년 1월 10일
구현, 배포 : 2023년 2월 9일 ~ 10일

기술 스택

Frontend : React, Styled-Components
Deployment : Firebase

주요 기능

오늘의 할 일을 적는 Todo 앱

할 일 추가하고 추가 취소하기
추가한 할 일 수정하고, 수정 취소하기
추가한 할 일 삭제하기
완료한 할 일 체크하고, 남은 할 일 개수 표시

결과물

브라우저

모바일

오픈 그래프

2. 회고

1. 파이어베이스 공부하자
아직도 아쉬운 파이어베이스로 서버 구축하기.. 저장은 되어서 더 그런가 너무 너무 아쉬웠다. 5시간 동안 삽질하면서도 희망의 끈을 놓지 않았지.. 다음 프로젝트 때는 공부를 빠짝해서 성공하고 싶다!

2. 상태 관리의 중요성
확실히 프롭스 드릴링이 제거되어 코드의 가독성이 좋아지는게 보여서 이번 프로젝트 하면서 왜 상태관리 라이브러리인 리덕스를 많이 쓰는 지 잘 알게 되었다.
이번 프로젝트는 useReducer를 활용했지만 다음 프로젝트 전까지 리덕스는 공부를 제대로 해야겠다는 생각이 들었다.

3. 구현의 마무리는 코드 최적화
작은 투두앱을 만드는 데도 react 개발자 도구로 보니 컴포넌트들이 계속 리렌더링이 되는 것을 보고 이래서 규모가 특히 커지면 코드 최적화가 중요하구나 라는걸 깨달았다.. 완벽하게 최적화를 하진 못했지만 그래도 배웠던 useMemo를 활용해 보려고 노력했다!

4. 다음 프로젝트 때는 시간 분배 잘하기
이번 프로젝트 어찌 보면 짧은 기간에 했는데 사실 잠도 3~4시간 정도 자고, 밥도 안먹으면서 열심히 만들었다. 오랜만에 집중하다 보니 이런게 가능했던 것 같은데 몇 주씩 하는 프로젝트 였다면 중간에 지쳤을 게... 보인다. 다음 프로젝트 때는 너무 무리하지 않는 선에서 시간 분배를 잘해서 정해진 시간 안에 최대의 효율을 내야 겠다!!