반응형 전체 글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. Vue와 robots.txt 1. robots.txt는 언제 필요한가? 네이버 및 구글에서 검색되기 위해 google search console등에 등록할 때 필요 2. vue에서 robots.txt 등록방법 일반 html 프로젝트의 경우 최상위 폴더에 robots.txt를 넣으면 되듯이 vue 산출물인 dist 폴더에도 robots.txt가 나오면 된다. 즉 public 폴더에 robots.txt파일을 넣으면 된다. 그리고 빌드 하면 dist 폴더 아래 robots.txt가 생성된걸 확인 할 수 있다. 다른 Post 보기 2022. 2. 16. [C#] Drag and Drop 해서 폴더 안의 파일 리스트 보여주기 1. Drag and Drop을 이용하여 무엇을 만들것인가 listBox1에 폴더를 drag and drop 하면 폴더안의 파일 리스트를 listbox에 보여주고 label에는 drag and drop한 파일의 경로를 보여줌 2. Drag and Drop 하기 위한 listbox 속성 [도구상자]를 이용해 label과 listbox를 만들고 listbox의 속성값중 AllowDrop을 true로 변경한다 3. Drag and drop 전체 코드 listBox1_DragEnter : 파일을 drag해서 listbox안으로 들어갈때 호출되는 함수이며 마우스 effect를 바꿔 드래그 가능함을 보여주는 용도 listBox1_DragDrop : 파일을 drop 했을때 listbox에 파일 리스트를 보여주는용도 .. 2022. 2. 11. [Android] AlarmManager를 이용한 반복적인 동작 구현 1. 언제 필요한가? 주기적으로 (10분 간격) 서버에 정보 요청하는데 Alarm이 적절하다고 생각해서 구현 2. 진행 과정 a. AlarmReceiver class 추가 (알람 이벤트를 받기 위한 broadcast receiver) b. AlarmManager로 알람 추가 및 삭제 코드 구현 a. AlarmReceiver class 추가 (알람 이벤트를 받기 위한 broadcast receiver) AlarmManager로 알람을 추가했을때 이벤트를 받기 위한 recevier를 추가한다. 예를 들어 1분뒤로 알람을 추가하면 알람 receiver가 1분뒤 호출되게 된다. 이때 어떤 alarm인지는 "requestCode"로 구분 되기 때문에 하나의 receiver로 모든 alarm을 분기해서 처리 할 수.. 2022. 2. 4. [Node] post 구현 1. Route 파일 만들기 routes folder 밑에 InformationRoute.js를 만듬 - 아무이름이나 상관없음 그리고 아래 코드를 붙여 넣음 var express = require('express'); var router = express.Router(); /* POST */ router.post('/', function (req, res, next) { let result = 'call information'; res.send(result); }); router.post('/test', function (req, res, next) { let result = req.body.name; res.send(result); }); module.exports = router; 2. app.js .. 2021. 4. 18. 이전 1 2 3 4 다음 반응형
