More posts

정규표현식

[Regular Expression] 단어 단위 매칭을 하는 정규표현식 파이프(|)

단일 문자를 선택적으로 일치하는 문자 클래스를 단어 단위(또는 정규 표현식)로 확장해주는 메타문자(또는 연산자)입니다. 요약하면 나열한 단어(또는 정규 표현식)들 중 일치하는 하나를 선택하는 단어단위 or 연산자의 의미입니다. /감자|고구마|옥수수/로 정규 표현식을 정의할 수 있고, “감자”, “고구마”, “옥수수” 중 가장 먼저 일치하는 단어를 선택합니다.
3 min read
정규표현식

[Regular Expression] 정규표현식 수량자와 문자 매칭 개수 선택

수량자(Quantifier)는 정규 표현식에서 문자의 반복되는 횟수를 표시하는데 사용하는 메타 문자입니다. 수량자 바로 앞의 선행 문자가 얼마나 반복되는지를 표시하며 “?”, “*”, “+” 3개가 사용됩니다. 문자가 0번, 또는 1번만 나오면 “?”, 0번이상 나오면 “*”, 1번 이상 나오면 “+”문자를 뒤에 붙여서 연속 반복 횟수를 표시합니다. 정규 표현식 /abc+/는 “ab”가 나오고 연달아서 “c”가 1번
18 min read
정규표현식

[Regular Expression] 정규표현식 앵커(Anchor)와 매칭 위치 제한

앵커는 정규 표현식의 일치 위치를 고정하는 메타문자(들)을 말합니다. 앵커는 문자가 아니며, 문자와 일치하지도 않습니다. 문자의 앞, 뒤, 또는 문자 사이의 위치를 가리키는 “위치 지시자”입니다. 따라서 앵커로 일치를 했다고 해도 앵커 자체는 길이가 0입니다. 앵커로 일치하는 위치는 제한적이며, 문자열의 시작 위치, 또는 끝 위치만 일치할 수 있습니다. 예외적으로
12 min read
정규표현식

[Regular Expression] 정규표현식 문자 클래스와 문자열 매칭 기초

문자 집합이라고도 합니다. 대괄호([])로 문자(들)을 묶어서 표현하며, 대괄호 안의 집합에 포함된 문자 중 1개를 일치합니다. [abcde] 와 같이 작성하며, 공백을 넣으면 공백 자체도 하나의 문자로 처리되어 일치합니다. [abcde]는 해당 문자가 “a”, “b”, “c”, “d”, “e” 중 하나이면 일치합니다. /[lr]oad/는 “road”와 “load”를 모두
20 min read
정규표현식

[Regular Expression] 정규표현식 리터럴 문자와 메타문자 정리

리터럴 문자 정규 표현식에서는 매칭하는 가장 기본이 되는 최소 단위가 문자입니다. 알파벳 “abc”, 숫자 123과 같은 것은 모두 문자입니다. 앞서 작성했던 정규 표현식은 3개의 문자로 구성된 정규 표현식입니다. 한글 텍스트 또한 문자이며, 한글 한 글자는 문자 1개가 됩니다. 정규 표현식에서는 이런 일반 텍스트 문자를 리터럴 문자(Literal Character)라고 칭합니다.
8 min read
정규표현식

[Regular Expression] 정규표현식 매칭 옵션, 또는 플래그(Flag) 정리

수정자(Modifier) 또는 옵션(Option)이라고도 합니다. 정규 표현식, 또는 매칭 대상 문자열에 영향을 미치는 설정 항목을 켜거나 끕니다. 자바스크립트에서는 정규 표현식 끝의 “/” 오른쪽에 붙여서 다음처럼 플래그를 표시합니다. let regex = /a-z/gi 플래그 기능 i 영문 대소문자를 구분하지 않음. g 입력 문자열 전체에서 일치하는 문자열을 찾습니다. 문자열 끝까지 매치를 실행해
3 min read
자바스크립트

[javascript] 정규표현식 객체와 매칭 함수 사용 방법 - RegExp match()

자바스크립트의 정규 표현식 객체 자바스크립트로 작성한 정규표현식은 별도의 개발 도구 없이 웹 브라우저 콘솔 창에서 코드를 실행해서 정규표현식 실행 결과를 확인할 수 있습니다. 자바스크립트는 정규 표현식을 내장 객체로 지원합니다. 정규 표현식 객체를 생성한 후, 문자열을 검색하는 메소드에 정규 표현식 객체를 인자로 삽입해서 정규 표현식 매칭을 합니다. 문자열을 검색하는 메소드 중에
9 min read
마크다운

[markdown] 마크다운 이미지 연결하기

마크다운 문서 안에 이미지를 표시합니다. 마크다운 문서와 함께 이미지 파일을 포함해서 압축 파일 등으로 배포를 하거나, 소스코드와 함께 패키지로 배포할 때는 로컬 경로에 포함된 이미지 파일을 링크로 연결해서 표시할 수 있습니다. 마크다운 태그 중에서 구조가 가장 복잡하지만, 복잡하다고 해봐야 이미지 경로를 소괄호로 표시하는 것을 제외하면 대체 텍스트와 옵션 타이틀 두
2 min read
마크다운

[markdown] 마크다운 하이퍼링크 연결하기

텍스트에 하이퍼링크 클릭을 추가하는 마크다운 태그입니다. 링크 태그는 일반 웹 URL, 이메일 링크를 텍스트에 직접 적용하는 일반 링크와, 마크 다운 문서 안의 다른 위치에 링크 URL을 별도 표기해서 관리의 편의성을 높인 참조 링크 2가지로 구분합니다. 일반 링크 대괄호(브라켓)로 뷰어에 표시되는 링크 텍스트를 작성하고 URL을 소괄호 안에 입력하면 웹페이지의
2 min read
마크다운

[markdown] 마크다운 텍스트 강조 태그 기초

마크다운에서 사용할 수 있는 강조 구문 태그는 5가지입니다. 문구 앞뒤에 마크다운 태그 표시를 해서 강조 구문에 속성을 부여합니다. 태그 종류는 5가지지만 같은 기능을 하는 태그가 2개 있어서 실제로는 3가지 강조 효과입니다. 강조 태그는 HTML의 이탤릭(Italic), 볼드(Bold), 취소선(Strike) 세 가지로 변환됩니다. 마크 다운 뷰어에 따라서 강조 속성이 다소
2 min read