본문으로 바로가기

TIL_230809 | 프로젝트 진행 3일차

category Log/TIL 2023. 8. 10. 07:57


  WANNA REMEMBER  

📌 ant design - datepicker 사용할 때 많이 헤맸던 거

1. 오늘 날짜 추출

아니...증말 어이가 없군..오늘 날짜 구할라고 new Date 써서 이리저리 오늘 날짜 거른다고 시간을 꽤나 잡아먹었는데

day.js라는 api 를 이용하면 오늘 날짜 아주 쉽게 구할 수 있고, 굳이 가공 어렵게 안해도 된다는 걸 발견해버렸다..흑흑

 

기존에 new Date로 가져온 데이터 는 2023-08-10 형태로 만들러면 이것저것 해줬어야했는데

day.js api 이용하면 간단하게 코드 한두줄로 끝남..

 

아래는 이것저것 해줘야하는 경우 접어놓음

 

 

아래는 dayjs 이용한 거고 사용하는 것도 걍 상단에 아래 코드 한 줄만 import 해오면 되는 걸로 암..

import dayjs from "dayjs";

 

대강 아래처럼 하면 원하는 형태 얻을 수 있음

 

 

아래 reference는 공식문서랑 대충 보기좋게 정리해놓은 블로그

 

2.  react 환경에서 ant design 의 datepicker쓸 때 '오늘 날짜 고정 + 날짜 지워도 오류 안나게' 하기

value로 하니까 오늘 날짜 누르는 버튼도 잘 안먹고, 무엇보다 날짜 선택 지웠을 때 오류뜸

defaultValue를 이용해서 써줘야 오류가 안뜨더라. 공식문서 읽어도 모르겠는데 뭔가 차이가 있다길래 일단 밑에 가져와봤다..

 

 

📌 SVG color 꾸밀 때 css 속성을 color가 아닌 fill로 사용할 것

react icons에서 가져오는 아이콘 족족 color로 아이콘 색을 변경할 수 없었다. 학우분에게 여쭈어보아 답을 얻었는데, color가 아닌 fill 속성으로 접근해야 아이콘 색을 변경할 수 있었다.