웹페이지의 소스 코드를 직접 확인해 본 적이 있으신가요? 인터넷에서 보는 모든 웹페이지는 사실 HTML, CSS, 자바스크립트 등 다양한 언어로 작성된 코드의 집합체입니다. 이러한 요소들이 결합되어 우리가 화면에서 보고 상호작용할 수 있는 웹페이지가 만들어지는 것입니다.
기본 설정에서 인터넷 익스플로러(IE)는 웹페이지의 소스 코드를 새로운 IE 창으로 열어 보여줍니다. 일반 사용자에게는 이 정도면 충분하지만, 개발자나 코더라면 노트패드 대신 더 강력한 텍스트 편집기나 코드 편집기를 사용해 소스를 확인하고 싶을 것입니다.
설치된 IE 버전에 따라 변경 방법이 다릅니다. IE 8부터 10까지는 브라우저 내부 설정만으로 손쉽게 기본 소스 뷰어를 바꿀 수 있지만, IE 11에서는 레지스트리 키를 직접 수정해야 합니다. 크게 어려운 작업은 아니지만, 레지스트리 편집을 꺼리는 분들에게는 다소 번거로울 수 있습니다.
IE 8~10에서 소스 보기 편집기 변경하기
이 버전들에서는 마이크로소프트가 옵션을 브라우저 자체에 내장했기 때문에 변경 과정이 매우 간단합니다. 개발자 도구(Developer Tools)를 열기만 하면 됩니다.
키보드에서 F12 키를 누르거나, 메뉴에서 도구(Tools) → 개발자 도구(Developer Tools)를 클릭하면 됩니다.
새로운 IE 창이 열리면 파일(File) → Internet Explorer 소스 보기 사용자 지정(Customize Internet Explorer View Source)을 차례로 클릭하고 원하는 옵션을 선택합니다.
기본값인 노트패드(Notepad)를 그대로 사용할 수도 있고, 다른 코드 편집기를 쓰고 싶다면 기타(Other)를 클릭하세요. 이후 해당 편집기의 실행 파일(EXE) 경로를 찾아 지정해 주면 됩니다.
IE 11에서 소스 보기 편집기 변경하기
IE 11에서는 개발자 도구에서 해당 옵션이 제거되었기 때문에 레지스트리를 직접 수정해야 합니다.
레지스트리를 수정하기 전에, 혹시 모를 문제에 대비해 반드시 레지스트리 백업 방법 가이드를 먼저 확인하고 진행하시기 바랍니다.
이제 시작 메뉴를 열고 regedit를 입력해 레지스트리 편집기를 실행한 뒤, 아래 경로로 이동합니다.
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer
반드시 CURRENT_USER 키 아래에서 작업해야 합니다. LOCAL_MACHINE 키에서 수정하면 정상적으로 적용되지 않습니다. 일부 온라인 강좌에서 LOCAL_MACHINE 경로를 안내하지만 이는 잘못된 정보입니다.
Internet Explorer 키를 마우스 오른쪽 버튼으로 클릭한 후 새로 만들기(New) → 키(Key)를 선택합니다.
새 키의 이름을 View Source Editor로 지정하고 Enter 키를 누릅니다. 그다음 새로 만든 View Source Editor 키를 다시 오른쪽 클릭하여 새로 만들기 → 키를 선택합니다.
이번 키는 View Source Editor 아래에 생성되며, 이름은 Editor Name으로 지정합니다. 완성된 레지스트리 구조는 아래 이미지와 같아야 합니다.
오른쪽 창에서 값이 설정되지 않은 (기본값) 항목을 더블클릭합니다. 값 데이터(Value data) 입력란에 사용하려는 코드 편집기의 EXE 파일 전체 경로를 입력합니다. 이때 아래 예시처럼 반드시 경로 전체를 따옴표(")로 감싸야 합니다.
확인을 누르면 설정이 완료됩니다. 이제 IE를 열고 소스 보기를 실행하면 지정한 코드 편집기로 열리는 것을 확인할 수 있습니다. 컴퓨터를 재시작하거나 로그오프할 필요 없이 변경 사항이 즉시 적용됩니다.
아직 해결하지 못한 부분은 Windows 10에 기본 탑재된 새 브라우저인 Microsoft Edge의 소스 코드 편집기를 변경하는 방법입니다. 해결책을 찾는 대로 이 글에 업데이트하겠습니다. 궁금한 점이 있다면 언제든지 댓글로 남겨주세요!