메모하는습관

[pg_cron] PostgreSQL 스케줄러

메모하는습관 — Fri, 21 Oct 2022 14:57:18 +0900

pg_cron은 데이터베이스 내부에서 확장으로 실행되는 PostgreSQL(10이상)용 cron 기반의 스케줄러이다.

linux의 crontab과 동일한 구문을 사용하며 데이터베이스에서 직접 query 실행을 예약할 수 있다.

설치

# 사용하고 있는 postgresql 버전에 맞게 설치하자.
# 아래는 postgresql13 용 pg_cron을 설치하는 예시이다.

# Red Hat, CentOS, Fedora, Amazon Linux
$ sudo yum install -y pg_cron_13

# Debian, Ubuntu
$ sudo apt-get -y install postgresql-13-cron

postgresql.conf 설정

#postgresql.conf 파일에 아래의 설정을 추가 하자.

# postgresql 시작 시 pg_cron background worker를 로드한다.
shared_preload_libraries = 'pg_cron'

# pg_cron background worker가 실행되어야 하는 데이터베이스를 지정한다. (기본값: postgres)
cron.database_name = 'postgres'

# ----------------------------------------------------------------------------------------

# 아래 설정은 필수 요소는 아닌 듯 하니 필요에 따라 설정 한다.

# localhost 연결 대신 background worker를 통해 작업 예약
cron.use_background_workers = on

# 실행 가능한 background worker 수를 환경에 맞게 늘려준다. (기본값: 8)
max_worker_processes = 20

# 설정을 적용하기 위해서는 postgresql 재시작이 필요하다.

pg_cron 함수 및 메타데이터 테이블 생성

-- superuser로 실행
CREATE EXTENSION pg_cron;

-- 일반 사용자 사용 권한 부여 (선택사항)
GRANT USAGE ON SCHEMA cron TO marco;

자세한 설치 방법 및 사용 방법은 여기에서 확인할 수 있다.

[electron] vue-router가 동작하지 않을때...

메모하는습관 — Sun, 7 Aug 2022 13:11:28 +0900

electron에서 vue-router 를 사용할때 동작을 하지 않는 경우가 있다.

router 를 생성할때 history 모드가 아닌 hash 모드를 사용하면 잘 동작 한다.

※ 아래의 코드는 vue 3.x 와 vue-router 4.x의 예제 코드 이다.

// router.ts
import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
  { path: '/page1', component: () => import('./Page1.vue') },
  { path: '/page2', component: () => import('./Page2.vue') }
]

export default createRouter({
  history: createWebHashHistory(),
  routes
})

// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)
app.use(router)
app.mount('#app')

[Electron] better-sqlite3 NODE_MODULE_VERSION 문제

메모하는습관 — Thu, 28 Jul 2022 17:42:49 +0900

electron에서 better-sqlite3 모듈을 사용할 경우 아래와 같은 문제가 발생하는 경우가 있다.

node_modules\sqlite3\lib\binding\electron-v4.0-win32-x64\node_sqlite3.node' was compiled against a different Node.js version using NODE_MODULE_VERSION 64. This version of Node.js requires NODE_MODULE_VERSION 69. Please try re-compiling or re-installing the module (for instance, using npm rebuildornpm install).

위와 같은 문제가 발생했다면 아래와 같이 시도해 보자.

# 1. electron-rebuild 설치
$ npm i --save-dev electron-rebuild
# 또는
$ yarn add -D electron-rebuild

# electron-rebuild를 이요해서 rebuild
$ npx electron-rebuild -f -w better-sqlite3

[세이브 에디터] 수호전 천명의 맹세 (한글판)

메모하는습관 — Wed, 4 May 2022 02:05:30 +0900

인터넷을 찾아봐도 이 게임의 마땅한 에디터가 없어 직접 만들어 보았다.

마침 electron 공부하고 있던 차에 개인 프로젝트로 하기에 좋겠다는 생각이 들어 개발을 시작했다.

개발은 node.js + electron + vue3를 이용하여 개발하였다.

※ 수호전 - 천명의 맹세 한글판 전용 에디터입니다.

업데이트

v1.0.1 (2023.08.10) - 연도 수정 기능 추가 (범위: 1100 ~ 1126년 수정 가능)

세이브 파일 선택

데이터 번호 선택

호한 목록

호걸 정보

지역 정보

지역의 호걸 목록

지역의 인물 목록

용량 약 60MB (v1.0.1)

수호전-천명의맹세-에디터.zip.001

15.00MB

수호전-천명의맹세-에디터.zip.002

15.00MB

수호전-천명의맹세-에디터.zip.003

15.00MB

수호전-천명의맹세-에디터.zip.004

11.27MB

[Rocky Linux 8] yum을 이용하여 docker 설치

메모하는습관 — Wed, 19 Jan 2022 22:33:15 +0900

yum repository 관리에 필요한 yum-utils 를 설치한다. (설치가 안되어있을 경우)

$ sudo yum install -y yum-utils

Docker repository 추가

$ sudo yum-config-manager \
	--add-repo \
	https://download.docker.com/linux/centos/docker-ce.repo

Docker Engine 설치

$ sudo yum install docker-ce docker-ce-cli containerd.io

Docker 실행

$ sudo systemctl start docker

hellow-world 이미지로 Docker가 잘 설치 되었는지 확인

$ sudo docker run hello-world
Unable to find image 'hello-world:latest' locally
latest: Pulling from library/hello-world
2db29710123e: Pull complete 
Digest: sha256:975f4b14f326b05db86e16de00144f9c12257553bba9484fed41f9b6f2257800
Status: Downloaded newer image for hello-world:latest

Hello from Docker!
This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:
 1. The Docker client contacted the Docker daemon.
 2. The Docker daemon pulled the "hello-world" image from the Docker Hub.
    (amd64)
 3. The Docker daemon created a new container from that image which runs the
    executable that produces the output you are currently reading.
 4. The Docker daemon streamed that output to the Docker client, which sent it
    to your terminal.

To try something more ambitious, you can run an Ubuntu container with:
 $ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:
 https://hub.docker.com/

For more examples and ideas, visit:
 https://docs.docker.com/get-started/

dnf 를 이용하여 설치할 때도 yum 을 이용할때와 거의 동일하다.

$ sudo dnf -y install dnf-plugins-core

$ sudo dnf config-manager \
	--add-repo \
    https://download.docker.com/linux/centos/docker-ce.repo

$ sudo dnf install docker-ce docker-ce-cli containerd.io

참고

https://docs.docker.com/engine/install/centos/

https://docs.docker.com/engine/install/fedora/

psql 명령어 몇가지...

메모하는습관 — Wed, 19 Jan 2022 01:20:50 +0900

먼저 psql을 명령어를 사용하여 PostgreSQL에 접속 한다.

$ psql -U postgres -W
postgres 사용자의 암호: 
psql (10.17)
도움말을 보려면 "help"를 입력하십시오.

postgres=#

-U 옵션은 사용자이고 -W 옵션은 비번을 입력하겠다는 의미이다.

이제 psql에서 자주 사용하는 명령어 몇가지를 알아보자

데이터베이스 목록 조회 \l

좀더 자세한 내용을 원한다면 뒤에 + 만 더 붙이면 된다. \l+

postgres=# \l
                                 데이터베이스 목록
   이름    |  소유주   | 인코딩 |   Collate   |    Ctype    |      액세스 권한      
-----------+-----------+--------+-------------+-------------+-----------------------
 postgres  | postgres  | UTF8   | ko_KR.UTF-8 | ko_KR.UTF-8 | 
 template0 | postgres  | UTF8   | ko_KR.UTF-8 | ko_KR.UTF-8 | =c/postgres          +
           |           |        |             |             | postgres=CTc/postgres
 template1 | postgres  | UTF8   | ko_KR.UTF-8 | ko_KR.UTF-8 | =c/postgres          +
           |           |        |             |             | postgres=CTc/postgres           
(3개 행)

postgres=# \l+
                                                                     데이터베이스 목록
   이름    |  소유주   | 인코딩 |   Collate   |    Ctype    |      액세스 권한      |  크기   | 테이블스페이스 |                    설명                    
-----------+-----------+--------+-------------+-------------+-----------------------+---------+----------------+--------------------------------------------
  postgres | postgres  | UTF8   | ko_KR.UTF-8 | ko_KR.UTF-8 |                       | 7863 kB | pg_default     | default administrative connection database
 template0 | postgres  | UTF8   | ko_KR.UTF-8 | ko_KR.UTF-8 | =c/postgres          +| 7729 kB | pg_default     | unmodifiable empty database
           |           |        |             |             | postgres=CTc/postgres |         |                | 
 template1 | postgres  | UTF8   | ko_KR.UTF-8 | ko_KR.UTF-8 | =c/postgres          +| 7729 kB | pg_default     | default template for new databases
           |           |        |             |             | postgres=CTc/postgres |         |                | 
(3개 행)

데이터베이스 연결 \c 데이터베이스명

postgres=# \c postgres
암호: 
접속정보: 데이터베이스="postgres", 사용자="postgres".

테이블 목록 조회 \dt

좀더 자세한 내용을 원한다면 뒤에 + 만 더 붙이면 된다. \dt+

postgres=# \dt
         릴레이션(relation) 목록
 스키마 |   이름   |  종류  |  소유주   
--------+----------+--------+-----------
 public | table_01 | 테이블 | postgres
 public | table_02 | 테이블 | postgres
(2개 행)

postgres=# \dt+
                 릴레이션(relation) 목록
 스키마 |   이름    |  종류  |  소유주   |    크기    | 설명 
--------+---------- +--------+-----------+------------+------
 public | table_01  | 테이블 | postgres  | 8192 bytes | 
 public | table_02  | 테이블 | postgres  | 40 kB      | 
(2개 행)

Electron + Vite + Vue3 + Typescript 을 이용한 데스크탑 앱 개발 환경

메모하는습관 — Thu, 6 Jan 2022 16:31:33 +0900

Electron + Vite + Vue3 + Typescript를 이용하여 데스크탑 앱 개발 환경을 설정해보자.

1. Vite 프로젝트 생성

$ yarn create vite
yarn create v1.22.15
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Installed "create-vite@2.7.2" with binaries:
      - create-vite
      - cva
√ Project name: ... sample-project
√ Select a framework: » vue
√ Select a variant: » vue-ts

Scaffolding project in D:\_xshine\work\nodejs\electron\vue3\sam2edit...

Done. Now run:

  cd sample-project
  yarn
  yarn dev

Done in 723.60s.

yarn create vite 를 실행하면 프로젝트를 설정하는 프롬프트가 나온다.

프로젝트명을 sample-project로 입력하고 vue 프레임워크를 사용한다고 선택하고 Typescript( vue-ts )를 사용한다고 선택했다.

2. Electron 모듈 및 종속성 모듈 설치

# electron 모듈 설치
$ yarn add -D concurrently cross-env electron electron-builder wait-on

# 프로젝트 종속성 모듈 설치
$ yarn

3. package.json 파일 수정

build 속성 추가 (electron build에서 자세한 내용 확인할 수 있다.)

"build": {
  "appId": "com.my-website.my-app",
  "productName": "MyApp",
  "copyright": "Copyright © 2019 ${author}",
  "mac": {
    "category": "public.app-category.utilities"
  },
  "nsis": {
    "oneClick": false,
    "allowToChangeInstallationDirectory": true
  },
  "files": [
    "dist/**/*",
    "electron/**/*"
  ],
  "directories": {
    "buildResources": "assets",
    "output": "dist_electron"
  }
}

scripts 속성에 script 추가

"scripts": {
  "dev": "vite",
  "build": "vue-tsc --noEmit && vite build",
  "serve": "vite preview",
  "electron": "wait-on tcp:3000 && cross-env IS_DEV=true electron .",
  "electron:pack": "electron-builder --dir",
  "electron:dev": "concurrently -k \"cross-env BROWSER=none yarn dev\" \"yarn electron\"",
  "electron:builder": "electron-builder",
  "build:for:electron": "vue-tsc --noEmit && cross-env ELECTRON=true vite build",
  "app:build": "yarn build:for:electron && yarn electron:builder"
},

main 속성 추가

{
    "name": "sample-project",
    "version": "0.0.0",
    "license": "MIT",
    "main": "electron/electron.js"
    ...
  }

4. vite.config.ts 파일 수정

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  base: process.env.ELECTRON=="true" ? './' : ".",
  plugins: [vue()]
})

5. electron/electron.js 파일 생성

const path = require('path');
const { app, BrowserWindow } = require('electron');

const isDev = process.env.IS_DEV == "true" ? true : false;

function createWindow() {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      nodeIntegration: true,
    },
  });

  // and load the index.html of the app.
  // win.loadFile("index.html");
  mainWindow.loadURL(
    isDev
      ? 'http://localhost:3000'
      : `file://${path.join(__dirname, '../dist/index.html')}`
  );
  // Open the DevTools.
  if (isDev) {
    mainWindow.webContents.openDevTools();
  }
}

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.whenReady().then(() => {
  createWindow()
  app.on('activate', function () {
    // On macOS it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
});

// Quit when all windows are closed, except on macOS. There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

6. electron/preload.js 파일 생성

// All of the Node.js APIs are available in the preload process.
// It has the same sandbox as a Chrome extension.
window.addEventListener('DOMContentLoaded', () => {
  const replaceText = (selector, text) => {
    const element = document.getElementById(selector)
    if (element) element.innerText = text
  }

  for (const dependency of ['chrome', 'node', 'electron']) {
    replaceText(`${dependency}-version`, process.versions[dependency])
  }
})

7. 프로젝트 실행 및 빌드

# 개발 모드로 Electron 실행
$ yarn electron:dev

# Electron 앱 빌드
$ yarn app:build

참고 : https://dev.to/brojenuel/vite-vue-3-electron-5h4o

[svelte] 시작하기 (with typescript)

메모하는습관 — Thu, 6 Jan 2022 02:09:19 +0900

※ 이 글은 node.js 개발 환경이 구성되어 있다는 전제하에 쓰여진 글 이다.

※ vscode를 사용하고 있다면 Svelte for VS Code plugin 사용을 추천한다.

https://github.com/sveltejs/template 에서 프로젝트 템플릿을 제공하고 있다.

위의 프로젝트 템플릿을 기반으로 새 프로젝트를 시작해 보자

# npx degit sveltejs/template [프로젝트명]
$ npx degit sveltejs/template svelte-app
> cloned sveltejs/template#HEAD to svelte-app

# 프로젝트 폴더로 이동한다.
$ cd svelte-app

아래와 같이 프로젝트 폴더와 파일이 생성된다.

svelte-app
├── .gitignore
├── package.json
├── public
│   ├── favicon.png
│   ├── global.css
│   └── index.html
├── README.md
├── rollup.config.js
├── scripts
│   └── setupTypeScript.js
└── src
    ├── App.svelte
    └── main.js

아래의 명령을 실행하면 typescript를 사용할 수 있는 환경이 설정된다.

$ node scripts/setupTypeScript.js
Converted to TypeScript.

typescript를 사용할 수 있는 환경이 설정 되면 아래와 같이 파일들이 변경된다.

svelte-app
├── .gitignore
├── .vscode
│   └── extensions.json
├── package.json       
├── public
│   ├── favicon.png    
│   ├── global.css     
│   └── index.html     
├── README.md
├── rollup.config.js   
├── src
│   ├── App.svelte     
│   ├── global.d.ts    
│   └── main.ts        
└── tsconfig.json

프로젝트에 필요한 모듈들을 설치 한다.

$ npm install

프로젝트를 실행할 수 있는 모든 환경이 갖춰졌다. 바로 실행해 보자.

$ npm run dev
> svelte-app@1.0.0 dev
> rollup -c -w        

rollup v2.63.0
bundles src/main.ts → public\build\bundle.js...
LiveReload enabled
created public\build\bundle.js in 1.3s

[2022-01-06 01:44:23] waiting for changes...

> svelte-app@1.0.0 start
> sirv public --no-clear "--dev"


  Your application is ready~!  

  - Local:      http://localhost:5000
  - Network:    Add `--host` to expose

────────────────── LOGS ──────────────────

웹 브라우저에서 http://localhost:5000을 보면 아래와 같이 Hello World를 볼수 있다.

[Windows10] pipenv 설정

메모하는습관 — Thu, 6 Jan 2022 01:25:11 +0900

1. pipenv 설치

$ pip install pipenv
Collecting pipenv
  Downloading pipenv-2021.11.23-py2.py3-none-any.whl (3.6 MB)
     |████████████████████████████████| 3.6 MB 6.4 MB/s
Requirement already satisfied: pip>=18.0 in c:\users\사용자\appdata\local\programs\python\python39\lib\site-packages (from pipenv) (21.1.1)
Requirement already satisfied: setuptools>=36.2.1 in c:\users\사용자\appdata\local\programs\python\python39\lib\site-packages (from pipenv) (56.0.0)
Collecting certifi
  Downloading certifi-2021.10.8-py2.py3-none-any.whl (149 kB)
     |████████████████████████████████| 149 kB ...
Collecting virtualenv-clone>=0.2.5
  Downloading virtualenv_clone-0.5.7-py3-none-any.whl (6.6 kB)
Collecting virtualenv
  Downloading virtualenv-20.13.0-py2.py3-none-any.whl (6.5 MB)
     |████████████████████████████████| 6.5 MB ...
Collecting distlib<1,>=0.3.1
  Downloading distlib-0.3.4-py2.py3-none-any.whl (461 kB)
     |████████████████████████████████| 461 kB ...
Collecting six<2,>=1.9.0
  Downloading six-1.16.0-py2.py3-none-any.whl (11 kB)
Collecting platformdirs<3,>=2
  Downloading platformdirs-2.4.1-py3-none-any.whl (14 kB)
Collecting filelock<4,>=3.2
  Downloading filelock-3.4.2-py3-none-any.whl (9.9 kB)
Installing collected packages: six, platformdirs, filelock, distlib, virtualenv-clone, virtualenv, certifi, pipenv
Successfully installed certifi-2021.10.8 distlib-0.3.4 filelock-3.4.2 pipenv-2021.11.23 platformdirs-2.4.1 six-1.16.0 virtualenv-20.13.0 virtualenv-clone-0.5.7

2. 가상 환경 생성

$ pipenv --python 3.9
Creating a virtualenv for this project...
Pipfile: c:\workspace\python\Pipfile
Using C:/Users/사용자/AppData/Local/Programs/Python/Python39/python.exe (3.9.5) to create virtualenv...
[  ==] Creating virtual environment...created virtual environment CPython3.9.5.final.0-64 in 1748ms
  creator CPython3Windows(dest=C:\Users\사용자\.virtualenvs\python-79q45Mac, clear=False, no_vcs_ignore=False, global=False)
  seeder FromAppData(download=False, pip=bundle, setuptools=bundle, wheel=bundle, via=copy, app_data_dir=C:\Users\사용자\AppData\Local\pypa\virtualenv)
    added seed packages: pip==21.3.1, setuptools==60.2.0, wheel==0.37.1
  activators BashActivator,BatchActivator,FishActivator,NushellActivator,PowerShellActivator,PythonActivator

Successfully created virtual environment!
Virtualenv location: C:\Users\사용자\.virtualenvs\python-79q45Mac
Creating a Pipfile for this project...

[python3] postgresql 예제

메모하는습관 — Tue, 4 Jan 2022 15:46:05 +0900

먼저 psycopg2을 설치 한다.

※ 혹시 CentOS 7 에서 psycopg2를 설치할 때 오류가 발생한 다면 아래의 방법을 시도해 보자

CentOS7에서 psycopg2 설치 오류 해결

sudo yum groupinstall "Development Tools" sudo yum install python3-devel sudo yum install postgresql-libs sudo yum install postgresql-devel pip3 install psycopg2 출처 : https://stackoverflow.com/a/5..

xshine.tistory.com

$ pip install psycopg2
Collecting psycopg2
  Downloading psycopg2-2.9.3.tar.gz (380 kB)
     |████████████████████████████████| 380 kB 20.7 MB/s            
  Preparing metadata (setup.py) ... done
Building wheels for collected packages: psycopg2
  Building wheel for psycopg2 (setup.py) ... done
  Created wheel for psycopg2: filename=psycopg2-2.9.3-cp36-cp36m-linux_x86_64.whl size=403086 sha256=1650e6aa9fae31d2b8e45624ef481491f2901ab0101b53bcbae0a8228bc7ce11
  Stored in directory: /root/.cache/pip/wheels/25/89/7b/ebfb85abf80609378825b3bb975007b41fa51f31c98377914c
Successfully built psycopg2
Installing collected packages: psycopg2
Successfully installed psycopg2-2.9.3

아래는 psycopg2를 사용하여 postgresql DB에 데이터를 추가하고 조회하는 예제이다.

import psycopg2
  
try:
	conn = pymysql.connect(
		host='127.0.0.1',
		user='user',
		password='passwd',
		dbname='dbname',
		port='5432')
	cursor = conn.cursor()
    
	# 데이터 추가
	cursor.execute("""
		INSERT INTO users (id, name)
		VALUES (%s, %s)
	""", ('gdhong', '홍길동'))
	conn.commit()
    
	# 데이터 조회
	cursor.execute("""
		SELECT	id, name
		FROM		users
		WHERE		id = %s
	""", ('gdhong'))
	result = cur.fetchall()
	
finally:
	cursor.close()
	conn.close()