본문 바로가기 메뉴 바로가기

Algoroot's space

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Algoroot's space

검색하기 폼
  • 분류 전체보기 (118)
    • Python (2)
    • Frontend (4)
      • NextJS (2)
      • React (9)
      • React-native (8)
      • Typescript (0)
      • JavaScript (18)
      • Html&CSS (5)
      • Projects (5)
      • JASON (1)
      • ToyProject (6)
    • git (10)
      • monorepo (2)
      • action (0)
    • Network (6)
    • 알고리즘 (26)
      • 백준-BACKJOON (4)
      • 프로그래머스-Programmers (17)
      • leetcode (1)
      • 자료구조 (4)
    • 회고 (5)
    • Server (1)
    • 항해99 (5)
    • CS (Computer science) (10)
  • 방명록

데이트피커 커스텀 (1)
[React date picker] 리액트 Date picker 커스텀하기 (with TypeScript)

안녕하세요 이번에는 React-date-picker을 타입스크립트 + SCSS로 완전히 새로운 UI를 구현해본 경험을 소개하고자 합니다. 거의 전체를 SCSS와 조합하여 스타일링을 새로 한 것으로 모든 영역에서 커스텀하는 것이 필요한 분들께 도움이 많이 될 것이라고 확신합니다. ** 구체적인 스타일링은 삭제하였습니다. 궁금하신게 있다면 댓글 달아주세요 :) 좌측은 React date picker에서 제공하는 기본 UI이고 우측은 제공하는 기능들을 통해 직접 커스텀한 date picker입니다. 라이브러리에서 제공하는 Demo 사이트를 통해서 필요한 옵션들을 끌어와 사용하였습니다. React-date-picker 라이브러리에서는 커스텀을 위한 여러 props를 제공합니다. 제공해주는 Props에 맞게 컴포..

Frontend/React 2022. 10. 8. 01:36
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 항해99
  • css
  • cs50
  • python
  • 타입스크립트
  • 리액트
  • 프로그래머스
  • React Query
  • network
  • html
  • 프로그래머스 베스트앨범 자바스크립트
  • 자바스크립트 클로저
  • 실전프로젝트
  • 자바스크립트 비동기 처리
  • 네트워크
  • React
  • 자바스크립트알고리즘
  • 리액트네이티브
  • 자바스크립트
  • GIT
  • reactquery
  • github
  • 클로저
  • 백준
  • 무한스크롤
  • 모두를위한컴퓨터과학
  • 알고리즘자바스크립트
  • 모두를 위한 컴퓨터 과학
  • 프로그래머스 자바스크립트
  • javascript
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바