반응형 분류 전체보기31 [vuejs] vue multi page build vue는 기본적으로 spa 프로그램이지만 실제 사용할때는 페이지를 분리해서 사용해야 될 때가 있습니다. 예를 들어 로그인 페이지등을 분리하는 경우등이 있을 것 같습니다. 아무튼 그 방법을 아래에서 살펴 보도록 하겠습니다. Vue Multi page 만들기 목표 이 페이지의 목표는 아래와 같이 두 개의 html 파일을 만들어 - xxx.com - xxx.com/plusminus 두개의 주소로 접속하게 하는 것입니다. vue.config.js 수정 module.exports = { pages: { default: { entry: 'src/main/main.js', template: 'public/index.html', filename: 'index.html' }, plusminus: { entry: 'src.. 2022. 3. 6. [Nodejs] Nodejs 로 Firestore에 정보 저장하기(Firebase 연동) Firestore에 정보 저장한 모습 및 주요 코드 이 페이지의 목표는 아래와 같이 nodejs를 이용해서 아래와 같이 firebase에 data를 저장하는것입니다. firebase및 node 프로젝트의 연동 방법에 대한 설명을 아래에 자세히 설명합니다. 갈 길이 급하신 분들을 위해 nodejs의 주요 코드는 아래와 같습니다. 단순히 Firestroe에 연결하고 데이터 하나를 삽입하는 코드입니다. var admin = require("firebase-admin"); var firestore = require("firebase-admin/firestore"); var serviceAccount = require("./mango-xxxxxxxxxxxxxxxxxx.json"); admin.initializeA.. 2022. 2. 25. c# image crop 방법 1. image crop 을 위한 소스코드 Bitmap bitmap = new Bitmap("원본 이미지 path"); Rectangle rect = new Rectangle(30, 30, 100, 200); Bitmap cropBitmap = cropAtRect(bitmap, rect); cropBitmap.Save("새로운 위치.jpg", ImageFormat.Jpeg); public Bitmap cropAtRect(Bitmap orgImg, Rectangle sRect) { Rectangle destRect = new Rectangle(Point.Empty, sRect.Size); var cropImage = new Bitmap(destRect.Width, destRect.Height); using.. 2022. 2. 16. c# image crop 프로그램 example 공유 - ImageCutter 1. image crop 프로그램 github https://github.com/battlemango/ImageCutter GitHub - battlemango/ImageCutter: easy image crop easy image crop. Contribute to battlemango/ImageCutter development by creating an account on GitHub. github.com 2. image crop 프로그램 사용법 - 오른쪽 listbox에 이미지가 들어있는 폴더를 drag해서 넣으면 이미지 list가 추가된다. - 마우스 클릭 또는 "A", "D" 키를 눌러 다음 이미지로 넘어갈 수 있다. - 사진을 drag 하면 한 부분이 crop되어 새로운 폴더에 저장된다. 3... 2022. 2. 16. 이전 1 2 3 4 5 6 7 8 다음 반응형
