본문 바로가기

Vue/vue 활용하기

Vue/vue 활용하기 2022. 6. 17. vue Toast UI Editor 적용기 사내 프로젝트를 하던 도중 기존에 사용하던 에디터가 너무 오래되어 교체를 할 필요성이 생겨 에디터를 새로 적용하기로 하였고 고민하던 도중 nhn에서 운영하는 오픈소스인 Toast Ui를 활용하기로 하였다. 처음에 사용한 Toast Editor는 Toast Ui에서 자체 vue로 래핑된 라이브러리를 제공해서 사용했었다. https://github.com/nhn/tui.editor/tree/master/apps/vue-editor GitHub - nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible..
Vue/vue 활용하기 2020. 4. 12. Spring-boot(mysql-mybatis-aws s3(cloudFront) + Vue.js 를 활용한 파일 업로드 하기 - 프론트 구성 https://loy124.tistory.com/204 (s3 서버 구축하기) https://loy124.tistory.com/205?category=768865 (s3 CloudFront와 연동하기) 기초 셋팅 https://loy124.tistory.com/206 백엔드 구성편 https://loy124.tistory.com/207 프론트 구성편 https://loy124.tistory.com/208 vue.js script 방식을 활용해서 간단하게 file upload를 테스트해보았다. File Submit 이미지 리스트 받아오기 {{galleryData.title}} 파일 업로드 버튼 클릭 선택이 된것을 확인할수 있다. submit 버튼 제출시 console.log창에 success가 잘 나오고 ..
Vue/vue 활용하기 2020. 4. 12. vue image preview(vue 이미지 미리보기) 컴포넌트 만들기 https://codepen.io/loy124/pen/ZEbGQaW vue image preview ... codepen.io codepen에도 업로드 해두었다.(테스트 가능) 프로젝트를 진행중에 파일을 업로드하기전 파일 업로드시 이미지 미리보기 를 나타내주는 컴포넌트가 필요해서 제작하게 되었다. 사진 등록 사진은 가로로 찍은 사진을 권장합니다. (가로 사이즈 최소 800px) 사진 용량은 사진 한 장당 10MB 까지 등록이 가능합니다. 이미지 실사진 최소 3장 이상 등록하셔야 하며, 가로사진을 권장합니다. 로고를 제외한 불필요한 정보(워터마크,상호,전화번호 등)가 있는 매물은 비공개처리됩니다 일반 사진 등록 x 추가 사진 등록 js 파일 files.file 에는 실제 file의 데이터가 담겨있고 fil..

티스토리툴바