오늘 공부한 것
React 심화 과제 - Calendar
어제는 캘린더 계획을 세웠다면 오늘은 캘린더를 만들기 시작했다.
기본적으로 구현해야 할 기능과 내가 그냥 넣고 싶은 기능으로 구분하여 기본 기능을 우선 구현하기로 했다.
일단 제출 가능한 상태로 만들어야 추가 기능이든 스타일이든 멋대로 할 수 있다고 생각한다.
1. styled-components 사용에 대한 혼란
어제 styled-components를 사용하다가 갑자기 사용방법에 대한 대 혼란이 왔다.
강의에서는 <Grid>나 <Text>와 같이 스타일을 적용한 컴포넌트를 만들어서 계속 사용하시는데 이 방식이 원래 내가 styled-components에서 쓰던 방법과 달랐다.
그래도 따라해보려고 이리저리 해봤는데 점점 코드가 꼬여가는 느낌...🤷🏻♀️
결국 코드를 엎고 다시 만든 뒤 스타일은 기능 뒤로 미뤄놓았다.
밤에 리액트 튜터님과 대화할 시간이 생겨 여쭤보았다.
답변은 '스타일은 제일 자기가 보기 편한 방법으로 작성하는게 좋다'였다.
그리고 튜터님도 현업에서 강의 방식으로 꼭 하지는 않으신다고ㅎㅎㅎ
정해진 시간의 강의 안에 많은 내용을 넣으려니 빼고 수정하고 한 부분이 많다고 하셨다.
그래서 내일은 마음 편히 내 방식으로 스타일을 적용할 수 있게 되었다.
내일은 theme과 mixin을 이용한 CSS 파티를 열어야지🎉🎉
2. 기능 구현 파티
오늘 구현한 기능의 목록
- 월 조정하기 (이전 달 가기 / 다음 달 가기)
- 저장된 일정 가져오기(redux, firebase)
- 일정 추가하기(redux, firebase)
- 일정 완료/미완료 토글(redux, firebase)
- 일정 상세창(모달) 보여주기/닫기
- 완료된 일정 / 전체 일정 토글
Don't dream it, be it.