Sign in

it

it dev react fullcalendar

[MySchedule project] 15. React-big-Calendar 사용하기 (1)

이번 시간은 react big calendar 라이브러리를 사용해서 스케줄관리에 대한 코드를 작성해 보겠다. 구현에 들어가기 앞서 react-big-calendar 라이브러리를 설치한다. 추가적으로 날짜관리 라이브러리인 moment.js도 같이 설치 해준다. [ 설치 ] npm install --save react-big-calendar npm install moment [ import ] - "react-big-calendar" 라이브러리와 "moment.js"를 설치 했다면 아래 부분을 import 해준다. import { Calendar, View, DateLocalizer } from "react-big-calendar"; import moment from "moment"; import { mom..
wono | discuss |
it ops sms 전용계좌 충전

전용 계좌

사업자 등록 완료 후 각각의 계정에 전용 계좌를 발급 받으실 수 있습니다. 해당 전용계좌로 입금 시 회원님의 계정에 자동으로 잔액이 충전됩니다. 전용 계좌 발급 및 충전하기 1. 충전/관리에서 잔액 충전 버튼을 눌러주세요. 2. 결제 방식 선택 > 전용계좌입금 선택 후 전용계좌 발급받기(사업자 전용)을 클릭합니다. - 사업자 미 인증
wono | discuss |
it dev react nextjs

[React] 핸드폰 인증번호 타이머 기능을 구현해보자

구현 먼저 구현하기 위해 간단한 핸드폰 번호 입력 폼과 전송 버튼을 간단하게 만들어보았다. 기능에 초점을 두기 위해 최대한 디자인은 심플하게 구성하였다. import styled from "styled-components"; export default function Verification() { return ( 인증번호 전송 ); } const Wrapper = styled.div` display: flex; flex-direction: column; `; const Form = { Wrapper: styled.div` display: flex; gap: 8px; `, Input: styled.input` padding: 12px 18px; border: none; border-radius: 8px; ..
wono | discuss |