月亮

ckeditor을 사용하면서 에디터의 리턴 결과물이 html인데, html의 경우 스타일까지 모두 보여주면서 워드파일로 만들어야 할 일이 생겼다. 단, 주의 할 점은 모든 스타일은 인라인 스타일로 해야한다! 그것만 주의 하면 글꼴 스타일 빼고는 전부 css가 잘 적용되는거 같다! ​ 팁) 아래의 html 코드로 page-break를 임의로 설정할 수 있다. 간단하게 작성 할 수 있다. const createWord = (fileName, title) => { const header = "" + ""; const contents = 'This is the initial content of the editor.content of the editor content of the editor content of ..

원래는 ckeditor5로 잘쓰고 있었는데 이미지 업로드 쪽에서 사용자가 직접 사이즈를 입력하게끔하고 싶은데 마땅한 라이브러기가 없어서 인터넷을 뒤져보니 vue3+ckeditor4로 할 수 있는 방법이 있었다! 추가적으로는 이미지 업로드/다운로드를 설정한 과정도 기록해둔다. ckeditor를 직접 zip 파일로 받아야한다. ​ https://ckeditor.com/ckeditor-4/download/#ckeditor-4 CKEditor 4 - Download Latest Version Download a ready-to-use Latest Version of CKEditor 4 package. ckeditor.com 위의 링크에 들어가서 주의 할 점이 있다! lts로 사용하지 않고 그냥 ckeditor4..

요구사항 : vuejs환경에서 v-world 맵과 openlayers를 이용하기 1. v-world에 회원가입을 하고 인증키를 발급 받는다.​ https://www.vworld.kr/v4po_main.do 브이월드 지도조회 공간정보 다운로드 서비스 기업정보 지도조회 다양한 국가공간정보를 누구나 쉽게 조회·활용할 수 있는 2D·3D 지도서비스를 제공합니다. 브이월드 지도 바로가기 공간정보 다운로드 www.vworld.kr ​ 오픈 api를 사용하는데 내가 필요한 것은 아래의 지도였다. ​ 2. 필요한 라이브러리 받기 나는 yarn을 사용해서 아래 처럼 받았다. yarn add ol ol-ext proj4 // npm install ol ol-ext proj4 ol-ext의 경우 좀 더 다양한 기능을 사용하..

1. request 헤더를 blob로 받기 excelDownload: (url, param) => { return axios.get(`${API_URL}${url}`, { params: param, responseType: "blob", }); }, const downloadExcel = () => { data.value.loading = true; commonService.download({ data.value.param }).then( (d) => { if (d.status === 200) { // 파일 이름 추출 const contentDisposition = d.headers["content-disposition"]; const filename = contentDisposition.split("f..

mac lsof -i tcp:8080 출처 https://dundung.tistory.com/148

개발 서버에 nextjs 프로젝트를 올리던중 context-path 설정이 필요해서 알아보고 기록해둔다. 1. next confing 설정 수정 : basePath에 하고 싶은 path 설정 /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, basePath: '/blog', } module.exports = nextConfig 이렇게 설정하면 이미지 import 중 문제가 생긴다. 이미지는 아직 path 설정을 안붙였기 때문 2가지 방법이 존재한다. 2-1. src 경로에 path 붙여주기 2-2. src 경로 안에 Images 폴더 추가하고 안에 이미지 넣기 , 그리고 해당 이미지 import해서 사용..

👾 읽기 전에 이 글에서는 StatefulSet이 아닌 Deployment를 이용하여 MongoDB를 쿠버네티스에 배포하는 방법을 다룹니다. 이 방법은 개발 환경에서 테스트하거나 사용하기에 적합하며, 프로덕션 환경에서 사용하려면 추가적인 설정이 필요할 수 있습니다. 쿠버네티스를 활용하여 개발용 MongoDB를 배포하는 과정에서 필요한 단계들을 정리하였습니다. 이 과정은 다음과 같이 진행됩니다. PersistentVolume (PV) 및 PersistentVolumeClaim (PVC) 생성 (https://yueliang-front-end.tistory.com/32) Secret 생성 (MongoDB root 계정 생성을 위해 필요) Deployment 및 Service 생성 MongoDB 인스턴스 접속..

👾 방법 1 - 파일 질라 이용하기 1. Download FileZilla client : 본인에게 맞는 파일질라 클라이언트 다운로드 & 설치 https://filezilla-project.org/download.php?show_all=1 2. 이용할 서버 접속 ex) Sftp://192.168.10.xx , id,pw입력 접속 👾 방법 2 - scp명령어로 전송 https://doheejin.github.io/linux/2021/03/03/linux-scp.html

이번에는 기존 db에서 다른 서버에 있는 db에 데이터를 옮겨야하는 일이 생겨서 알아보는 시간을 가졌다. 👾 실습 원격접속 ssh [id]@[192.168.10.xxx] mysql접속 mysql -u [mariadb계정명] -p db 확인 show database export함(루트에 있음) mysqldump -u [mysql계정] -p [데이터베이스이름] > backup.sql 확인 ls 다른 서버로 옮기는 작업 (export 된 dump를 다른 서버로 옮김) scp backup.sql [받을서버id]@[192.168.10.xxx]:[/tmp] 임시 서버 폴더 Backup.sql을 받은 서버로 접속 , backup.sql 위치 확인 ssh [id]@[192.168.10.xxx] import (단, 데이..

더 좋은 방법이 있을것 같지만 일단 원하는대로 동작한다. // 키보드 이벤트로 해결하는 방법 @keydown="$event.target.blur()" @keypress="$event.target.blur()" @keyup="$event.target.blur()" 참고 키보트 이벤트에 관한 글 https://velog.io/@jjhstoday/project-Sleact-keydown-keypress-keyup-%EC%9D%98-%EC%B0%A8%EC%9D%B4%EB%8A%94 https://stackoverflow.com/questions/58109631/vuetify-combobox-how-to-disable-typing-in-vuetifys-combobox