나의 항해일지/TIL

11.30 - 가격책정 리팩토링 리듀서로 백API, 백겟API로 구현 시도 =>실패

와일드반 2022. 11. 30. 05:47

파람스를 유즈이펙트 의존성 배열에 넣어 파람스가 바뀔때마다 단계별 상태값을 받아오게 설계.뒤로가기 기능을 직접 만들려고 하니 뒤로가기 두번을 해야할 때 상태를 저장해야함.스택 / 큐 개념을 알았다면 이해하기 쉬웠을 것으로 예상.

 

현재 스텝 4


스텝 1 (파람스 :프라이싱페이지) 카테고리 선택
- 겟 X
- 온클릭 : 겟 카테고리 =겟API
- 백API : 
- 백네비API : X

스텝2 (파람스 :카테고리) 이어스 선택
- 겟 카테고리
- 온클릭 : 겟 이어스 =겟API
- 백API : 
- 백네비API : 니가 쓸꺼(프라이싱페이지)

스텝3 (파람스 :이어스) 모델선택
- 겟 이어스
- 온클릭 : 겟 모델 =겟API
- 백API : 
- 백네비API : 니가 쓸꺼(카테고리)

스텝4 (파람스 :모델) 옵션 선택
- 겟 모델
- 온클릭 : 겟 옵션스  =겟API (아이폰은 X)
- 백API : 겟을 때릴 친구(겟이어스 하려면 겟카테고리):겟카테고리 
- 백네비API : 니가 쓸꺼(이어스)

스텝5 (파람스 :옵션스)
- 겟 옵션스(아이폰은 X)
- 백API : 겟을 때릴 친구(겟 모델 하려면 겟 이어스):겟이어스
- 백네비API : 니가 쓸꺼(모델)




1 -> 2 

겟 인포
스텝 바꿔주기
백 겟 API 정해주고(1->2 X)
백 네비 API (P.P.)
P.L. 상태저장

2 -> 1

겟 인포 X 대신 체인지프라이스셋
스텝 1





1~5까지 바로가고 5~1 바로가는건 되는데
중간에 다른곳을 가면 문제 발생
(이동과정에서 e.target이 엉뚱한곳 찍는 문제, 겟을 못하는 문제(undefined), 등)
=> 모든 상태를 param를 사용하지 않고 스토어에 저장하면서 발생

방안 1. 백에서 데이터를 쿼리 param 식으로 변경하여 데이터 주고받는 api교체

방안 2. api는 그대로 가져가면서 스텝별로 스토어에 상태를 저장하여 오류를 줄이는 방법.

=> 남은 시간이 별로 없기에 일단 스텝별로 스토어에 상태를 저장하는 식으로 변경 결정