TWMC-Select 개발

MOON·2020년 6월 23일
0
post-custom-banner

Select Page

이번 시간에는 Select 컴포넌트를 만들어보았다.
'여러가지 옵션 줄 수 있는 게 뭐가 있을까?' 생각하다가
알람이 떠올라서 알람설정을 가정한 느낌으로 주어봤다.

그래서 자신이 원하는 시간으로 설정 후에
설정하기 버튼을 누르면 알림창으로 '완료되었다는 문구'가 나오는 식으로 구성해보았다.

Select 세 가지 옵션

AM, PM을 나누는 첫번째 옵션

1~12 시간을 나눈 두번째 옵션(1시간 단위로 설정)

0~59 분을 나눈 세번째 옵션(5분 단위로 설정)

Select 설정한 값 보여주기 + 설정하기 버튼


AM 01 00는 기본값으로 설정했다.

설정하기 버튼 누른 후 알림창 띄우기

만약 내가 AM 8:00로 맞추고 설정하기를 누르면 알림창으로 "알람이 설정되었습니다" 라는 문구가 나온다.

post-custom-banner

0개의 댓글