설명 🔖 vue 전자 서명 라이브러리 설치 npm i v-perfect-signature 사용법 기본 Props Props 설명 기본값 width 캔버스 너비 설정 100% height 캔버스 높이 설정 100% backgroundColor 캔버스 배경색 설정 rgba(0,0,0,0) penColor 펜 색상 설정 #000 strokeOptions 선 옵션 설정 strokeOptions Property Type 기본값 설명 size number 8 스트로크의 기본 크기(지름) thinning number .5 압력이 스트로크의 크기에 미치는 영향 smoothing number .5 스트로크의 가장자리를 얼마나 부드럽게 할지 결정하는 값 streamline number .5 스트로크를 얼마나 간소화할지를 ..
설명 🔖 차트 라이브러리 단점은 하나의 페이지에 여러 디자인에 차트가 들어갈 경우, 그때마다 ChartOption을 계속 data 쪽에 선언해주다 보니 코드가 길어짐 설치 npm install apexcharts --save npm install vue-apexcharts --save // vue 이용시 사용법 script html type: 그래프 형태 선언 option: 그래프의 디자인 옵션 값 연결 series : 그래프의 데이터 값 연결 Today's Chart css 예시
https://react-slick.neostack.com/ 설명 🔖 이미지 슬라이드 설치 npm install @types/jquery --save-dev; npm i react-slick @types/react-slick slick-carousel // Import css files import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css" 사용법 import { useMemo } from 'react'; import styled from 'styled-components'; import Slider, { Settings } from 'react-slick'; import 'slick-carousel/sl..
설명🔖 클래스 자동 변환기설치npm install class-transformer --save사용법NestJS - Type 자동 변환export interface ValidationPipeOptions extends ValidatorOptions { transform?: boolean; disableErrorMessages?: boolean; exceptionFactory?: (errors: ValidationError[]) => any;}
설명🔖 클래스 유효성 검사기설치npm install class-validator --save사용법유효성 검사 데코레이터데코레이터설명일반적인 유효성 검사 데코레이터 @IsDefined(value: any)값이 정의되었는지 확인합니다(!== 정의되지 않음, !== null). 이것은 SkipMissingProperties 옵션을 무시하는 유일한 데코레이터입니다.@IsOptional()주어진 값이 비어 있는지(=== null, === 정의되지 않음) 확인하고, 그렇다면 속성의 모든 유효성 검사기를 무시합니다.@Equals(comparison: any)값이 ("===") 비교와 같은지 확인합니다.@NotEquals(comparison: any)값이 같지 않은지 확인합니다("!==") 비교.@IsEmpty()주..
설명🔖 유틸리티 라이브러리array, collection, date, number, object 등이 있으며, 데이터를 쉽게 다룰 수 있도록 도와줍니다.(예를들면, 배열 안에 중복 값을 제거하기 / object 배열 안에 특정 값만 추출하기 등..)특히, 자바스크립트에서 배열 안의 객체들의 값을 핸들링할때 유용설치npm install lodashnpm install @types/lodash 기능filter배열 안에 요소들 중, 특정 값만 filter하고 싶을때 사용var users = [ { 'user': 'barney', 'age': 36, 'active': true }, { 'user': 'fred', 'age': 40, 'active': false }];_.filter(users, func..
