개발자 코드 '( )' 삭제하는 방법 메모장 이용 - 제거가 필요한 이유와 해결방법

 

개발자 코드 '(&nbsp)' 삭제하는 방법 메모장 이용

 

 

블로그를 운영하다 보면 글 사이에 이상한 공백이 생기거나 레이아웃이 깨지는 경우를 종종 경험하게 됩니다. 이 현상은 바로 '(&nbsp)' 코드 때문에 생기는 경우가 많은데요, 특히 다른 곳에서 글을 복사해 붙여넣기 했을 때 자주 발생합니다.

 

이 코드는 HTML에서 공백을 표현하기 위해 사용되는 특수문자입니다. 의도치 않게 들어간 이 코드 때문에 블로그 글의 가독성이 떨어지고 보기 싫은 레이아웃이 만들어질 수 있습니다. 오늘은 이 코드를 삭제해야 하는 이유와 그 방법에 대해 상세히 알아보도록 하겠습니다.

 

블로그팁: 개발자 코드 '(&nbsp)' 삭제하는 방법 메모장 이용

 

 

1. '( )' 코드 삭제가 필요한 이유

 

 

'(&nbsp)'는 HTML에서 줄 바꿈 없이 공백을 표현할 때 사용되는 'Non-Breaking Space'라는 특별한 문자를 의미합니다. 하지만 이 코드를 무분별하게 사용하면 여러 가지 문제를 일으킬 수 있습니다.

 

 

1) 코드 최적화 및 유지 보수

 

'(&nbsp)'는 HTML 코드를 불필요하게 복잡하게 만듭니다. 다양한 디바이스와 화면 크기에 제대로 적응하지 못하게 할 수 있으며 과도한 사용은 코드의 가독성을 떨어뜨리고 유지 관리를 어렵게 만들 수 있습니다.

 

 

2) 페이지 응답 로딩 속도

 

'(&nbsp)' 는 추가 데이터를 의미하며, 이는 페이지 로딩 시간에 영향을 줄 수 있습니다. 또한, 모바일 기기에서 기사를 볼 때 레이아웃이 깨지거나 읽기 어려운 불필요한 공백이 생길 수 있습니다. 더 많은 코드는 페이지 로딩 속도를 느리게 하기 때문에 불필요한 코드를 제거하여 페이지 성능을 개선시키는 것이 필요합니다.

 

 

3) 검색 엔진 최적화 (SEO)

 

검색 엔진은 깔끔하고 정확한 HTML을 선호합니다. '(&nbsp)'의 잘못된 사용은 검색엔진이 콘텐츠를 제대로 인식하지 못하게 만들어, 검색 엔진 최적화(SEO) 측면에서 검색 결과에 부정적인 영향을 미칠 수 있습니다.

 

 

블로그최적화 '(&nbsp)' 코드 삭제가 필요한 이유

 

 

 

2. 메모장을 이용해 '( )'를 삭제하는 방법

 

 

1. 티스토리를 기준으로 html 모드에 있는 코드 내용을 전부 복사(Ctrl+C)해서 메모장에 붙여 (Ctrl+V) 넣습니다.

 

티스토리 기준 html모드에 있는 코드 내용 복사하기

코드 내용 복사한 것 메모장에 붙여넣기

 

 

 

 

2. 메모장의 상단메뉴 중 편집(E)에서 바꾸기(R)을 선택합니다.

 

메모장의 상단메뉴 중 편집(E)에서 바꾸기(R)을 선택

 

 

3. 바꾸기 윈도우 창에서 찾을 내용(N):에 "  " 라고 적으시고 바꿀 내용(P):에는 "스페이스바를 한번" 눌러주세요. 그 다음 모두 바꾸기(A)를 누르세요.

 

찾을 내용(N):에 "  ", 바꿀 내용(P):에는 "스페이스바를 한번", 그 다음 모두 바꾸기(A)를 누르기

 

 

 

 

4. 모두 바꾸기(A)를 누르면 메모장에서 " "가 제거된 것을 확인할 수 있습니다.

 

 

 

 

3. removelinebreaks 사이트를 이용하는 방법

 

 

 

 

 

 

 

1. 온라인으로 바로 변환하여 사용할 수 있습니다. ReomoveKineBreaks 사이트를 방문합니다.

 

 

2. Original Text 상자 안에 메모장이나 한글파일 등에서 작업한 텍스트를 붙여넣습니다. 여기서 주의할 점은 HTML 코드가 포함된 텍스트가 아닌 낱말만 보이는 텍스트를 넣어야 한다는 것입니다.

 

출처: removelinebreaks 사이트

 

 

 

3. 하단의 P tag를 선택하고 Convert 버튼을 눌러 텍스트를 변환합니다.

 

출처: removelinebreaks 사이트

 

 

 

 

4. Output Text 상자안의 글을 드래그로 선택해 복사하거나, Copy to clipboard로 복사합니다.

 

출처: removelinebreaks 사이트

 

 

 

5. 티스토리 글쓰기 HTML 모드에서 p Tag로 변환한 텍스트를 붙여 넣습니다.

 

 

 

 

메모장이나 한글파일에서 작성 한 글을 바로 붙여넣기하면 불필요한 '( )' 코드가 생성되는데, ReomoveKineBreaks 사이트를 한 번 거치면 불필요한 '( )' 코드없는 최적화된 코드로 글쓰기를할 수 있습니다.

 

 

 

 

마치면서

 

불필요한 '(&nbsp)' 코드는 블로그 글의 품질을 떨어뜨리고 검색엔진 최적화에도 좋지 않은 영향을 미칩니다. 글을 작성하거나 수정할 때 주기적으로 HTML을 점검하고, 불필요한 코드는 즉시 제거하는 습관을 들이면 좋겠습니다. 깔끔한 코드는 깔끔한 블로그 글로 이어지고, 결국 독자들에게 더 나은 읽기 경험을 제공할 수 있기 때문입니다.

 

 

 

블로그관리: 개발자 코드 '(&nbsp)' 삭제하는 방법 정리