WWMT 하면서 React calender 라이브러리 갖다쓰는데....MonthView에서 처음 날짜를 선택한 달만 수정이 되고 다른 달로 이동불가, 다른 달로 이동 클릭시, 실제로 이동하지않고 처음 선택한 달의 달력만 리셋되는 오류가....진짜 개 화나게 2주동안 모든 공강시간과 멘탈과 방과후시간과 싸강대체되서 남은 여유시간과 개인 여가시간을 모두 잡아먹으면서... 해결이 안되는거임... 개화나는데...아니...근데...그게 사실... 라이브러리 공식문서에 있는, activeStartDate쓰면 되는거였던거임... 더 나아가 라이브러리 이슈 토론(?) 깃헙 페이지에...누가 올려놓은 해결책에 자세히 보니까 'activeStartDate={calendarDate}'로 해결했던거임... 생각해보니 공식문서에 걍 activeStartDate의 value가 today고, 머 오늘 날짜 표시할거아니니까^^(는 이부분도 모임일정을 오늘 이전 과거에 잡을 수 없으니 그부분 접근 막을려면 어쨋든 추후에 쓰긴했어야했음)하고 설명 자세히 안 읽고 넘겼던거임...
여기서 끝나면 바보삽질기록이니(사실맞음) 원인 분석 및 깨달음 정리해보겠음.
0. 다른 달로 넘어가라!는 신호 발생 및 정보 전송까지는 정상적으로 되는데, 문제는 React 특유의 사이클이 채 다 돌기전에 다음 달 버튼을 클릭했을때 이미 저장된 현재 달로 reset되서 사용자가 원하는 다음달로 정상적으로 넘어가지않고, 계속 맨 처음 선택한 달만 선택되는 거였음.
- 결국 '캘린더 month의 reset이 어떤 타이밍에 이뤄지는게 흐름상 적합한가?'의 문제였기에, 라이브러리에서 제공하는 activeStartDate로 해결함.
- React 기초가 튼튼한 편이 아니라 사실 이 표현이 정확한건지 잘 모르겠음
- 즉, '다음달로 넘어가라는 신호 발생 -> ㅇㅋ 넘어갈려는 달이 n월이구나 -> n월로 리셋->끗'가 되어야하는데
'다음달로 넘어가라는 신호 발생 -> 음, 현재 달은 k월이구나. k월로 리셋-> ㅇㅋ 넘어갈려는 달이 n월이구나.-> 끗' 흐름이 되니까 다음달로 reset하는 것도, reset한 값 받는부분에도 정상작동하는데도 단지 타이밍이 안 맞는거 하나땜에 문제가 터진거였다.
- 전에도 React 사이클 관련해서 문제 났던 기억이 있는데...; 아직 React는 갈 길이 먼거같다.
아래는 구차한,,,변명,,^^
1. 공식문서 이슈페이지 읽었음에도 안 써봐서 어색한typeScript문법 있다고 제대로 안 읽음
- 안써봤다고 냅다 쫄지말자
- typeScript란게 별세상의 존재가 아니라 좀더 깐깐하게 조건 제어할 정도의 몇가지 추가한정도였음. 즉, 몇글자 제거하면 평소 쓰던 React친구라는 ...였던 것..
2. 애초에 아주 기본적인거 제외하고 기능 만들려고 라이브러리 제대로 불러다 쓴건 이게 처음이라 남의 코드(???) 잘 안읽을려한듯?
- 내 코드도 2주 손 놓고 주석도 안 써놓으면 노답이긴하지만... 그래도 정독할 노력정도는 해봐야할듯
(당연함)
3. 기술블로그 10개 대충 읽는거보단 공식문서 및 이슈토론 페이지 답글 열심히 보는게 낫구나...
- ㅋㅋ...ㅎㅎ!
해커톤 당일 후기도 아직 안 썻지만...그치만 지금 이 깨달음을 남기고싶어 후루룩 써봤고...해커톤 후기 완결편은 각잡고 열심히 써볼..생각...
WWMT팀원분들들...바보 프엔이지만..사랑합니다...^^
프론트엔드 지망, React 공부중 . . .