맨 땅에 프론트엔드 개발자 되기

간단하게 파일 다운로드 기능 HTML로 구현하기 본문

코딩 공부 일지/HTML5

간단하게 파일 다운로드 기능 HTML로 구현하기

헬로코딩 2022. 5. 17. 12:19
728x90

회사에서 앱을 만들다가 회사 소개서 PDF 파일을 웹에서 다운로드 할 수 있도록 버튼을 만들어야 했다.

나의 선생님 구글에 검색해보니 대다수가 백엔드 개발자들이 구현한 예제들 뿐이었다. 이 간단한 기능을 만들기 위해 서버를 만들 필요는 없다고 생각했기에 더 구글링을 했다.

 

간단하게 HTML 만으로 다운로드 기능을 만들 수 있었다.

<a href="./images/파일명.png" download="">회사 소개서 다운로드</a>

다운로드를 제공할 파일을 프로젝트 폴더 안에 담아두고 a태그의 경로로 지정해주면 간단하게 구현이 가능했다.

 

새로 배운 거 기록하기!

728x90