React 카운트다운 타이머 유지

Question

현재 프로젝트로 경매 시스템을 만들고 있는 학생인데 혼자 개발하다보니 여러 어려움이 있습니다.. (React &#43; Spring)일단,사용자가 물건을 등록할 때 물건을 등록한 시점 부터 몇시간 동안 경매를 진행할지 선택하게 둘려고합니다. (1시간, 2시간...)예를 들어 A사용자가 노트북을 2시간 동안 경매를 하겠다고 등록하면그 시점부터 타이머가 작동되고 다른 사용자가 5분뒤에 해당 물건을 클릭(상품 상세)하면 남은 시간이 01:55:59 로 보이게할려고합니다.현재 1,2,3,...을 파라미터로 넘기면 남은 시간을 보여주는 Timer컴포넌트는 만든 상태입니다.(ex. 5가 전달되면 5:00:00 -> 4:59:59 )하지만, 새로고침하면 타이머가 새로 동작해서 시간이 지난상황이여도 등록된 물건을 볼 시 타이머가 새로 동작될 것 같습니다.1.물건을 등록한 시점 부터 타이머가 동작되고 이 시간을 계속 유지시킬 수 있는 방법이 없을까요?2.또한 각각의 물건에 대해 새로운 타이머가 연결되어야할텐데 (물건이랑 타이머 1대1) 이에 대한 인사이트도 많이 부족한 상태입니다React에 대해 지식이 많이 부족한 상황 양해부탁드립니다.. 위와 관련 해서 이것들을 찾아보면 좋겠다 or 이렇게 하면 좋겠다 하는 것들 알려주시면 감사하겠습니다!참고로 Timer 컴포넌트입니다

토끼왕 · Accepted Answer

클라이언트에서 처리하지 마시고 서버에서 처리하셔보세요~

fx · Answer

물건별로 타이머를 등록하지 마시고,물건의 등록시간 또는 경매시작 시간경매진행 혹은 경매 종료 시간같은 값을 이용하여 남은 시간을 계산하세요.타이머 이벤트는 하나만 두시고,이때 모든 물건의 남은 시간을 한번에 계산하여 변경 합니다.

chief · Answer

경매 시작 시간을 timestamp 로 받아오면 새로고침 또는 중간에 들어온 경우도 남은 시간을 확인할 수 있겠네요~

예비주니어 · Answer

답변들 감사합니다 서버에서 처리하여 해결했습니다!

React 카운트다운 타이머 유지

4개의 답변

Q&A 목록