목록라이브러리 (3)

나의 개발일지

Moment.js 대신 Day.js를 사용해야 하는 이유

moment.js와 day.js는 둘 다 JavaScript에서 날짜 및 시간을 다루는 라이브러리다. 나는 moment.js를 통해 날짜를 받아왔다. 하지만 중간 피드백에서 튜터님이 moment.js보다 day.js를 사용하는 것이 좋다고 하여 리팩토링을 해봤다. 그렇다면 어떤 면에서 day.js가 moment.js보다 좋다고 할 수 있는지 알아보자. moment.js day.js 파일 크기 파일크기가 상당히 크다 62k (gzipped: 19.9k) --> 웹페이지 성능을 저하시킬 수 있다 moment.js에 비해 파일 크키가 작다 7.6k (gzipped: 3.2k) API 호환성 많은 개발자들이 익숙한 API를 제공하여 기존에 moment.js를 사용하던 프로젝트에서는 호환성을 유지하기 위해 mom..
라이브러리 2024. 2. 3. 14:53
react-calendar 리액트 달력 적용하기 / 컨텐츠 추가하기 📆

프로젝트에 캘린더 기능을 추가하도록 했다 우선 결과물이다 (완벽하게 완성된 것은 아님!) 환경오염을 줄이는 습관을 공유하는 글을 쓰면 캘린더에 아이콘으로 표시가 되고 그 밑 숫자는 글 쓴 횟수를 나타냈다 react-calendar를 쓰기 위해서는 설치를 해주어야 한다 npm일 경우, npm install react-calendar yarn일 경우, yarn add react-calendar 기본 코드 작성 import React, { useState } from 'react'; import Calendar from 'react-calendar'; import 'react-calendar/dist/Calendar.css'; const HabitCalendar = ({ date }: any) => { // ..
라이브러리 2024. 1. 6. 03:15
sweetalert2 로 예쁜 모달창 띄우기

https://sweetalert2.github.io/#examples SweetAlert2 SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes sweetalert2.github.io 매번 흔히 사용하는 못생긴 alert 창 말고 sweetalert을 이용하여 모달창을 띄워볼 것이다! 설치부터! npm install sweetalert2 import 불러오기 import Swal from 'sweetalert2' examples 카테고리에 많은 샘플들이 있는데 난 굳이 커스텀 필요가 없어 코드를 그대로 가져왔다 근데 문제점이 생겼다 이렇게 떠야지..
라이브러리 2023. 12. 30. 21:19
이전 Prev 1 Next 다음