핵심 요약
- 스크래치패드(Scratchpad)는 더 이상 제공되지 않으며, 대신 모질라 파이어폭스의 웹 콘솔(Web Console)을 사용할 수 있습니다.
- 파이어폭스에서 도구 > 웹 개발자 > 웹 콘솔 메뉴로 이동합니다.
- 여러 줄 편집 모드를 사용하려면 Ctrl+B 단축키(Mac에서는 Cmd+B)를 누른 후 코드를 입력하면 됩니다.
스크래치패드는 파이어폭스 72 버전이 출시되면서 삭제되었습니다. 하지만 걱정하지 않으셔도 됩니다. 이 글에서는 JavaScript 코드를 테스트할 수 있는 적절한 대체 도구인 웹 콘솔 사용 방법을 자세히 소개합니다.
파이어폭스 웹 콘솔 에디터 모드 활용하기
스크래치패드가 사라졌지만, 모질라는 파이어폭스 71 버전부터 웹 콘솔에 에디터 모드를 새롭게 도입했습니다. 이 기능은 여러 줄로 된 JavaScript 코드를 작성하고 테스트하기에 충분한 대안이 됩니다. 다음 순서대로 따라 해 보세요.
도구 > 웹 개발자 > 웹 콘솔 메뉴를 엽니다.
키보드 단축키 Ctrl+Shift+K를 눌러서도 웹 콘솔에 바로 접근할 수 있습니다.
콘솔은 화면 하단에 나타나며 현재 열려 있는 웹 페이지의 코드를 표시합니다. 콘솔 왼쪽 하단의 화살표 아이콘을 클릭하면 여러 줄 편집 모드로 전환됩니다.
단축키 Ctrl+B(macOS에서는 Cmd+B)를 눌러서도 여러 줄 편집 모드를 사용할 수 있습니다.
에디터에 실행하려는 코드를 입력합니다. Enter 키로 새 줄을 추가하고, Ctrl+Enter 키를 누르면 작성한 코드가 실행됩니다.
마무리 팁
웹 콘솔 에디터 모드는 간단한 스니펫 테스트부터 복잡한 로직 검증까지 손쉽게 처리할 수 있는 강력한 도구입니다. 스크래치패드에 익숙했던 개발자라면 몇 번만 사용해 보면 큰 불편 없이 웹 콘솔로 전환할 수 있을 것입니다.