목록전체 글 (43)

꾸준히 공부하는 개발자

[Electron.js] electron-builder 를 이용한 local, dev, prod 버젼 관리부터 s3 배포까지

electron으로 dev서버와 prod 서버를 동시에 관리해야 할 일이 생겼다. electron-builder-dev.yml productName: "example" appId: "example-dev" # Package electron code into a asar archive. Set to false to debug issues. asar: true protocols: - name: "Example-DEV" schemes: - ms-batchlabs - ms-batch-explorer # Mac OS configuration mac: icon: "./public/assets/icons/icon.png" # Config for OSX dmg dmg: title: "Example" # Windows ..
Electron.js 2020. 6. 16. 19:00
[Node.js] url로 img Download

이미지를 axios로 blob 데이터로 받아와 dom에 직접 image를 생성 후 그 dom을 클릭하여 a tag의 href를 클릭한 효과를 만들어 다운 받는다. axios({ url: decodeURIComponent(url), method: 'GET', responseType: 'blob' }).then((response) => { const url = window.URL.createObjectURL(new Blob([response.data])) const link = document.createElement('a') link.href = url link.setAttribute('download', `${item.id}.jpg`) document.body.appendChild(link) link.c..
Node.js 2020. 4. 27. 21:20
[Electron.js] electron.js 빌드부터 실행까지 (electron-builder)

package.json 을 작성해 보자 script "scripts": { "start": "electron .", "build:osx": "build --mac", "build:linux": "npm run build:linux32 && npm run build:linux64", "build:linux32": "build --linux --ia32", "build:linux64": "build --linux --x64", "build:win": "npm run build:win32 && npm run build:win64", "build:win32": "build --win --ia32", "build:win64": "build --win --x64" }, electron-bulider, electro..
Electron.js 2020. 4. 3. 20:47
[React] react-hook-form 사용기

SignUp.js import React, {useState} from 'react' import {useDispatch} from "react-redux" import {useForm} from "react-hook-form" import {signUp} from "../../actions/users" const SignUp = () => { const {register, handleSubmit, errors} = useForm() const handleLogin = async values => { console.log(values) try{ await dispatch(signUp(values)) alert('회원가입이 완료되었습니다..') history.push('/') }catch(err){ ale..
React 2020. 3. 17. 22:10
[React] React-admin TextArrayField

react-admin 에는 string 을 배열로 나열하게 만드는 field가 만들어져있지 않다. 이러한 기능을 왜 안 만들었는지 의문이지만, 다음에 사용하기위해 내가 직접 만들어 보았다. TextArrayField.js import React from "react" export const TextArrayField = ({data}) => { const arrayValues = Object.values(data) return ( {arrayValues.map((value, index) => {value})} ) } Show.js
React 2020. 3. 17. 16:34
[JS] 반복적인 문자 치환 (fromCharCode)

Sheet1.A1 = Sheet1.A3 Sheet1.B1 = Sheet1.B3 Sheet1.C1 = Sheet1.C3 Sheet1.D1 = Sheet1.D3 Sheet1.E1 = Sheet1.E3 Sheet1.F1 = Sheet1.F3 Sheet1.G1 = Sheet1.G3 Sheet1.H1 = Sheet1.H3 Sheet1.I1 = Sheet1.I3 Sheet1.J1 = Sheet1.J3 Sheet1.K1 = Sheet1.K3 Sheet1.L1 = Sheet1.L3 Sheet1.M1 = Sheet1.M3 Sheet1.N1 = Sheet1.N3 Sheet1.O1 = Sheet1.O3 Sheet1.P1 = Sheet1.P3 Sheet1.Q1 = Sheet1.Q3 엑셀data에서 이런 반복적인 작업을 하게 ..
Javascript 2020. 2. 27. 20:55
[JS] 특정 문자열 세기 (match)

문자열에서 특정문자열이 몇번 반복하는지 알아야 할 상황이 생겼다. 그래서 match 라는 함수를 사용하였다. match(regax) 매치안에는 정규표현식을 넣어줘야 한다. a = hello java javascript a.match(/ja/g) || [] // [ja,ja] // 타입을 맞춰주기위해 || [] 을 붙여준다. a.match(/test/g) || [] // [] a.match(/ja/g).length // 2
Javascript 2020. 2. 27. 20:52
[JS] Canvas image edit from s3

S3의 이미지를 가져와 blob 으로 변경 후 canvas에 그려야 작동한다. 또한 s3의 이미지를 encoding한 값을 넣으면 cors 문제로 받아와 지지 않는다고 에러가 났다. 그리고 마지막은 다시 s3로 편집한 이미지를 올리는 장면이다. 이러한 순서로 진행된다 s3 -> canvas -> s3 const imageEdit = async bool => { axios.get(decodeURIComponent(file.src), {responseType: 'blob'}).then( async blob => { const objectURL = URL.createObjectURL(blob.data); const res = await dataProvider('IMAGE', 'translations', {im..
Javascript 2020. 2. 18. 19:56
Prev 1 2 3 4 5 6 Next