프론트엔드 정복하기

Back단에서 간편하게 유효성 검사를 할 수 있는 라이브러리다. https://express-validator.github.io/docs/ Validators 카테고리 참조 : isEmail, isNumber 등의 메서드 표 확인할 것

map( ) : 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. 기본 예제 더보기 const array1 = [1, 4, 9, 16]; // pass a function to map const map1 = array1.map(x => x * 2); console.log(map1); // expected output: Array [2, 8, 18, 32] 배열 속 객체 재구성하기 더보기 var kvArray = [{key:1, value:10}, {key:2, value:20}, {key:3, value: 30}]; var reformattedArray = kvArray.map(function(obj){ var rObj = {}; rObj[obj.key] = ..

https://nearform.github.io/react-animation/

react-fade-in (fade in 효과) -설치 : npm install react-fade-in -사용 import FadeIn from 'react-fade-in'; // ... Element 1 Element 2 Element 3 Element 4 Element 5 Element 6 -props : delay, transitionDuration, className 등.. https://www.npmjs.com/package/react-fade-in react-fade (fade in & out 효과) Fade 사용 시 Can't resolve 'inline-style-prefixer' in ... 라는 에러가 발생함. -> inline-style-prefixer 라이브러리를 다운하는 시도를 ..

string.split( separator, limit ) : 문자열을 분할하는 메서드 -separator : 분할의 기준 -limit : 최대 분할 개수 (정하지 않으면 전체를 다 분할함) ex) 쉼표로 분할 var String = 'abc,def,ghi'; var Split = String. split( ',' ); for (var i in Split){ document.write ( '' + Split[i] + '' ); } => abc / def / ghi **split : 분열되다 ***숫자를 split할 경우 => 문자열로 분할하기 때문에 계산을 해줘야 할 경우에 => split으로 분할한 후 parseInt or Number해줘야 한다.

parseFloat( ) : 문자열을 실수로 바꾸는 함수 : 띄어쓰기로 여러 개의 수가 있으면 -> 첫번재 수만 바꾼다. : 공백으로 시작하면 공백은 무시한다. (공백은 무시하고 공백 뒤의 숫자를 실수로 바꿈) : 수가 아닌 문자로 시작하면 NaN을 반환한다. **parse : 문법적으로 분석하다. parseInt( string, n ) : 문자열을 정수로 바꾸는 함수 : string을 n진법일 때의 값으로 바꾼다. (n : 2~36 / 생략; 10으로) : 소수 부분은 버림 Number( string ) : 문자열을 숫자로 변환하는 함수 : 숫자로 변환할 수 없는 경우 NaN을 반환 ※parseInt와 Number의 차이 : parseInt는 문자열을 parsing하여 숫자를 추출해 낸다. 즉, '20..