Vue
-
URL.createObjectURL(Blob) 이란? : Blob 객체(이미지, 동영상 등 대용량 바이너리 객체)를 가상의 URL을 부여하여 접근할수 있게 한다. : 생성된 주소는 메모리에 올라가 있다. : createObjectURL(Blob)을 사용한 브라우저가 종료될 경우 메모리에 올라간 가상 URL은 사라지게 된다. 예) Vue 환경 View x Javascript methods: { imageUpload() { this.pdf_files = [ { file: this.$refs.files.files[0], preview: URL.createObjectURL(this.$refs.files.files[0]) } ] } } * Blob(Binary Large Objects) 대용량 바이너리..
URL.createObjectURL(Blob)URL.createObjectURL(Blob) 이란? : Blob 객체(이미지, 동영상 등 대용량 바이너리 객체)를 가상의 URL을 부여하여 접근할수 있게 한다. : 생성된 주소는 메모리에 올라가 있다. : createObjectURL(Blob)을 사용한 브라우저가 종료될 경우 메모리에 올라간 가상 URL은 사라지게 된다. 예) Vue 환경 View x Javascript methods: { imageUpload() { this.pdf_files = [ { file: this.$refs.files.files[0], preview: URL.createObjectURL(this.$refs.files.files[0]) } ] } } * Blob(Binary Large Objects) 대용량 바이너리..
2021.10.27 -
Vue js 에서 사용하는 vue-cli를 사용하여 프로젝트 생성 1. vue-cli 설치 : npm install -g @vue-cli * vue-cli란 vue-cli는 기본 vue 개발 환경을 설정해주는 도구입니다. vue-cli가 기본적인 프로젝트 설정을 해주기 때문에 폴더 구조에 대한 고민, build, 라이브러리 구성, 배포를 위한 webpack 등 고민할 필요가 없다. 설치됐는지 확인하기 : vue 해당 화면이 뜰경우 설치가 완료된거다. -g(global) 명령어를 사용했기때문에 환경변수가 적용되어 명령어 사용이 가능한거다. 2. Vue 프로젝트 생성 * vue init webpack 프로젝트명 : vue init webpack my-obo ********* * vue ini..
Vue 프로젝트 생성하기Vue js 에서 사용하는 vue-cli를 사용하여 프로젝트 생성 1. vue-cli 설치 : npm install -g @vue-cli * vue-cli란 vue-cli는 기본 vue 개발 환경을 설정해주는 도구입니다. vue-cli가 기본적인 프로젝트 설정을 해주기 때문에 폴더 구조에 대한 고민, build, 라이브러리 구성, 배포를 위한 webpack 등 고민할 필요가 없다. 설치됐는지 확인하기 : vue 해당 화면이 뜰경우 설치가 완료된거다. -g(global) 명령어를 사용했기때문에 환경변수가 적용되어 명령어 사용이 가능한거다. 2. Vue 프로젝트 생성 * vue init webpack 프로젝트명 : vue init webpack my-obo ********* * vue ini..
2021.10.25