13_[항해99 3주차 React 심화]_2021.10.08

어..? 마지막 TIL이 2일이었다구..?? ㅋㅋ ;;

앞선 공백동안.. 리액트 심화 강의를 4주차까지 듣고 7일-8일 이틀간 거의 밤 새서 캘린더 만들기 과제를 했다. 

강의가 양이 너무 많아 오늘은 끝내야지! 를 며칠동안 연속으로 외치며 늦게 잤더니.. 기운이 없다.

오늘의 공부

fullcalendar 라이브러리를 이용하는 아주 기본적인 방법을 알았다.

 

리덕스, 미듈웨어, 파이어스토어 사용법에 대해 다시 한번 복습했다.

(몇번이나 했지만 여전히 이해도가 부족하다는 느김을 받는다.)

 

오늘의 작업

리액트 프로젝트에서 fullcalendar라이브러리를 이용해 캘린더를 만들었다.

제출은 했지만 미흡한 부분 투성이라 오늘이 지나도 이것저것 개선해볼 예정.

 

디자인 구성..

https://www.figma.com/file/Lj271NhRkmQzNPT1pYtdTP/Untitled?node-id=1%3A3 

Figma

피그마에서 한두시간 깔짝이고 뷰 잡다가 삭제완료버튼을 안넣은걸 알곤 뒤늦게 추가해서 영 이쁘질 않다.

하지만 디자인은 큰 문제가 아니다. 작업을 하다보니 fullcalendar에 내가 구상한 디자인을 온전히 적용하기가 어려웠다.

(사실 이 문제는 문서에서 커스텀 하는 법을 못찾고 맨땅에 헤딩하다가 뒤늦게 발견한 나의 죄..!)

 

https://github.com/jjubbu/React-Calendar

GitHub - jjubbu/React-Calendar: 항해 99 3기 3주차 과제 (매운맛) - 달력 만들기

https://seona-react-calendar.web.app/

React App

 

기능이 문제다. 깃허브에 내 시점에서의 개선해야할 부분을 주루룩 적어서 이후 하나씩 해결해야지~ 했는데..

이야..많다. 개선해야할게 너무 많다.

 

본래 fullcalendar에 이런저런 기능이 많은데 전부 영어로 되어있고 사이트에는 검색기능이 따로 없어 구글에 검색해야하니..

일단 이틀안에 조금이라도 볼만하게 만들자! 싶어서 사실상 캘린더의 뼈대만 fullcalendar로 잡아두고 팝업창도 새로 만들고..

원래는 헤더부분(연도와 월, < > 버튼 부분)도 뜯어서 새로 넣고 값을 연결해줬는데

어딘가에서 발생한 에러덕에.. 13월이 나오고...0월이 나와서 일단 fullcalendar에 있는 기능을 사용했다.

(이 에러는 정말 이해할 수 없었다. 라이브러리에 있는 기능은 정상적으로 1월~12월을 보여주길래 그 텍스트값을 가져와 넣은건데 대체 0과 13은 어디서 나온건가??)

 

그 외에도 미들웨어에서 꼬인걸로 추측되는 에러, 리듀서에서 발생한 걸로 추측되는 에러사항들이 있었다.

기능적인 부분에서는 돌아가지만 사용자 입장에서는 에러로 보이는..그런것들. 새로고침해야 값이 변경되어있다든가..햐...

 

완료버튼을 누르면 완료상태인 일정들이 보이게 하는 기능! 마감 몇시간 남기고 시도했지만 

결국 시간내에 끝내진 못했다. 강의 듣느라 시간을 질질 끌었던 내가 나빠!!

 

여튼.. 이번주차도 이렇게 흘러간다...

다음주차가 기대되면서 걱정된다. 다음주는 팀프로젝트 맞겠지..? 주말동안 못본 강의 보고 복습 좀 해야겠다.