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

React-Slick

• 캐러셀을 간단하게 만들 수 있는 라이브러리
• 2022년 기준으로 아직도 꾸준히 업데이트 중
• 공식 사이트 링크, GITHUB 링크

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

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

String.prototype.split()

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

정규 표현식

• 프로그램에서 문자열을 다룰 때 사용
• 이메일 규칙을 정규 표현식으로 표현하면 아래와 같음

/^(([^<>()[\]\\.,;:\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에 들어가면 정규 표현식을 바로 확인할 수 있어서 편함