프론트엔드 개발자 엄성준 블로그

  • 홈
  • 태그

DatePicker 1

custom react-DatePicker with styled-component

오늘은 실무에서 DatePicker를 사용할 일이 생겼다. 프로젝트가 babel로 구성된 프로젝트여서 mui datepicker는 사용하지 못하였기에 근본 DatePicker를 이용하였는데 문제는 DatePicker에 사이즈를 키우고 위치를 조정하고 싶은데 변경이 쉽지 않았다. 그래서 굉장히 고생 끝에 일일이 css를 수정하는 방법을 택하였다. 먼저 DatePicker를 설치해 줍니다. npm install react-datepicker 이후 쉽게 말씀드리면 DatePicker를 클릭했을 때 팝업창이 DatePicker가 속한 부모요소 제일 끝 자식으로 들어가기 때문에 이 개념을 꼭 알고 css를 적용하면 쉽습니다. import React, { useState } from "react"; import D..

카테고리 없음 2023.07.12
이전
1
다음
더보기
프로필사진

꾸준함을 강점으로 삼고 있는 프론트엔드 개발자 엄성준 블로그입니다.

  • 카테고리 📂 (380)
    • 코딩 테스트 풀이 🛠 (232)
    • 지식 정리 📝 (76)
    • zero-base 프론트엔드 스쿨 ⛪️ (20)
    • 3월 협업 프로젝트(1석 4조) 👨‍👩‍👧‍👦 (19)

Tag

split(), 프론트엔드 스쿨, exceljs, 프론트엔드, react, 프론트엔드 개발자, join(), String(), 프론트엔드 개발자 엄성준, 제로베이스, 프로그래머스, Number(), autowini, sort(), forEach(), indexOf(), 제로베이스 프론트엔드 스쿨, next.js, 엄성준, 오토위니,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

꾸준함이 강점이자 자랑인 프론트엔드 개발자 엄성준 입니다.

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바