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

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

• format_list_bulleted 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 Javascript
• · 2024. 7. 18.
• textsms

포인터

서론학교 다닐 때 계절로 잠깐 접했던 C언어를 다시 공부하게 되었습니다. 여러 책과 동영상을 보고도 희미했던 포인터의 개념이 이재범님의 씹어먹는 C언어를 읽고 약간 선명해졌습니다. 그래서 잊기 전에 기록으로 남기고 개념이 정돈될 때마다 수정하려 합니다.개념포인터도 변수: 특정한 데이터가 저장된 주소값을 보관합니다.포인터 선언하기➡ (포인터에 주소값이 저장되는 데이터 형) *(포인터 변수 이름)포인터를 이용해서 해당 주소의 값 가져오기➡ *: 주소값에서 해당 주소의 데이터를 가져오는 연산자➡ *p: 내가 저장하고 있는 주소값에 위치한 데이터야!변수의 주소값을 포인터 변수에 할당하고 싶다면➡ & 이용하기➡ 변수의 주소값이 궁금하면 변수 앞에 &붙이기포인터 변수를 출력하고 싶다면➡ %p예시 코드#include..

• format_list_bulleted C
• · 2024. 7. 15.
• textsms