[TIL] 20210706 - 항해 30일차

오늘 공부한 것

React 심화 과제 - Calendar

어제는 캘린더 계획을 세웠다면 오늘은 캘린더를 만들기 시작했다.

기본적으로 구현해야 할 기능과 내가 그냥 넣고 싶은 기능으로 구분하여 기본 기능을 우선 구현하기로 했다.

일단 제출 가능한 상태로 만들어야 추가 기능이든 스타일이든 멋대로 할 수 있다고 생각한다.

1. styled-components 사용에 대한 혼란
어제 styled-components를 사용하다가 갑자기 사용방법에 대한 대 혼란이 왔다.

강의에서는 <Grid>나 <Text>와 같이 스타일을 적용한 컴포넌트를 만들어서 계속 사용하시는데 이 방식이 원래 내가 styled-components에서 쓰던 방법과 달랐다.
그래도 따라해보려고 이리저리 해봤는데 점점 코드가 꼬여가는 느낌...🤷🏻‍♀️

결국 코드를 엎고 다시 만든 뒤 스타일은 기능 뒤로 미뤄놓았다.

밤에 리액트 튜터님과 대화할 시간이 생겨 여쭤보았다.
답변은 '스타일은 제일 자기가 보기 편한 방법으로 작성하는게 좋다'였다.

그리고 튜터님도 현업에서 강의 방식으로 꼭 하지는 않으신다고ㅎㅎㅎ

정해진 시간의 강의 안에 많은 내용을 넣으려니 빼고 수정하고 한 부분이 많다고 하셨다.

그래서 내일은 마음 편히 내 방식으로 스타일을 적용할 수 있게 되었다.
내일은 theme과 mixin을 이용한 CSS 파티를 열어야지🎉🎉

2. 기능 구현 파티
오늘 구현한 기능의 목록

• 월 조정하기 (이전 달 가기 / 다음 달 가기)
• 저장된 일정 가져오기(redux, firebase)
• 일정 추가하기(redux, firebase)
• 일정 완료/미완료 토글(redux, firebase)
• 일정 상세창(모달) 보여주기/닫기
• 완료된 일정 / 전체 일정 토글