굿모닝루틴 프로젝트를 시작하며...

Namhee KIM·2023년 5월 31일
0

ToyProject

목록 보기
1/1
post-thumbnail

개발 목표

  • TypeScript 개발 경험 쌓기
  • React 상태관리 개발 수준 레벨업하기 (Redux면 좋을 듯)
  • Jest 테스팅 도구 활용하기
  • HTML semantic tag 훈련하기
  • CSS 모듈화, 애니메이션 훈련하기,
  • 스타일 라이브러리(styled-components, tailwind) 사용해보고 장단점 익히기

프로젝트 소개

"성공한 사람들은 아침에 꼭 이불을 개는 습관이 있다"는 말이 있다.
하루를 바꾼다는 모닝 루틴을 위한 어플리케이션!

프로젝트 개요

구분내용
언어React, TypeScript
배포Netlify, GitHub
테스팅Jest
기간2023. 6. 1 ~ 2023. 6. 14 (1차 배포 목표)

개발 범위

Only Frontend 개발, 로컬환경

기능

개발 우선순위 (상)

  • 루틴 추가
  • 루틴 삭제
  • day clear 표시
  • 루틴 체크박스
  • calandar
  • 로컬스토리지 저장
  • 배포

개발 우선순위 (하)

  • 최근 일주일 성취율 표시
  • Night 루틴 버전
  • 루틴을 위한 격언 표시
  • DB 및 서버 붙이기

구현 계획

  1. 첫번째
    1. (개발환경 세팅) TypeScript 프로젝트 생성, GitHub repository 생성
    2. 홈 화면 만들기
    3. 루틴 (TODO) 추가, 제거
    4. 일자표시
    5. 캘린더 화면 만들기
    6. dayClear
  2. 두번째
    1. 로컬스토리지 저장 및 삭제
    2. Netlify 배포
    3. 다른 날로 이동, 루틴 조회
  3. 세번째
    • 최근 일주일 성취율 표시
    • Night 루틴 버전
    • 루틴을 위한 격언 표시
    • DB 및 서버 붙이기

0개의 댓글