구글 크롬(Google Chrome)과 마이크로소프트 엣지(Microsoft Edge)의 데스크톱 버전에서 이제 줄 바꿈(Line Wrap) 기능을 사용할 수 있습니다. 이 기능을 활용하면 원하는 웹 페이지의 소스 코드를 한눈에 확인할 수 있으며, 쉽게 말해 웹 페이지의 소스 코드를 검토할 때 줄 바꿈 옵션을 적용해 가독성을 높일 수 있습니다.
소스 보기를 사용할 때 많은 사용자가 겪는 불편 중 하나는 긴 코드가 창 너비를 벗어나 화면 밖으로 흘러넘치는 것입니다. 이는 버그가 아니라 적절한 기능을 사용하지 않아 발생하는 시각적 문제일 뿐이며, 줄 바꿈 기능을 사용하면 간단히 해결할 수 있습니다. 이 기능은 HTML 기반으로 작동하며, 훨씬 쾌적한 시각적 경험을 제공합니다.
크롬 또는 엣지에서 소스 보기 줄 바꿈 기능 켜고 끄는 방법
구글 크롬과 마이크로소프트 엣지에서 줄 바꿈 기능을 활성화하려면 아래 단계를 따라 해보세요.
- 구글 크롬 또는 마이크로소프트 엣지를 실행합니다.
- 줄 바꿈 기능을 적용하고 싶은 웹 페이지로 이동합니다.
- 웹 페이지에서 마우스 오른쪽 버튼을 클릭한 후 페이지 소스 보기(View page source)를 선택합니다.
- 소스 보기 창 상단에서 줄 바꿈(Line wrap) 체크박스에 체크합니다.
이제 각 단계를 자세히 살펴보겠습니다.
먼저 줄 바꿈 기능을 사용할 브라우저를 실행합니다. 마이크로소프트 엣지 또는 구글 크롬을 연 뒤, 변경을 적용하고 싶은 웹 페이지를 열어주세요.
다음으로 Ctrl+U 키보드 단축키를 누르면 소스 탭이 바로 열립니다. 또는 웹 페이지에서 마우스 오른쪽 버튼을 클릭하고 페이지 소스 보기 메뉴를 선택해도 됩니다.
소스 보기 창에서 줄 바꿈(Line wrap) 항목에 체크하면 코드가 화면을 벗어나지 않고 창 너비에 맞춰 정렬됩니다. 설정 후에는 브라우저를 다시 시작하는 것이 좋습니다.
위 방법으로 코드가 흘러넘치는 문제는 해결되지만, 이 설정은 브라우저에 영구적으로 저장되지 않습니다. 따라서 새로운 세션에서 소스 보기를 사용할 때마다 동일한 과정을 다시 진행해야 합니다.
엣지와 크롬에서 소스 보기 줄 바꿈 기능 비활성화하기
앞서 설명한 설정은 일시적인 것이며, 소스 보기를 닫으면 자동으로 해제됩니다. 만약 줄 바꿈 기능을 직접 끄고 싶다면, 켤 때와 같은 방법으로 손쉽게 비활성화할 수 있습니다. 절차는 다음과 같습니다.
- 구글 크롬 또는 마이크로소프트 엣지를 실행합니다.
- 기능을 해제하고 싶은 웹 페이지로 이동합니다.
- Ctrl+U 단축키를 눌러 소스 코드를 엽니다.
- 줄 바꿈(Line wrap) 체크박스의 체크를 해제합니다.
마이크로소프트 엣지 또는 구글 크롬을 실행한 뒤, 줄 바꿈 기능을 끄고 싶은 웹 페이지를 엽니다. 페이지에서 마우스 오른쪽 버튼을 클릭하여 페이지 소스 보기를 선택한 다음, 줄 바꿈 옵션의 체크만 해제하면 완료됩니다.
이 글이 도움이 되었기를 바랍니다.