브라우저의 개발자 콘솔에 액세스하는 방법

학습 내용

대부분의 최신 웹 브라우저에서 표준으로 제공되며 페이지 오류와 경고를 기록하는 도구인 브라우저의 개발자 콘솔에 액세스하는 방법을 알아보세요. 개발자 콘솔은 기술적 문제를 디버깅하는 데 도움이 될 수 있어요.

Klaviyo 지원 팀에서 문제 해결을 돕기 위해 브라우저의 개발자 콘솔에서 확인할 수 있는 추가 정보를 요청할 수 있어요. 개발자 콘솔의 스크린샷이나 로그를 요청받은 경우, 아래 단계에 따라 사용 중인 브라우저에서 이 정보에 액세스하세요.

Chrome에서 열기

This content requires Functional cookies to be enabled.

Update Cookie Settings

Chrome 메뉴 바에서 Chrome 개발자 콘솔에 액세스할 수 있어요.

1. Chrome 창을 여세요.
2. Chrome 메뉴 바에서 보기 메뉴를 여세요.
3. Developer > JavaScript Console을 선택하여 개발자 콘솔을 여세요.
   

개발자 도구의 Inspect Element 탭을 열면 JavaScript 콘솔로 이동할 수도 있어요:

1. Chrome 창을 열고 어떤 웹페이지로든 이동하세요.
2. 브라우저 창 안의 웹 페이지에서 마우스 오른쪽 버튼을 클릭하세요.
3. Inspect를 선택하세요.
4. 콘솔 탭으로 이동해 주세요.

또는 키보드 단축키 Option + Command + J (Mac) 또는 Control + Shift + J (PC)을 사용해 콘솔을 직접 열 수 있어요.

콘솔 탭을 성공적으로 연 다음, 페이지를 새로고침하거나 기술적 문제를 발생시키는 작업을 수행하고 콘솔 창의 결과를 전체 스크린샷으로 캡처해 주세요.

Safari에서 열기

Safari에서 개발자 콘솔에 액세스하려면 먼저 브라우저 환경설정에서 개발자 메뉴를 활성화해야 해요.

1. Safari 메뉴 막대에서 Safari > 환경설정을 클릭하세요.
2. 고급 탭을 선택합니다.
3. Advanced 탭에서 메뉴 막대에 개발자 메뉴 표시를 클릭해 개발자 콘솔에 쉽게 액세스할 수 있도록 설정하세요.

해당 메뉴가 활성화되면 메뉴 막대에서 개발자 콘솔에 액세스할 수 있어요.

1. Safari 창을 여세요.
2. 메뉴 바에서 Develop > Show JavaScript Console을 클릭하세요.
   

또는 키보드 단축키 Option + Command + C 를 사용해 콘솔을 바로 빠르게 열 수 있어요.

콘솔 탭을 성공적으로 연 다음, 페이지를 새로고침하거나 기술적 문제를 발생시키는 작업을 수행하고 콘솔 창의 결과를 전체 스크린샷으로 캡처해 주세요.

Firefox에서 열기

1. Firefox 브라우저 창을 여세요.
2. 오른쪽 상단 모서리에 있는 메뉴 버튼을 클릭하세요.
3. 추가 도구를 선택하세요.
4. 사용 가능한 옵션에서 웹 개발자 도구를 클릭하세요.
   

Firefox에서 웹 콘솔을 여는 키보드 바로가기는 Option + Command + K (Mac) 또는 Command + Shift + J (PC)예요.

Web Console을 성공적으로 열었으면 페이지를 새로고침하거나 기술적 문제를 일으키는 작업을 수행한 다음, 콘솔 창에 표시된 결과의 전체 스크린샷을 찍어 주세요.

다른 브라우저에서 개발자 콘솔에 액세스하기

대부분의 브라우저는 자체 개발자 도구를 사용하는 방법에 대한 안내를 제공합니다. 위의 지침에 포함되지 않은 브라우저를 사용하는 경우, 선호하는 브라우저의 문서에서 더 구체적인 지침을 검색하는 것이 좋습니다.

추가 자료