사이트 이용 오류 확인을 위해 기술 로그를 전달하는 방법

1. 크롬 (Chrome)

1. 개발자 도구 열기: 키보드에서 F12 키를 누릅니다. (Mac 사용자는 Option+Command+J)
   또는, 브라우저 오른쪽 상단 메뉴(점 3개) > 도구 더보기 > 개발자 도구를 클릭합니다.
    
2. 준비 및 문제 재현:
   • 개발자 도구 창 상단에서 Network 탭을 클릭합니다.
   • Preserve log (로그 보존) 체크박스를 반드시 선택합니다.
   • 개발자 도구가 열린 상태에서, 문제가 발생하는 상황을 다시 한번 실행해 주세요. (예: 특정 버튼 클릭, 페이지 새로고침 등)
     
      
3. 정보 저장:
   • 통신 내역 (HAR 파일): Network 오른쪽 상단에 있는 내보내기 아이콘(보통 위쪽 화살표 모양)을 클릭하여 파일을 저장합니다. (파일 확장자: .har)
   • 오류 메시지 (콘솔 로그): Console 탭 안의 내용 위에서 마우스 오른쪽 버튼을 클릭한 후, Save as... (다른 이름으로 저장)를 선택하고 파일을 저장합니다. (파일 확장자: .log)

2. 사파리 (Safari)

1. 개발자 메뉴 활성화 (처음 한 번만 설정):
   • 사파리 메뉴 막대에서 Safari > 설정 (또는 Settings)으로 이동합니다.
   • 고급 탭을 선택합니다.
   • 맨 아래에 있는 웹 개발자를 위한 기능 보기 체크박스를 선택합니다.
      
2. 웹 인스펙터 연결 열기: 메뉴 막대의 개발자용 > 웹 인스펙터 연결를 클릭합니다. 
   (단축키: Option+Command+I) 
   
    
3. 준비 및 문제 재현:
   • 웹 인스펙터 창 상단에서 네트워크 탭을 클릭합니다.
   • 옵션 중 로그 유지 (Preserve Log) 를 반드시 선택합니다.
   • 웹 인스펙터가 열린 상태에서, 문제가 발생하는 상황을 다시 한번 실행해 주세요.
      
4. 정보 저장:
   • 통신 내역 (HAR 파일): 네트워크 탭 오른쪽 상단에 있는 내보내기 아이콘(보통 위쪽 화살표 모양)을 클릭하여 파일을 저장합니다. (파일 확장자: .har)
   • 오류 메시지 (콘솔 로그): 콘솔 탭으로 이동합니다. 콘솔 창 안의 모든 텍스트를 선택(키보드 Command+A)하고 복사(키보드 Command+C)합니다. 텍스트 편집기(메모장, TextEdit 등)를 열어 복사한 내용을 붙여넣기(키보드 Command+V)한 후 파일을 저장합니다. (파일 확장자: .log 또는 .txt)

3. 엣지 (Edge)

(크롬 브라우저와 매우 유사합니다)

1. 개발자 도구 열기: 키보드에서 F12 키를 누릅니다. (Mac 사용자는 Option+Command+J)
   또는, 브라우저 오른쪽 상단 메뉴(점 3개) > 기타 도구 > 개발자 도구를 클릭합니다.
    
2. 준비 및 문제 재현:
   • 개발자 도구 창 상단에서 Network 탭을 클릭합니다.
   • Preserve log (로그 보존) 체크박스를 반드시 선택합니다.
   • 개발자 도구가 열린 상태에서, 문제가 발생하는 상황을 다시 한번 실행해 주세요.
      
3. 정보 저장:
   • 통신 내역 (HAR 파일): Network 탭 상단의 도구 모음에서 내보내기 HAR 아이콘(아래쪽 화살표 모양)을 클릭하여 파일을 저장합니다. (파일 확장자: .har)
   • 오류 메시지 (콘솔 로그): Console 탭 안의 내용 위에서 마우스 오른쪽 버튼을 클릭한 후, Save as... (다른 이름으로 저장)를 선택하고 파일을 저장합니다. (파일 확장자: .log)