VSCode에서 HTML의 Path값을 thymeleaf 형식으로 변환하기 위한 정규표현식
순수 HTML 환경에서 작업한 프로토타입을 SpringBoot MVC 패턴의 View에 적용하는 과정에서 `href="..."`나 `src="..."` 속성에 사용되는 Path값을 `th:href="@{...}`, `th:src="@{...}` 형태로 변환해야 한다. 일일이 처리하는 것은 매우 번거롭기 때문에 VSCode의 replace 기능에 정규표현식을 적용하면 쉽게 처리할 수 있다
VSCode에서 HTML의 Path값을 thymeleaf 형식으로 변환하기 위한 정규표현식
VSCode의 정규표현식 바꾸기 기능 사용하기
찾을 문자열
Ctrl+H
(Mac의 경우 Cmd+Option+F
)를 눌러 Replace창을 띄운 상태에서 Alt(Option)+R
을 누르면 정규표현식이 활성화 된다.
찾을 문자열 입력 칸에 아래의 표현식을 적용한다.
1
(src=|href=)("|')([^"|']*)("|')
바꿀 문자열
바꾸기 입력 칸에는 다음의 표현식을 기입한다.
쌍따옴표와 홑따옴표를 모두 쌍따옴표로 변경하는 경우
1
th:$1"@{$3}"
쌍따옴표와 홑따옴표를 그대로 유지하는 경우
1
th:$1$2@{$3}$4
This post is licensed under CC BY 4.0 by the author.