FullCalendar 로 향하는 Redirect에 대해

[ucharles]

현재

• FullCalendar에서 날짜를 클릭하면 해당 날짜의 이벤트 상세를 확인 가능
• 상세 이벤트 페이지에서 뒤로가기를 하면 무조건 현재 날짜가 포함된 달이 표시됨

문제에 대한 설명, 재현

• 현재 날짜가 4월, FullCalendar의 표시월을 5월로 바꾼다
• FullCalendar의 날짜를 클릭하여 해당 날짜의 이벤트 상세페이지를 표시한다
• 이벤트 상세 페이지에서 뒤로가기를 하거나 Calendar로 이동하는 버튼을 누르면 현재 날짜가 포함된 달(4월)이 표시된다

향후

• FullCalendar로 이동 시 현재 달이 아닌, 이벤트 상세페이지에서 표시하던 달로 이동시키고 싶음
• FullCalendar가 포함된 router에 param으로 날짜를 추가

뒤로가기

• FullCalendar 에서 month를 변경할 때, URL도 변경한 달에 맞춰 갱신하도록 함

링크

• 이 경우는 링크에 이동할 날짜를 지정하면 가능

[ucharles]

FullCalendar에 대해 알게된 내용

• prop: event는 표시 날짜(달, 주, 일)을 변경시킬 때마다 새로 불러와짐. 이를 이용해 events에 콜백 함수를 연결하여 API 호출 가능.
• prop: ref으로 FullCalendar의 object에 직접 접근 가능. useRef를 사용.
• prop: event에서 ref으로 FullCalendar의 object를 불러오려고 했으나, events는 FullCalendar의 초기 렌더링 시 동시에 렌더링되므로, ref를 사용할 수 없음. (에러)
• 표시 날짜를 이동시킴과 동시에 해당 날짜 정보를 URL에 갱신하려면 customButton 사용

진행 상황

• Event API를 호출하지 않은 상태로는 구현 완료

[ucharles]

이 기능과 관련된 백엔드 수정 & 동작확인 완료 642b428