이번에는 JavaScript를 사용하여 웹 페이지에서 파일을 다운로드하는 방법을 알아보겠습니다.

다운로드 링크 생성하기

우선, 다운로드할 파일의 링크를 생성해야 합니다. 다음은 파일을 다운로드할 수 있는 링크를 생성하는 예제입니다.

const downloadLink = document.createElement('a');
downloadLink.href = 'https://example.com/file.zip';
downloadLink.download = 'file.zip';
downloadLink.innerHTML = '다운로드 파일';
document.body.appendChild(downloadLink);

위 코드에서는 a 요소를 생성하여 href 속성을 다운로드할 파일의 URL로 지정하고, download 속성을 파일의 이름으로 지정합니다.

조건문을 사용한 다운로드 처리

다운로드를 시작하기 전에 사용자에게 확인 메시지를 표시하려면 조건문을 사용할 수 있습니다.

function confirmDownload() {
  if (confirm('파일을 다운로드 하시겠습니까?')) {
    downloadLink.click();
  } else {
    console.log('다운로드가 취소되었습니다.');
  }
}

위 코드는 confirm 함수를 사용하여 사용자에게 확인 메시지를 표시하고, 확인을 선택한 경우에만 파일을 다운로드합니다.

결론

이렇게 JavaScript를 사용하여 파일을 다운로드하는 방법을 살펴보았습니다. 파일 다운로드 전에 사용자에게 확인 메시지를 표시하여 더 나은 사용자 경험을 제공할 수 있습니다. 여기서는 간단한 예제를 다루었지만, 실제 프로젝트에서는 더 많은 오류 처리를 추가해야 합니다.

더 많은 자세한 내용은 MDN Web Docs를 참고하시기 바랍니다.