pycraft114/workoutreact

workoutreact's Issues

[2]로그인,회원가입 프론트

회원가입 component 생성하기

[3-1]WorkoutContainer date picker initial state

date picker Date값 변경시 moment값 state로 보유하고 있을것
initial date값 '오늘'로 설정해놓을것

[*]전체적인 flow

url다 수정해야 할듯
ajax request 받는 url도 수정할것
//----------------------------------------
토큰 가지고있을때 로그인화면 리다이렉트 할것
토큰 없을때 메인화면 리다이렉트 할것
LoginSignUpPage(이하 LSP) redux구조로 리팩토링 해야하나?
ㄴ>그대로 가져간다하면 LSP에서 redux store에 있는 state값 어떻게 modify해야할지 생각해야함
LSP redux형태로 리팩토링 할것
//----------------------------------------
db도 구조 바꾸고 리퀘스트 들어오는 url 와일드카드 써서 유저마다 요청할수 있도록 만드시오

[3-3]Graph

-모든 운동의 볼륨 증감률.(default로 모든 운동의 ,유저가운동 시작한 날짜부터 현재까지)
-유저가 선택한 운동의 볼륨 증감률.
(*유저가 선택한 날짜 범위 내에서의 볼륨 증감률)

[3-2]VolumeContainer

url을 통한 route시 get요청 보내는것 처리할것

Test

[2]로그인,회원가입 백단 구현

로그인 버튼을 눌렀을때 입력값을 서버에 전송,
입력값에 따라 db조회 validate 한 후에 authenticate 하기.

회원가입 버튼 눌렀을때 입력값 서버에 전송,
비밀번호란 confirm란 동일한지 확인 후,
db조회해서 이메일과 아이디 이미 사용중인지 validate하기,
다 이상없으면 db에 정보 저장하고 회원가입 완료되었다는 메세지 띄우고 (초록 , 에러는 빨강)
로그인 페이지로 띄우기 .

*각각 컴포넌트마다 error message 렌더하는 노드 줄껀지
각각 컴포넌트아닌 그 부모에서 렌더할때 노드 부여할지 고민하기

[3-1]Selected Workout 지웠을때

mysql에서 date_workout을 키로하는 데이터 삭제 해야함

[3-2] kg rep input 서버에 전송시 빈칸으로 초기화 할것

mysql에서 조회한 데이터 *

e4a4f0 서버 app 105번라인
클라이언트에 보내는 response값 항상 확인할것

[2]로그인,회원가입 carousel 디자인

유저가 Login >
< Sign-Up
버튼을 눌렀을때 Carousel로 슬라이드 되는 디자인 구현하기

[*]webpack 관련

webpack module import 경로 간단하게 하기
:https://webpack.js.org/configuration/resolve/#resolve-alias

[3]WorkoutContainer & VolumeContainer work flow

1.유저가 날짜 선택시 해당하는 state값 변경 + DB에 selectedWorkouts 있는지 조회.
2.날짜클릭후 운동 선택시에 state값에 저장된 date를 키 값으로하는 row DB에 저장 , value로는 선택된 운동들.
3.해당날짜에 select된 운동 클릭시, '해당날짜-운동'을 키값으로 하는 data DB에 조회.(kg-rep를 조회)
4.kg-rep를 입력시에 (빈칸 x) DB에 '해당날짜-운동'을 키값으로하는 row 생성(JSON형식으로 오브젝트들을 담고있는 Array의 형태로 저장할것)
*.모든 데이터는 유저마다 달라야한다.

[2]로그인,회원가입 프론트

form data , error message 컴포넌트에서 state로 가지고있고
로그인버튼 회원가입버튼 action creator 생성해서 react-redux로 연결할 것

[3-2]volume DB에 저장되는 데이터 형식 수정할것

[3-2]volume 담당하는 url을 좀더 명시적으로 바꿔야할 필요성

/:date/:workout/get
/:date/:workout/update
/:date/:workout/delete

[*]꼭 읽어봐야 할 글

http://blog.isquaredsoftware.com/2017/01/idiomatic-redux-thoughts-on-thunks-sagas-abstraction-and-reusability/

[*]프로젝트 구조에 관하여

현재 구조 :
Main Component( yet implemented)
''''Circle graph(yet implemented)/
''''Line graph(yet implemented)/
''''ListContainer
ㄴ------->Volume Workout Container에 필요한 데이터들 state로 가지고 있을 뿐 아니라,각 컴포넌트마다 필요한 이벤트 헨들러들 또한 Contain하고 있어야한다. 문제는, ListContainer에서 소유하고있는 각종 데이터들(날짜, 무게, 횟수, 운동종류)은 Circle Graph , Line Graph 컴포넌트에서도 요구되는 데이터들이다. 현재와 같은 구조로 계속 짜려면 결국에는 Main 컴포넌트에서 Circle Line Graph 컴포넌트의 데이터 및 이벤트 핸들러와 Volume Workout Container 컴포넌트의 데이터 및 이벤트 핸들러또한 Contain하고 있어야한다. 구조를 Flux , Redux 패턴을 사용하여 구조 리팩토링이 요구된다.
''''''''Route path=(?) component = VolumeContainer
''''''''Route path=(?) component = WorkoutContainer
''''/ListContainer
/Main Component