html등에서 px단위 누락된것을 정규식을 이용해 수정하는 방법

잘가는 포럼이 아닌데 우연히 들어갔다가..

답변으로 해결해준 건인데... 나름 필요하신분이 있으실 것 같아 공유해봅니다.

정규식을 이용했구요..

뭐 케이스는 다른분이 작성해주신것을 기반으로 했구요.

width:100
width:200
width:300
width:100px
width:200px
width:300px
width : 100
width : 200
width : 300
width : 100px
width : 200px
width : 300px
width : 100 px
width : 200 px

width : 300 px

이런 px가 있을수도 있고 없을수도 있는 문자열을 

정규식을 사용해서 바꾸기로 하고

찾을 문자열: width\s{0,}:\s{0,}(\d+)\s{0,}(px)?

바꿀 문자열: width:$1px

이렇게 바꾸면

width:100px
width:200px
width:300px
width:100px
width:200px
width:300px
width:100px
width:200px
width:300px
width:100px
width:200px
width:300px
width:100px
width:200px

width:300px

이렇게 한방에 변경됩니다.

Visual Studio Code에서 테스트했습니다.

정석으로 하자면...px가 들어가면 변경에서 제외하는게 맞는데.. 그게 잘 안되서 그냥 px를 그룹으로 잡고 사용하지 않는 편법을 썻네요.