[Pomodoro] 기능 별 프로세스 정리

뽀모도로 타이머를 만들고 있다.

Setting 페이지에 등록된 데이터를 연산하여

Home 페이지에 알맞게 뿌려주는 작업을 만만히 봤나..

나름 골머리를 앓았다.

Home.js

Setting.js

 

const initialValue = [
  { time: 15 },
  { shortBreak: 5 },
  { longBreak: 5 }, 
];

그래도 initialValue를 기반으로 하여 두 페이지의 UI는 완성되었다. 

일단 로그인하면 저기있는 시간이 디폴트로 들어온다 할 수 있겠다.

start&stop 버튼, 한 섹션이 끝났을 때 알맞은 다음 섹션으로 이동 처리까지 완료했다.

 

앞으로 만들 기능은:

1. progress bar 기능을 하는 UI만들기
2. 섹션이 끝나기 10초 전에 알림(소리 + 작은 알림창) 
3. 카카오 로그인 & 공유하기(뭘?)

하나 씩 글로 정리해보고 추가될 때마다 이 페이지에 추가해나갈 것이다.