개발로그

파일 다운로드 기능을 구현하면서 약간의 삽질을 하면서 애를 먹었는데 덕분에 새로운 사실들을 알게 되었다. 서버에서 ByteArray 값을 내려주는 경우 파일로 만들어 내려받기 서버에서 response header에 보내주는 Content-Disposition 정보 사용하기 검색으로 여러가지 자료를 봤었는데 가장 도움이 되었던 건 아래 링크! http://1004lucifer.blogspot.com/2019/04/axios-file-download-with-vuejs.html [Axios] File Download 방법 (with Vue.js) 서버에서 ByteArray 형식으로 파일을 내려주는 상황에서 아래와 같은 로직으로 파일 다운로드 처리를 했다. 서버에서 헤더의 Content-Disposition ..

1. 2019 W3C HTML5 컨퍼런스 매년 과기부에서 주최하는 행사. - Vue.js 발표 자료 링크https://github.com/joshua1988/vue-five-common-mistakes - 흥미로운 주제들 - SVELTE - Project Fugu https://www.chromium.org/teams/web-capabilities-fugu - fugu는 복어라는 뜻. 잘쓰면 좋지만 잘못쓰면 독이된다... - fugu로는 네이티브에서만 가능한 파일시스템에 접근 가능하다. - PWA 최신 API 목록 https://developers.google.com/web/updates/capabilities 2. vim으로 자동 생성된 import 구문의 경로 앞에 붙는 '@'는 얼라이언스라고 하는데..

오늘 한 일 Vue.js 완벽가이드 인프런 강좌 [중간정리 및 스타일링]까지 30% 수강 및 실습. 자바스크립트 노랭이 책 [7장 함수표현식] 완독. 공부 내용 axios / Promise axios는 Promise 객체를 반환하므로 .then과 .catch를 이용하여 비동기 처리를 할 수 있다. Promise 객체는 ES6에서 정의된 것으로, 콜백함수지옥을 해결해 줄 수 있다. new Promise로 객체 인스턴스를 만드는 순간 Promise는 대기 상태에 있게 된다. 그리고 http호출을 통해 값을 받아오게 되면 response를 가진 이행 상태가 된다. 그러나 값을 받아오지 못하면 실패 상태가 된다. 이것을 코드로 표현하면 다음과 같다. new Promise(function(resolve, reje..