codestates / codestates/rouDDine-client

[ Dev Log] 박지훈 / 2021-07-11

Open
#82 0 comments 0 reactions 0 assignees View on GitHub
Dev-log
Dominant language
JavaScript
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

# 오늘은 어떻게 프로젝트에 기여했나요?

### 타이머 최종 기능구현
- 데이터를 받아 동적으로 시간 바뀌게 하기
- 운동마다 휴식 시간으로 넘어가기
- 다음 운동으로 넘어가게하기
- 완료한 운동시간 저장

## 타이머
### _실패한 수도코드_
수도코드

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

### 코드

**3개의 타이머 상태 추가**
스크린샷 2021-07-12 오전 3 38 26

**수도코드 토대로 작성한 코드**
_요청데이터가 달라질수도있고 형식이 바뀔수도있어서 차후 원활한 보수를위해 함수마다 parameter를 넣어줬다_
스크린샷 2021-07-12 오전 3 39 29

**기존 useEffect안에 반복되는 timeFlow함수에서 0시0분0초 가될때 저장및 위에 작성된 유효검사 함수 추가**
스크린샷 2021-07-12 오전 3 54 15

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

### 코드
**휴식시간에 다음으로 넘길시 휴식시간상태를 풀어준뒤 넘겨줌**
이전 : 다음 버튼 함수

## 받아온 데이터로 렌더링 , 버튼을 만들어 onClick함수달아주기
스크린샷 2021-07-12 오전 3 58 49

## 시연
**데이터에 따른 타이머 시간적용 , 다음운동 / 이전운동 넘어가기**
![타이머 최종본 시연영상](https://user-images.githubusercontent.com/75489611/125207765-0bd8e600-e2c9-11eb-960a-b481058bc6a7.gif)

**휴식시간 있을시 세트마다 운동 -> 휴식**
![운동- 휴식](https://user-images.githubusercontent.com/75489611/125207937-7b030a00-e2ca-11eb-92ee-11033d744cac.gif)

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
프로젝트 기간이 얼마 남지않은상황에서 진행이 더뎌
마음이 급해져서 그런지 로직 생각도 안나고 정신적으로 힘든점이 많았다

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] 구체적인 디자인 들어가기 (타이머 꾸미기?)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.