codestates / codestates/rouDDine-client
[ Dev Log] 박지훈 / 2021-07-11
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
# 오늘은 어떻게 프로젝트에 기여했나요?
### 타이머 최종 기능구현
- 데이터를 받아 동적으로 시간 바뀌게 하기
- 운동마다 휴식 시간으로 넘어가기
- 다음 운동으로 넘어가게하기
- 완료한 운동시간 저장
## 타이머
### _실패한 수도코드_

### 해결한 수도코드
- 현재 휴식시간인지 검사
- 요청받은 데이터의 몇번째 인덱스(몇번째운동)의 몇번째 세트인지 검사후 인덱스 or 세트 올려주기
- 휴식간인지 검사 휴식시간일경우 데이터의 휴식시간으로 시간을 맞춰준뒤 , 타이머정보도 휴식시간으로 변경
- 0시 0분 0초인 timeFlow 함수가 끝날때 위와같은 유효성검사를 하는 함수실행
### 코드
**3개의 타이머 상태 추가**

**수도코드 토대로 작성한 코드**
_요청데이터가 달라질수도있고 형식이 바뀔수도있어서 차후 원활한 보수를위해 함수마다 parameter를 넣어줬다_
**기존 useEffect안에 반복되는 timeFlow함수에서 0시0분0초 가될때 저장및 위에 작성된 유효검사 함수 추가**

## 이전 / 다음 운동으로 넘어가기 기능 구현 추가
위 코드와 비슷하게
이전 / 다음운동으로 넘어가려할때 버튼을 누르면 요청받은 데이터의 인덱스를 올려주거나 빼주는 식으로 했다
### 코드
**휴식시간에 다음으로 넘길시 휴식시간상태를 풀어준뒤 넘겨줌**

## 받아온 데이터로 렌더링 , 버튼을 만들어 onClick함수달아주기

## 시연
**데이터에 따른 타이머 시간적용 , 다음운동 / 이전운동 넘어가기**

**휴식시간 있을시 세트마다 운동 -> 휴식**

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
프로젝트 기간이 얼마 남지않은상황에서 진행이 더뎌
마음이 급해져서 그런지 로직 생각도 안나고 정신적으로 힘든점이 많았다
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] 구체적인 디자인 들어가기 (타이머 꾸미기?)
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.