본문 바로가기

프론트엔드2

a태그 사용한 첨부파일 다운로드 방법 프로젝트를 진행하던 중 관리자 페이지에서 첨부파일을 다운로드하는 기능을 구현해야했다. 자바스크립트의 a태그에는 download속성이 있다.  {list.files?.length > 0 ? list.files.map((file, index) => ( {file.fileName} )) : "첨부파일 없음"} 서버에서 받아오는 file의 이름을 a태그로 감싸고 a태그 속성에 href를 받아오는 파일의 url로 설정하고 download 적용해주면 다운로드가 될 줄 알았지만 단순히 file의 url링크로만 들어가지는 문제였다. 검색해보니 a태그의 download속성은  동일출처 정책에 의해 다운로드 파일의 경로가 현재 파일의 경로와 동일해야 적용된다는 것! .. 2024. 7. 5.
keypress / keydown은 같은가? 키보드 이벤트 자바스크립트를 이용하여 웹페이지 상에서 키보드 입력을 감지했을 때 발생하는 이벤트 keydown / keypress / keyup 이 있다. keypress / keydown은 키를 누른다는 것에 이벤트가 발생하는 건데 어떤 차이가 있을까 https://codepen.io/yamoo9/pen/vRmeQZ DOM API - keydown, keypress, keyup, input 이벤트 간 차이 ... codepen.io 가장 직관적으로 알 수 있는 사이트 keydown 모든 키를 눌렀을 때 발생한다 (물리적으로 어떤 키가 눌렸는지) 방향키와 문자, 숫자, 특수 문자 키를 눌렀을 때 발생 단 문자, 숫자, 특수 문자, enter 키를 눌렀을 때는 연속적으로 발생하지만 그 외의 키를 눌렀을 때.. 2023. 12. 14.