728x90 반응형 전체 글52 초보 개발자들을 위한 완벽한 사이드 프로젝트 아이디어 공유 안녕하세요, 열정 넘치는 개발자 여러분! 최근 습득한 기술을 시험해 볼 준비가 되셨지만 완벽한 사이드 프로젝트를 찾는 데 어려움을 겪고 계신가요? 사이드 프로젝트 주제로 고민하는분들을 위해 공유합니다 1. 날씨 맞추기: 힙한 날씨 앱 인정해야 할 거예요, 우리 모두 날씨에 조금 집착하죠. 그렇다면 클래식한 날씨 앱에 돌을 던져 보는 건 어때요? 무더운 날씨에 대한 까칠한 말투나 우중충한 비오는 날에 대한 웃긴 말장난을 생각해 보세요. API 호출과 재치 있는 유머의 조합으로 이 프로젝트는 누구의 하루를 밝혀줄 것입니다. 2. 생각에 대한 페니: 기분 추적의 달인 초보 개발자로서 코딩에 빠져들다 보면 감정 건강을 잃어버리기 쉽습니다. 그래서 기분을 추적하고 지혜와 지지를 제공하는 앱을 만들어 보세요. 맞춤.. 2023. 4. 17. [vuejs] Dropzone vue3로 파일 드래그앱드롭 업로드 구현하기 Vue3에서 파일 업로드를 쉽게 구현할 수 있는 Vue3-Dropzone 라이브러리의 사용법 이 라이브러리를 사용하면 사용자들이 파일을 마우스로 드래그하여 업로드할 수 있는 기능을 간편하게 구현 가능합니다 1. 설치 및 환경 설정 Vue3-Dropzone을 사용하려면 먼저 프로젝트에 설치해야 합니다. 다음 명령어를 사용하여 설치할 수 있습니다. npm install vue3-dropzone 2. 설치가 완료되면, 사용할 Vue 컴포넌트에 import import { useDropzone } from "vue3-dropzone"; 3. 템플릿 구현 // HTML 템플릿 파일을 마우스로 끌어 추가해주세요 4. Vue3-Dropzone 사용 export default { created() { function .. 2023. 4. 17. [vuejs] base64 첨부파일 새 탭으로 미리보기 기능 base64 첨부파일 새 탭 (새창)으로 미리보기 기능 × previewFile(id){ var fileInfo = this.dataObj.fileIds.find(v=>v.id === id); //파일 배열 const fileExtension = fileInfo.fileName.split(".")[1].toLowerCase(); //확장자 //공통기능 호출 this.$previewFile(fileExtension, fileInfo.base64); }, app.config.globalProperties.$previewFile = (fileExtension, b64Data) => { const imageExtensions = ["png", "jpg", "jpeg", "gif", "bmp", "webp", ".. 2023. 3. 24. [vuejs] daterangepicker 새로고침 해야 나오는 현상, 페이지 이동시 작동 안됨 오류 common.js에 DataRangePicker에 대한 옵션이 적용되어있으나 해당페이지에서는 작동하지 않고, 새로고침해야 작동되는 오류가 있음, 원인은 js파일을 로드하지 못하는것으로 추측되는데, mounted에 DataRangePicker를 로드하도록 했지만 Uncaught TypeError: $(...).datepicker is not a function 오류가 발생 해결방법 daterangepicker npm 설치 후 전역에서 사용 할 수 있도록 별도 처리 1. common.js 기존 데이트픽커 init 부분을 vue로 가지고 오고 중복되지 않게 주석처리 **** vue mounted로 이동, 주석처리함 $(function() { var start = moment().subtract(29, 'day.. 2023. 3. 22. 이전 1 2 3 4 5 6 7 ··· 13 다음 728x90 반응형
