I. 서론

• 인터넷 커뮤니티라는 가상의 공간에서 이용자들은 자신의 생각과 의견을 담은 글들을 업로드 함
• 글 작성자는 자신의 글을 삭제하는 것 또한 자유롭게 할 수 있음

때문에 법적으로 문제가 될 수 있는 게시물이 업로드 될 수 있고 이로 인해 정신적 / 금전적 피해 등의 다양한 피해가 발생 가능

• 피해 발생 시 해당 게시물에 대한 수사가 진행되지만 수사 도중 그 게시물이 삭제될 수 있음

⇒ 브라우저의 화면 켑처를 통해 해당 시점에 발생한 화면을 보존하는 작업 진행 BUT 웹 자원의 크기와 수사관이 사용하는 모니터의 해상도에 따라 모든 내용을 포함하여 이미지를 생성하는 데에 한계 발생

• 본 논문에서는 웹 아카이빙 기술을 활용하여 문제를 해결하고자 함

  • 웹 아카이빙 : 지속적으로 보존할 가치가 있는 웹 자원을 장기간 관리하도록 하는 행위

  • 본 논문에서 웹 아카이버의 주요 기능

    • 페이지 주소 입력 시 웹 아카이버가 페이지에 접속하여 소스코드 확보 후 HTML 파일 저장
    • 확보한 소스코드에서 변경 발생하는 경우 렌더링 시 시각적이거나 청각적으로 저해되는 요소 파악
    • 이러한 자원들을 특정 스토리지에 다운로드 받아 저장 후 해당 자원을 호출하는 속성 값을 찾아 스토리지를 기준으로 하는 상대주소로 변경하고 수정된 HTML 파일 저장

    ⇒ 로드한 시점에서의 웹 페이지 상태를 보존함으로써 해당 시점에 문제의 소지가 발생하였음을 증명할 수 있음

II. 웹 아카이빙 기반 디지털 포렌식을 위한 웹페이지 분석

• 우리가 브라우저를 통해 볼 수 있는 웹 페이지 화면은 마크업 언어 HTML의 렌더링 결과
• 이미지, 비디오, 오디오, 폰트 등 스타일에 관한 에셋은 리모트 서버에 있는 자원 호출로 이루어짐
  • 에셋은 마크업 속성에 자원 주소를 입력하여 로드됨
    • 스타일시트(css)의 경우 link 태그의 href 속성이나 style 태그 내 @import 문으로 호출
    • 비디오 / 오디오 / 이미지는 각각의 태그 src 속성에 리모트 서버 내 주소를 정의하여 호출

마크업에 정의된 주소의 형태

1. 절대 경로 주소
   • 고유한 경로
   • 어느 사용자가 어느 위치에서 접속하던 동일한 방식으로 접근 가능한 주소
   • 형태 : scheme:[//[user[:password]@host[:port]][/path][?query][#fragment]
2. 상대 경로 주소
   • 마크업 파일이 소속된 디렉토리를 기준점으로 섬는 경로 선언 방식
3. Base64 문자열
   • 이진 데이터를 문자 코드에 영향 받지 않는 ASCII 문자열로 바꾸는 인코딩 방식
   • base64 문자열 그 자체가 에셋의 데이터를 나타내기 때문에 별도의 다운로드나 변환 처리 요구 X

마크업에 포함된 주소의 처리

1. src, srcset, href, poster 속성과 script 태그의 content

   • 절대 / 상대 경로 주소로 선언된 에셋들은 아카이버가 아카이빙을 진행하는 단계에서 로컬 스토리지에 다운받고 이를 로컬 스토리지에 대한 주소로 변환해야 함

     • 변환 대상 속성 : src, srcsert, href, poster 속성, script 태그 본문에 포함된 에셋 영역

   • 상대 경로 주소로 속성에 정의된 에셋 주소는 도메인과 현재 웹 페이지가 소속된 디렉토리 위치를 파악하여 절대 경로 주소로 변환해야 함

     • ex. images/apple.png 파일이 https://example.com/archives/example-a1b2-c3d4/index.html 마크업 파일에 선언된 경우

       절대 경로 주소로 변환된 결과 : https://example.com/archives/example-a1b2-c3d4/images/apple1.png

   • 특수한 문자열 처리가 필요한 속성

     • ex. srcset의 경우 media 속성에 따라 달라지는 에셋 리스트를 comma(,) 단위로 구분하여 정의

       ⇒ comma 단위로 문자열 분리 후 필요없는 widtg 값을 없앤 후 남은 주소 값으로 변환 작업 진행

2. style 속성 내 포함된 url

   • javascript에 의해 동적으로 특정 태그의 스타일이 변경되는 상황
     • 태그에 style 속성을 추가하여 기존 css에서 적용한 스타일 overwrite 시킴
     • background-image와 같이 에셋의 url을 필요로하는 스타일 속성이 포함된 경우 정규표현식을 사용하여 url만 따로 추출하도록하여 에셋 처리

III. 구현 및 실험

• Python 언어를 사용하여 웹 아카이버 구현