줄 바꿈(Line Wrap) 기능이 이제 데스크톱 버전의 구글 크롬(Google Chrome)과 마이크로소프트 엣지(Microsoft Edge) 브라우저에서 사용할 수 있습니다. 이 기능을 사용하면 원하는 웹 페이지의 소스 코드를 한눈에 확인할 수 있으며, 쉽게 말해 웹 페이지의 소스 코드를 검토할 때 줄 바꿈 옵션을 적용해 볼 수 있다는 뜻입니다.
웹 페이지 소스를 볼 때 사용자들이 흔히 겪는 문제는 코드가 창 너비에 맞지 않고 화면 밖으로 넘쳐 흐른다는 점입니다. 이것은 버그가 아니며, 줄 바꿈 같은 올바른 기능만 활용하면 이러한 시각적인 불편함을 손쉽게 해결할 수 있습니다. 줄 바꿈은 HTML 기반의 기능으로, 더 나은 시각적 경험을 제공하는 역할을 합니다.
크롬 또는 엣지 소스 보기에서 줄 바꿈 켜고 끄기
구글 크롬과 마이크로소프트 엣지에서 줄 바꿈 기능을 활성화하려면 아래 단계를 따르세요.
- 구글 크롬 또는 마이크로소프트 엣지를 실행합니다.
- 기능을 적용하고 싶은 웹 페이지로 이동합니다.
- 웹 페이지에서 마우스 오른쪽 버튼을 클릭한 후 페이지 소스 보기(View page source) 옵션을 선택합니다.
- 페이지 소스 보기 창에서 줄 바꿈(Line wrap) 체크박스에 체크합니다.
이제 각 단계를 자세히 살펴보겠습니다.
먼저 줄 바꿈 기능을 활성화할 브라우저를 엽니다. 마이크로소프트 엣지나 구글 크롬을 실행한 뒤, 변경을 적용하고 싶은 웹 페이지에 접속합니다.
다음으로 Ctrl+U 키보드 단축키를 누르면 소스 탭이 바로 열립니다. 또는 웹 페이지에서 마우스 오른쪽 버튼을 클릭하고 페이지 소스 보기(View page source) 옵션을 선택해도 됩니다.
페이지 소스 보기 창 안에서 줄 바꿈(Line wrap) 항목에 체크하세요. 그러면 웹 페이지의 코드가 더 이상 화면 밖으로 넘치지 않습니다. 설정 후에는 브라우저를 다시 시작하는 것이 좋습니다.
위 방법으로 코드가 넘쳐 흐르는 문제는 해결되지만, 이 설정은 브라우저에 영구적으로 저장되지 않는다는 점에 유의해야 합니다. 즉, 소스 보기를 새로 열 때마다 이 간단한 과정을 다시 진행해야 합니다.
엣지와 크롬 소스 보기에서 줄 바꿈 비활성화하기
앞서 설명한 변경 사항은 일시적이며, 소스 보기를 닫으면 자동으로 사라집니다. 하지만 필요하다면 활성화했던 것과 동일한 방법으로 줄 바꿈을 수동으로 끌 수도 있습니다. 절차는 다음과 같습니다.
- 구글 크롬 또는 마이크로소프트 엣지를 실행합니다.
- 기능을 해제하고 싶은 웹 페이지로 이동합니다.
- Ctrl+U 키보드 단축키를 눌러 실제 소스 코드를 엽니다.
- 줄 바꿈(Line wrap) 체크박스의 체크를 해제합니다.
마이크로소프트 엣지 또는 구글 크롬을 실행한 뒤, 줄 바꿈 기능을 끄고 싶은 웹 페이지를 엽니다. 페이지에서 마우스 오른쪽 버튼을 클릭하고 페이지 소스 보기(View page source) 옵션을 선택한 다음, 줄 바꿈(Line wrap) 항목의 체크를 해제하면 끝입니다.
이 가이드가 도움이 되기를 바랍니다.