[react-datepicker] datepicker 커스텀하기 (+ timepicker)

서론회사 프로젝트에서 datepicker가 필요했다. 라이브러리를 찾다가 커스텀하기에 용이해 보였던 react datepicker를 사용했다. 혼자 해보고 싶다면 다음 링크의 예제를 참고해서 해도 충분히 할 수 있을 것이다.https://reactdatepicker.com/목표형태가 일그러지지 않을 것날짜 범위에서 앞의 날짜보다 뒤의 날짜가 앞서지 않을 것'이전'의 범위를 할 경우엔 뒤의 날짜에서 오늘 이후의 날짜를 선택할 수 없을 것'이후'의 범위를 할 경우엔 앞의 날짜에서 오늘 이전의 날짜를 선택할 수 없을 것월, 년도를 선택할 수 있어야 할 것구현기본 Datepicker의 모습은 다음과 같다.완성된 모습은 다음과 같다. (혹시 검색을 할 때 나처럼 이미지를 보고 내가 구현하고자 하는 것과 유사한지 ..

• format_list_bulleted L/Javascript
• · 2024. 7. 18.
• textsms

[toast-ui eidtor/React/Typescript] toast-ui eidtor 커스텀하기 (+ 이미지 저장, youtube/vimeo 링크 변환)

🤔 서론회사 프로젝트에서 사용할 에디터가 필요했다. 이전에 CK에디터를 사용해본 적이 있는데, 이상하게도 버전 문제인지 CK에디터가 작동하지 않았고, 차선책으로 quill을 사용해봤으나 구현 후 빌드를 해보니 import에러가 발생해 사용할 수 없었다. 그래서 최종적으로는 toast-ui editor를 사용했고, 직접 툴바의 아이템을 자유롭게 커스텀할 수 있는 만큼 없는 기능이 많아 고생을 했기에 이 과정을 글로 남긴다.🥅 목표이미지 저장, youtube/viemo 노출(iframe)이 가능한 toast-ui editor로 커스텀하기👩🏻‍💻 구현* {{}} 이렇게 감싼 부분은 직접 넣어야 한다.결과전체 코드(에디터)import React, { useEffect, useRef, useState }..

• format_list_bulleted L/Javascript
• · 2024. 7. 18.
• textsms