[javascript] 자바스크립트로 파일 업로드 및 다운로드 로깅 기능 추가하기
파일을 업로드하거나 다운로드하는 웹 애플리케이션에 로깅 기능을 추가해보겠습니다. 이를 통해 사용자가 어떤 파일을 업로드했는지와 어떤 파일을 다운로드했는지에 대한 정보를 기록할 수 있습니다.
1. 파일 업로드 로깅
먼저, 파일을 업로드하는 경우를 로깅하는 방법을 알아보겠습니다.
// 파일 업로드 시 로깅
function logFileUpload(fileName) {
console.log(`Uploaded file: ${fileName}`);
}
// 파일 업로드 이벤트 리스너
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', (event) => {
const file = event.target.files[0];
logFileUpload(file.name);
// 파일 업로드 로직 추가
});
위 코드에서는 파일을 업로드할 때 logFileUpload 함수를 통해 파일 이름을 콘솔에 기록합니다.
2. 파일 다운로드 로깅
이어서, 파일을 다운로드하는 경우를 로깅하는 방법을 살펴보겠습니다.
// 파일 다운로드 시 로깅
function logFileDownload(fileName) {
console.log(`Downloaded file: ${fileName}`);
}
// 파일 다운로드 링크
const downloadLink = document.getElementById('downloadLink');
downloadLink.addEventListener('click', (event) => {
const fileName = event.target.getAttribute('download');
logFileDownload(fileName);
// 파일 다운로드 로직 추가
});
위 코드에서는 파일을 다운로드할 때 logFileDownload 함수를 통해 파일 이름을 콘솔에 기록합니다.
3. 요약
이렇게 파일 업로드 및 다운로드 시 로깅 기능을 추가할 수 있습니다. 이러한 로깅은 사용자 활동을 기록하고 추적하는 데 도움이 됩니다.
더 많은 기능을 추가하여 보다 상세한 로깅 및 분석을 수행할 수도 있습니다.