Dev Diary 💻

Intro안녕하세요. react-datepicker 를 사용하던 도중 아래와 같은 오류가 발생하였습니다. SyntaxError: Unexpected token 'export' How to solve the problem date-fns 를 사용해서 아래와 같이 ko (한국어)를 import 하여 사용하고자 했습니다. 하지만 이 부분에서 에러가 발생하더라고요~ import { ko } from 'date-fns/esm/locale' 그래서 이 부분을 다음과 같이 바꿔줬더니 더 이상 에러가 발생하지 않았습니다. 혹시 저와 같은 에러가 발생하는 분들이 있으시다면 이 방법을 활용해보세요 :)import { ko } from 'date-fns/locale'https://github.com/date-fns/date..

Intro안녕하세요. 이번 시간에는 react-datepicker 라이브러리에서 언어를 바꾸는 방법에 대해 알아보도록 하겠습니다. 참고로 react-datepicker 는 react에서 많이 사용하는 달력 라이브러리입니다.  How to Change lang 가장 먼저 date-fns를 설치해줍니다. npm을 사용하신다면 npm을 이용해주시면 됩니다. yarn add date-fns  이후 사용하고자 하는 언어를 import 해줍니다. import { ko } from "date-fns/esm/locale"; } />  local={ko}를 적용한 결과 아래와 같이 캘린더 언어가 한국어로 변경된 모습을 확인할 수 있습니다.

Intro react-datepicker 라이브러리를 사용하던 도중, 끝날짜가 시작 날짜를 선택할 수 없도록 날짜를 제외해야 했습니다. How to solve the problem 구글링 후 아래와 같은 답변을 찾았습니다. DatePicker 속성의 minDate를 사용하여 제외할 날짜를 넣어주면 됩니다. https://stackoverflow.com/questions/50626937/react-datepicker-exclude-past-dates

Intro react-datepicker 라이브러리를 사용하던 도중 CSS 가 적용 안되는 에러가 발생했습니다. 참고로 저는 타입스크립트도 적용해야 했기 때문에 라이브러리 설치는 아래와 같이 진행하였습니다. yarn add react-datepicker yarn add @types/react-datepicker react-datepicker 공식 홈페이지에 있는 Default 예제를 코드에 넣어 실행하자, css가 전혀 적용되지 않는 상태로 화면에 뜨더군요. () => { const [startDate, setStartDate] = useState(new Date()); return ( setStartDate(date)} /> ); }; Why? 바로 구글링을 해봤습니다. 저와 비슷한 에러를 겪으신 분들..