Regcode 소개 - 코드로 쉽게 정규식 만들기

모든 프로그래머는 Regex 또는 정규 표현식이라는 용어를 들어봤을 것입니다. 매우 유용하지만 읽을 수 없는 구문으로 인해 배우기 어렵고 일단 배운 후에는 잊어버리기 쉽습니다.

Regex를 쉽게 만들고 싶었기 때문에 코드로 정규식을 쉽게 만드는 도구인 Regcode을 만들었습니다(관심 있는 사람들을 위해 Github repo, 오픈 소스임).

Regcode는 다음 그림으로 쉽게 요약할 수 있습니다.

특징

Regcode에는 개발자가 실제로 Regex를 알지 못하더라도 자신만의 정규식을 쉽게 만들 수 있도록 다양한 기능이 탑재되어 있습니다.

간단한 코드로 정규식 만들기

읽기 쉬운 영어와 같은 구문

배우기 쉽고 읽기 쉬운

단순 API

간편한 문서화

Regex로 변환하거나 API의 문자열과 직접 일치

이를 사용하는 웹 앱은 브라우저에서 생성합니다

.

몇 분 안에 시작하기

표현식을 생성하기 위해 Regex를 배울 필요가 없음

무료 및 오픈 소스

Regcode - Regex를 작성하는 간단한 방법

위의 그림에서 볼 수 있듯이 - Regcode는 사용하기 전혀 어렵지 않습니다. 구문은 기본적으로 영어이므로 읽고 배우기 쉽습니다.

<matchAll> hasBefore(https://) [character]{any} normal(.) [character]{any} hasAfter(.[character]{2,6});

이것은 .com 또는 .net로 끝나는(및 https://로 시작하지만 포함하지 않음) 다른 URL을 일치시키는 간단한 등록 코드입니다. 구문을 사용하면 개발자가 쉽게 작성할 수 있을 뿐만 아니라 다른 개발자가 읽고 실제로 이해할 수도 있습니다. 그것이 생성하는 정규식은 이해하기가 훨씬 더 어렵습니다.

/(?<=https:\/\/)[A-Za-z\u00C0-\u017F]*\.[A-Za-z\u00C0-\u017F]*[A-Za-z\u00C0-\u017F]{2,6}/g

웹 앱 - 브라우저에서 직접 사용

브라우저의 main page for regcode에서 직접 고유한 등록 코드를 만들 수 있습니다.

정규식을 직접 생성하고 코드를 자신의 문자열과 직접 비교하여 일치하는지 확인합니다.

API - 프로젝트에서 사용

API는 NPM에서 직접 설치하여 JavaScript/TypeScript 프로젝트 내부에서 사용할 수 있습니다.

NPM으로 평소와 같이 설치하십시오.

npm install regcode --save

그런 다음 가져 와서 사용하십시오.

const regCode = new RegCode();
const code = "hasBefore(https://) normal(www.) [character]{any} normal(.com)[or]normal(.net)";
const sentenceToMatch = "The url is https://www.regcodejs.com, here you go!";

// look for matches
const match = regCode.match(code, sentenceToMatch);    // ["www.regcodejs.com"]

// or convert to regex and match the normal way
const regex = regCode.convert(code);
const match = sentenceToMatch.match(regex);           // ["www.regcodejs.com"]

예제가 포함된 문서

문서는 짧고 쉽게 이해할 수 있도록 다양한 예제가 포함되어 있어 이해하기 쉽습니다. 정말 쉽습니다 get started with the basics . 직접 시작하고 싶은 분들은 examples 페이지에서 시작할 수 있습니다.


시간을 내어 이 게시물을 읽어주셔서 대단히 감사합니다. 나는 Regcode가 당신을 위해 잘 사용되기를 정말로 바랍니다. 질문이 있으시면 언제든지 저에게 물어보시거나, 프로젝트에 기여하고 싶다면 자신만의 이슈/풀 리퀘스트를 만드세요.