dayjs 3

[Vue] vue VCalendar에서 v-model 변경 시 특정 날짜로 datepicker 이동 시키기

datepick에서 이번에 신규로 개발한 기능은 기존 날짜를 선택하면 이전기간과 비교해서 보여주는 datepicker를 개발 중이었다. 이전기간이 변경이 되면, 비교 기간이 자동으로 v-model에 연동되어서 변경이 되는데 아쉬운 점이 연결된 데이터는 변경이 되었는데 datepicker에서는 표시가 안 되는 문제가 발생했다.🤷‍♀️ 오늘은 v-model로 연결된 데이터가 변경되면, 해당 날짜로 datepicker를 focus 시키는 기능을 찾아보기로 했다! VCalendar VCalendar는 vue에서 range를 선택하기에 최적화되어있는 datepicker로, 현재 range를 선택할 때 내가 사용하고 있는 datepicker라이브러리이다. https://vcalendar.io/ Welcome | V..

FrontEnd/Vue.js 2023.06.29

[javascript/Vue] dayjs에서 요일 한국어 적용하기 (locale/ko)

moment.js를 걷어내고 day.js를 메인 날짜 라이브러리로 사용 중이다. https://ordinary-code.tistory.com/60 [javascript/Vue] moment.js 지원 중단으로 dayjs로 변경하기 🙅‍♀️moment.js 나의 프로젝트의 날짜 시간 계산을 하는 라이브러리는 moment.js를 사용했다. 오늘 기준 다운로드 수가 18,204,885 많은 개발자들에게 사랑받은 라이브러리였다. 나 역시 프로젝트마 ordinary-code.tistory.com 👩‍🏫dayjs에서 요일 표시하기 기본 날짜 포맷의 경우 영어든 한국어든 상관없이 사용하고 있었는데 dayjs를 이용해서 요일을 표시하게 되었는데, dayjs에서 요일을 표시하면 기본적으로는 영어 약어로 표시가 된다. 만..

FrontEnd/Vue.js 2022.05.03

[javascript/Vue] moment.js 지원 중단으로 dayjs로 변경하기

🙅‍♀️moment.js 나의 프로젝트의 날짜 시간 계산을 하는 라이브러리는 moment.js를 사용했다. 오늘 기준 다운로드 수가 18,204,885 많은 개발자들에게 사랑받은 라이브러리였다. 나 역시 프로젝트마다 날짜를 계산할 때 사용하는 라이브러리였다. 2011년 첫 공개된 moment.js는 이제는 이미 발표가 된 지 9년이 지났고, 지금의 웹은 이 moment가 발표되었을 때와 많은 부분이 변했다. moment 제작진들은 이제 새로운 기능 대신 안정성을 우선으로 하여 moment를 이제 더 이상의 업데이트가 없다고 발표를 했고, 다른 라이브러리를 사용하라는 말을 남겼다. 이제부터 moment.js는 더 이상 지원이 없어진다는 점을 밝힌 것이다. 물론 지금 사용하는 곳에 문제가 없다면 당장은 문제..

FrontEnd/Vue.js 2021.03.24