전체보기
-
그냥 사용했던 Blob 알고 사용하자E.T.C 2022. 5. 24. 15:23
https://heropy.blog/2019/02/28/blob/ Blob(블랍) 이해하기 JavaScript에서 Blob(Binary Large Object, 블랍)은 이미지, 사운드, 비디오와 같은 멀티미디어 데이터를 다룰 때 사용할 수 있습니다. 대개 데이터의 크기(Byte) 및 MIME 타입을 알아내거나, 데이터를 송수신 heropy.blog 퍼온 자료입니다. ---------------------------------------------------------------------------------------ㅍ Blob? JavaScript에서 Blob(Binary Large Object, 블랍)은 이미지, 사운드, 비디오와 같은 멀티미디어 데이터를 다룰 때 사용할 수 있습니다. 대개 데이터..
-
Javscript) S3 url을 File로 변환하기Programing Language/JavaScript 2022. 5. 24. 15:07
- 구동방식은 서버로부터 받은 s3 url을 클라이언트가 저장하고 있다가 File로 변환하고 싶을때 클라이언트는 s3 url을 서버로 전송하고 서버는 받은 s3 url을 s3-aws를 이용하여 buffer로 변환하여 클라이언트에게 다시 전달한다. 그이후 클라이언트는 buffer를 blob -> file로 변환한다. - 클라이언트 코드 const s3imageUrlToFile = async () => { try{ let config = { headers: { Accept: '*/*', 'Content-Type': 'application/json;charset=utf-8', 'Cache-Control': 'no-cache', 'Access-Control-Allow-Origin': '*' } } let url..
-
CSS) input 타입 number에서 옆 방향키 없애기Programing Language/CSS 2022. 5. 16. 10:35
https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } 하단 광고 클릭은 개발자의 코손실을 방지합니다.
-
Node.js) S3에 업로드한 파일 삭제하기Programing Language/Node.js 2022. 5. 9. 14:45
3에서 이미지나 다른 정적 파일들을 보관하는 경우, 삭제할 필요성이 있다. 선언 const AWS = require('aws-sdk'); let s3 = new AWS.S3(); AWS.config.loadFromPath([AWS config path]) 단일 오브젝트 삭제 s3.deleteObject({ Bucket: 'mybucket', // 사용자 버켓 이름 Key: 'image/helloworld.jpeg' // 버켓 내 경로 }, (err, data) => { if (err) { throw err; } console.log('s3 deleteObject ', data) }) 여러 오브젝트 삭제 var params = { Bucket: "examplebucket", Delete: { Objects..
-
React.js) FilePond 다루기(파일 업로드 모듈)Programing Language/React.js 2022. 5. 5. 14:14
파일 업로드랑, 업로드 이후 파일 순서 변경할때 감지하는 명령어를 기록하기 위해서 작성. { //파일 업로드할때 console.log('[onUpdatefiles] files : ', files); }} onreorderfiles={(files) => { //파일 변경할때 console.log('[onReorderfiles] files : ', files); }} allowMultiple={true} maxFiles={5} acceptedFileTypes={['image/*']} itemInsertLocation={'after'} name="upload_files" labelIdle='Drag & Drop your files or Browse' onerror={(error, file) => { conso..
-
Jenkins) 설치하기 UbuntuE.T.C 2022. 4. 25. 14:12
설치방법 wget -q -O - https://pkg.jenkins.io/debian/jenkins-ci.org.key | apt-key add - echo deb http://pkg.jenkins.io/debian-stable binary/ | sudo tee /etc/apt/sources.list.d/jenkins.list apt-key adv --keyserver keyserver.ubuntu.com --recv-keys FCEF32E745F2C3D5 apt-get update apt-get install jenkins vi /etc/default/jenkins # 포트수정 -> HTTP_PORT=8080 systemctl status jenkins # 실행 확인 cat /var/lib/jenkin..
-
Vue) long Touch Event 구현하기Programing Language/Vue.js 2022. 3. 31. 17:47
Long Tap Event touchStart(){ this.longTouchToggle = true; setTimeout(() => { if(this.longTouchToggle){ alert('1초뒤 Event 발생') } }, 1000); }, touchEnd(){ this.longTouchToggle = false; }, //핵심은 @touchstart 와 @touchend 이다. 도움되셨다면 하단의 광고 클릭 부탁드립니다 :)