토이프로젝트 2

Lucide Icon에 emotion css 적용하기 > Emotion는 JavaScript로 CSS 스타일을 작성하도록 설계된 라이브러리이다. 따로 CSS 파일을 생성할 필요없이 JavaScript로 바로 CSS를 입힐 수 있다. 이모션 공식홈페이지 토이프로젝트에서

요렇게 생긴 CalendarBadge 컴포넌트를 만들어보자.사용기술Reactlucide-reactemotion/styledtypescript 우선 CalendarBadge.tsx 파일을 만들고 해당코드를 작성한다. 백에서 workType data를 영어형식(workT

저번주까지 토이프로젝트2를 마치고 이번주는 리팩토링 기간(24/8/12-24/8/16)을 갖기로 했다.멘토님께서 PR에 피드백을 달아주셔서 어떠한 점을 개선할지 알기 좋았다.피드백을 쭉 보니 거의 리액트 훅에 관한 내용이었다. 리액트의 가장 큰 장점이 훅인데 내가 훅을

토이프로젝트 2에서 캘린더를 만들면서 파이어베이스를 사용했는데, 일반적인 자바스크립트는 Date() 객체를 쓰고, 파이어베이스는 Timestamp를 사용해서 헷갈렸다. 그래서 timestamp랑 date()의 차이를 알아보려 한다. Timestamp와 Date() 객

토이프로젝트2에서 다른 팀원이 React Suspense로 로딩 컴포넌트 구현하기를 맡았는데, 해당 코드에 대해 자세히 살펴보고 싶어 글을 작성하게 되었다. Suspense에 대한 자세한 설명은 다음 블로그글을 참고하면 된다. 로딩 컴포넌트 먼저 gif를 이용한 로

토이프로젝트2에서 아이콘 버튼 컴포넌트를 담당했어서, 정리해보려고 한다.우선 기술은 리액트, 이모션, 타입스크립트, 루시드 아이콘을 사용했다.중간점검에서 강사님이 왜 React.FC를 사용하지 않냐고 물었다. 우리팀원들은 'React.FC를 쓰면 children 문제가

이렇게 생긴 캘린더 컴포넌트를 만들어 보려고한다. 깃허브에서 코드 보기사용기술1\. React2\. Typescript3\. emotion styled component4\. firebase주요기능1\. 년/월 넘기는 화살표 버튼2\. 월 랜더링3\. 이전 월 마지막날