안녕하세요. 코딩웍스입니다.

html, css 코드에서 제작자가 의도하지 않은 빈 줄이 생기는 경우가 있습니다.
물론 모든 것을 직접 작성한 곧, 하드코딩인 경우 이런 일이 없겠지만... 다른 곳에서 복사한 html 코드의 경우 표현식에 따라 줄 마다 빈 줄이 생기는 경우가 있습니다. 그런 경우 빈 줄을 없애야 합니다. 그런데 이런 것을 수동으로 하나 하나 할 수는 없습니다.

인프런 코딩웍스 블로그에 [HTML 코드, CSS 코드 빈줄 없애기] 라는 글에서는 빈 줄을 없애주는 웹사이트 사용법을 소개해 드렸습니다. 하지만 이렇게 웹사이트를 사용하는 경우 제작자가 의도한 빈 줄까지 일괄적으로 없애기 때문에 아쉬운 부분입니다.

하지만 비주얼 스튜디오 코드에서 [정규식 찾아 바꾸기]라는 방법으로 완벽하게 빈 줄을 해결할 수 있습니다. 제작자가 의도한 빈 줄은 유지하고 표현식에 따라 생긴 의도하지 않은 빈 줄은 삭제하는 방법입니다. (비주얼 스튜디오 코드 말고 다른 텍스트에디터에서도 동일한 방법으로 가능합니다.)

비주얼 스튜디오 코드에서 빈 줄 없애기

1. 찾아 바꾸기 : Ctrl+H
2. 정규식 사용 클릭
3. ^$\n  :  입력창에 입력
4. 모두 바꾸기 클릭

▼ 비주얼 스튜디오 코드에서 의도하지 않은 빈 줄만 삭제된 상태