# custom

Styled-components - classname 커스텀 하기
Styled components를 사용하다 보면, class name 생성 특징이 다시 개발하기 어렵게 만드는 시점이 생각보다 빨리 꼭 온다.이때 필요한 것이 class name 커스텀
[Flutter] Date Picker(날짜 선택기) 만들기
Date Picker(날짜 선택기) 만들기 이번에는 Date Picker를 직접 만들어 보려고 한다. 날짜 선택기는 Flutter에서도 Material / Cupertino 스타일에 맞게 각각 제공해주고 있다. 그 외에도 많은 라이브러리에서 Localization이

[Flutter] Custom Slider Widget 만들기(2)
Custom Slider Widget 만들기(2) 이번 글에서는 수평으로 하나의 사이즈가 큰 이미지를 백그라운드 배경으로 사용하면서 페이지 뷰 처럼 수평으로 슬라이딩 할 수 있는 위젯을 소개하려고 한다. 아래 공유한 결과물을 확인하면 이해가 될 것이다. 백프로 완

[Flutter] Custom Slider Widget 만들기(1)
carousel_slider | Flutter Package이번 글에서는 Slider 위젯을 만들어 보려고 한다. 결과물이 궁금하신 분은 글 아랫 부분에 구현된 영상을 올려놨습니다. 기존 Flutter 기본 위젯으로 슬라이더가 가능한 스와이프 위젯을 만들 수 있다. P

[Flutter] Scroll View 만들기(5) - GestureDetector + Stack 2편
Scroll View 만들기(5) - GestureDetector + Stack 2편

[Flutter] Scroll View 만들기(4) - GestureDetector + Stack 1편
Scroll View 만들기(4) - GestureDetector + Stack 1편
[Flutter] Scroll View 만들기(1) - SingleChildScrollView
Scroll View 만들기(1) - SingleChild

[Android/Kotlin] Switch Custom 하기 (track height 조정)
💌 [Android/Kotlin] Switch Custom 하기 (track height 조정) 프로젝트를 하던 중 스위치를 다음과 같이 커스텀해야 하는 상황이 생겼다. 먼저 스위치 버튼을 앞뒤로 움직여서 (On/Off)상태를 변경 할 수 있는데, 동그란 연회색

[Flutter] 스크롤 바 직접 만들기 - Horizontal Indicator
이번 글에서도 이전 글에 이어서 스크롤 바를 직접 개발하는 방법에 대해서 알아보도록 하겠다.
Custom 더보기 버튼 만들기
● 실행 화면 미리보기 ● 코드 작성 ※ lwc026CustomPaging.html ※ lwc026CustomPaging.js ※ lwc026CustomPaging.css ● 실행 화면 확인

Custom ProgressBar 모듈화(with Alert Dialog)
기본 progressBar의 뒷 배경에 blur 처리를 위해 AlertDialog를 사용.

[Node.js] express-validator에서 custom() 이용하기
express-validator 로 request body 검증하기 설치 내장 함수 이용해 검증하기 방식(1) > body("필드","에러메시지").검증 api.검증 api 예시(1) 방식(2) > body("필드","에러메시지").검증 api.검증 api

[Flutter] RangeSlider
Flutter의 기본 위젯인 RangeSlider에 대해서 알아보려고 한다.슬라이더 형식의 범위 선택기이며, 다양하게 커스텀하여 사용할 수 있다.기본적인 사용법은 values 파라미터에 RangeValues(min, max)값과 onChanged 함수를 필수 값으로 작