Home react-slick, 함수 호출하기 ``, array.split(), 정규 표현식
Post
Cancel

react-slick, 함수 호출하기 ``, array.split(), 정규 표현식

React-Slick

``로도 함수를 호출 할 수 있다

  • Styled Component나 emotion에서 사용하는 abc`` 표현은 함수를 호출하는 방법 중 하나

String.prototype.split()

  • String을 기준으로 문자열을 나눔.
  • Array로 return 됨

정규 표현식

  • 프로그램에서 문자열을 다룰 때 사용
  • 이메일 규칙을 정규 표현식으로 표현하면 아래와 같음
1
/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  • 유효성 검사에도 사용되고 vim에서 문자를 찾을 때도 사용됨
  • JavaScript에서 string.match도 사용할 수 있고 RegExp.prototype.test()라는 메서드도 있음.
  • 정규 표현식에 만족하는 유틸을 만들때 활용하기 좋음.
  • 정규 표현식 위키 백과 링크
  • 정규 표현식 확인 사이트 : regexr.com
  • regexr에 들어가면 정규 표현식을 바로 확인할 수 있어서 편함
This post is licensed under CC BY 4.0 by the author.