日常茶飯事

Docker로 Database 설치하기

잠탱 — Sun, 15 Oct 2023 05:23:51 +0900

PostgreSql

$ docker pull postgres:latest
$ docker volume create pgdata
$ docker run -p 5432:5432 --name PostgreSql -e POSTGRES_PASSWORD=<암호> -e TZ=Asia/Seoul -d -v pgdata:/var/lib/postgresql/data -d postgres:latest

MariaDB

$ docker pull mariadb:latest
$ docker volume create mariadata
$ docker run -p 3306:3306 --name MariaDB -e MARIADB_ROOT_PASSWORD=<암호> -d -v mariadata:/var/lib/mariadb/data -d mariadb:latest

Oarcle 19C

$ docker pull doctorkirk/oracle-19c
$ docker volume create oradata
$ docker run --name oracle-19c -p 1521:1521 -e ORACLE_SID=ORCL -e ORACLE_PWD=<암호> -e ORACLE_CHARACTERSET=KO16MSWIN949 -v oradata:/opt/oracle/oradata -d doctorkirk/oracle-19c

윈도우 설치 & 최적화

잠탱 — Thu, 17 Aug 2023 03:15:21 +0900

탐색기 느릴때

망할 원드라이브가 문제임.

windows + R 이후 control.exe folders 입력

yarn을 이용한 오프라인 빌드 설정

잠탱 — Thu, 3 Aug 2023 18:53:35 +0900

프로젝트를 하다보면 인터넷이 안되는 환경이 참 많습니다.

이럴때 빌드가 안되는 불상사가 T.T

그래서 yarn을 이용하기로 했습니다. npm이랑 사용하시는데 별반 차이는 없습니다.

$ npm run dev

$ yarn dev

이런식으로 동작시키면 됩니다.

일단 윈도우 기준으로 작성합니다. mac이나 리눅스도 동일하게 적용가능합니다.

먼저 yarn을 설치 합니다.

$ npm install yarn --global

기존 프로젝트에서 .lock 파일을 삭제 합니다.

$ del .\package.lock

그 다음

$ yarn install

이제 설치 및 기본 설정은 끝났습니다.

먼저 기존에 받아 놓았던 것들을 모두 삭제 합니다.

$ rmdir .\node_modules /S /Q
$ rmdir .\npm_packages /S /Q
$ del yarn.lock

.yarnrc 파일을 작성합니다.

// path : /.yarnrc

yarn-offline-mirror "./npm_packages"
yarn-offline-mirror-pruning true

package를 한번 다운로드 합니다.

$ yarn install

그러면 위에서 지정한 npm_packages 폴더에 뭔가 다운로드가 됩니다.

요넘들로 오프라인 설치를 하는 거죠

offline 설치 테스트

$ yarn install --offline
$ yarn install --offline --production

배포 불용파일 삭제

$ rmdir .\node_modules /S /Q
$ del yarn.lock

이제 소스를 압축해서 들고 갑니다.

설치시에는

$ yarn install --offline

하시면 됩니다.

참 쉽죠?

el-table-v2 / cellRenderer 예제

잠탱 — Wed, 15 Mar 2023 14:10:43 +0900

vite에서 jsx를 사용 하기위해 플러그인 설치

npm instsall @vitejs/plugin-vue-jsx --save

vite.config.js 설정

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

export default defineConfig({
  plugins: [vue(), vueJsx()],
  resolve: {
    alias: [
      { find: '@', replacement: '/src' },
      { find: /^~@/, replacement: '/src' }
    ],
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
  },
})

<template>
  <div style="height: 100vh;">
    <el-auto-resizer>
      <template #default="{ height, width }">
        <el-table-v2
            :columns="columns"
            :data="data"
            :width="width"
            :height="height"
        />
      </template>
    </el-auto-resizer>
  </div>
</template>

<script lang="jsx">
import { h } from "vue";
import ZLText from "@/components/ZzzLab/ZLText.vue";

var me = this;

export default {
  name: "ForexFromBank",
  data: () => ({
    data: [],
    device: "mobile",
    columns: [
      {
        key: `financeName`,
        dataKey: `financeName`,
        title: `은행명`,
        width: 150,
        cellRenderer: ({ rowData }) => {

          console.log("cellRenderer")
          let render;
          if( me.width > 768) {
            render = <img src={"/Images/Finance/" + rowData.financeCode + ".png"} style="height:15px;margin-right:5px;" />
          }
          else {
            render = <img src={"/Images/Finance/" + rowData.financeCode + "_s.png"} style="height:15px;margin-right:5px;" />
          }
          return render
        },
      },
      {
        key: `exchangeRate`,
        dataKey: `exchangeRate`,
        title: `고시금액`,
        width: 150,
        cellRenderer: ({ rowData }) =>
            h(
                ZLText,
                {bold: true},
                {default: () => rowData.exchangeRate}
            )
      },
      {
        key: `exchangeRate`,
        dataKey: `exchangeRate`,
        title: `사실때`,
        width: 150,
        cellRenderer: ({ rowData }) =>(
            <img src={"/Images/Finance/" + rowData.financeCode + ".png"} style="height:15px;margin-right:5px;" />
        )
      },
      {
        key: `exchangeRate`,
        dataKey: `exchangeRate`,
        title: `파실때`,
        width: 300,
        cellRenderer: ({ rowData }) =>(
            <>
              <img src={"/Images/Finance/" + rowData.financeCode + ".png"} style="height:15px;margin-right:5px;" />
              <zl-text>{rowData.financeName}</zl-text>
            </>
        )
      },
    ],
    width: 0,
    height: 0
  }),
  created() {
    this.width = window.innerWidth;
    this.height = window.innerHeight;
    me = this;
  },
  beforeMount() {

    this.init();
  },
  mounted() {
    window.addEventListener('resize', this.handleResize);
    window.addEventListener('orientationchange', this.handleResize);
  },
  beforeUnmount() {
    window.removeEventListener('resize', this.handleResize);
    window.removeEventListener('orientationchange', this.handleResize);
  },
  methods: {
    init() {
      this.width = window.innerWidth;
      this.height = window.innerHeight;

      let financeList = [
        {financeCode: "KEBHanaBank", financeName: "KEB하나은행"},
        {financeCode: "WooriBank", financeName: "우리은행"},
        {financeCode: "KBStarBank", financeName: "KB국민은행"},
        {financeCode: "ShinhanBank", financeName: "신한은행"},
        {financeCode: "NHBank", financeName: "NH농협은행"},
        {financeCode: "IBKBank", financeName: "기업은행"},
        {financeCode: "SCBankKorea", financeName: "SC제일은행"},
        {financeCode: "CityBankKorea", financeName: "시티은행"},
        {financeCode: "SHBank", financeName: "수협은행"},
        {financeCode: "DGBBank", financeName: "대구은행"},
        {financeCode: "JeonbukBank", financeName: "전북은행"},
        {financeCode: "GyeongnamBank", financeName: "경남은행"},
        {financeCode: "JejuBank", financeName: "제주은행"},
        {financeCode: "BusanBank", financeName: "부산은행"},
      ]

      financeList.forEach((finance) => {
          this.data.push({
            financeCode: finance.financeCode,
            financeName: finance.financeName,
            exchangeRate: 1300.24,
            cashBuy: 1300.24,
            buySpread: 1.75,
            cashSell: 1300.24,
            sellSpread: 1.75,
            cashSend: 1300.24,
            sendSpread: 1.75,
            timestamp: 1678136108,
          });
        });

    },
    handleResize(event) {
      this.width = window.innerWidth;
      this.height = window.innerHeight;

      console.log(this.width, this.height);
    }
  },
}
</script>

<style>

</style>

스프링부트 자동빌드 스크립트 예제

잠탱 — Thu, 2 Feb 2023 12:54:18 +0900

@ECHO OFF
SET JAVA_HOME=%CD%\build\openjdk-1.8

ECHO ================================================
ECHO = VIEW Config
ECHO ================================================
ECHO JAVA_HOME : %JAVA_HOME%
ECHO ------------------------------------------------

del *.bak /Q

if NOT EXIST .\dist (
	mkdir .\dist
)

if EXIST .\dist\prod (
	rmdir .\dist\prod /s /q
)

if NOT EXIST .\dist\prod (
	mkdir .\dist\prod
)

ECHO ================================================
ECHO = SVN Update Start!
ECHO ================================================
.\build\Subversion\bin\svn.exe update

if %errorlevel% GTR 0 (
	ECHO ================================================
	ECHO = SVN Update Fail!
	ECHO ================================================
	pause
	exit -1
)

ECHO ================================================
ECHO = Backend Build Start!
ECHO ================================================
if EXIST .\dist\prod\back (
	rmdir .\dist\prod\back /s /q
)

if NOT EXIST .\dist\prod\back (
    mkdir .\dist\prod\back
)

if EXIST .\dist\prod\back (
	del .\dist\prod\back\*.* /Q
)

if EXIST .\src\BACKEND\target\ (
    rmdir .\src\BACKEND\target\ /s /q
)

if EXIST .\src\BACKEND\src\main\resources\application.properties (
	ECHO $ Copy application.properties
	
	DEL .\src\BACKEND\src\main\resources\application.properties /q
	copy .\build\Backend\application.properties.prod .\src\BACKEND\src\main\resources\application.properties
)

cd .\src\BACKEND

call mvnw clean install

if %errorlevel% GTR 0 (
	ECHO ================================================
	ECHO = Backend:prod Build Fail!
	ECHO ================================================
	pause
	exit -2
)

copy .\target\SHE.war ..\..\dist\prod\back

if EXIST .\target\ (
    rmdir .\target /s /q
)

cd ..\..

ECHO ================================================
ECHO = Batch Build Start!
ECHO ================================================
if NOT EXIST .\dist\prod\back (
    mkdir .\dist\prod\back
)

if EXIST .\src\BATCH\target\ (
    rmdir .\src\BATCH\target\ /s /q
)

if EXIST .\src\BATCH\src\main\resources\application.properties (
	ECHO $ Copy application.properties
	
	DEL .\src\BATCH\src\main\resources\application.properties /q
	copy .\build\batch\application.properties.prod .\src\BATCH\src\main\resources\application.properties
)

cd .\src\BATCH

call mvnw clean install

if %errorlevel% GTR 0 (
	ECHO ================================================
	ECHO = Batch:prod Build Fail!
	ECHO ================================================
	pause
	exit -3
)

copy .\target\SheBatch.war ..\..\dist\prod\back

if EXIST .\target\ (
    rmdir .\target /s /q
)

cd ..\..

ECHO ================================================
ECHO = Frontend Build Start!
ECHO ================================================

cd .\src\MAIN-FRONTEND

call npm install

if %errorlevel% GTR 0 (
	ECHO ================================================
	ECHO = npm install Fail!
	ECHO ================================================
	pause
	exit -4
)

call npm run build:prod

if %errorlevel% GTR 0 (
	ECHO ================================================
	ECHO = npm run build:prod Fail!
	ECHO ================================================
	pause
	exit -5
)

if EXIST .\dist\prod\front (
	rmdir .\dist\prod\front /s /q
)



if NOT EXIST ..\..\dist\prod\front (
	mkdir ..\..\dist\prod\front
)

if NOT EXIST ..\..\dist\prod\front\ROOT (
	mkdir ..\..\dist\prod\front\ROOT
)

robocopy .\dist\ ..\..\dist\prod\front\ROOT /MIR

xcopy ..\..\build\Frontend\* ..\..\dist\prod\front\ROOT\ /E /Y

if EXIST .\dist\ (
    rmdir .\dist /s /q
)

cd ..\..

ECHO ================================================
ECHO = Release Command Copy
ECHO ================================================

copy .\build\release_all.cmd .\dist\prod\release_all.cmd
copy .\build\release_back.cmd .\dist\prod\release_back.cmd
copy .\build\release_front.cmd .\dist\prod\release_front.cmd

ECHO ================================================
ECHO = Rename Folder
ECHO ================================================
set shell_cmd1=.\build\Subversion\bin\svn.exe info --show-item last-changed-date

FOR /F "tokens=*" %%F IN ('%shell_cmd1%') DO (
SET changed-date=%%F
)
echo %changed-date%

set shell_cmd2=.\build\Subversion\bin\svn.exe info --show-item revision
 
FOR /F "tokens=*" %%F IN ('%shell_cmd2%') DO (
SET revision=%%F
)

set prod=prod_%changed-date::=%_rev%revision%

rename .\dist\prod %prod%

ECHO ================================================
ECHO = Build:prod Compleated!
ECHO ================================================

timeout /t 10

[Postgres] LastIndexOf 함수

잠탱 — Tue, 13 Dec 2022 16:27:09 +0900

CREATE OR REPLACE FUNCTION LastIndexOf(text,char) 
RETURNS integer LANGUAGE SQL AS $$  
select LENGTH($1) - strpos(reverse($1),$2)
$$;

[Postgresql] uuid 생성함수

잠탱 — Tue, 13 Dec 2022 16:25:44 +0900

uuid 생성방법에는 여러가지가 있다.

방법1.

CREATE OR REPLACE FUNCTION gen_uuid() 
RETURNS uuid stable language sql 
as 'SELECT md5(random()::text || clock_timestamp()::text)::uuid';

SELECT gen_uuid();

방법2

CREATE EXTENSION "uuid-ossp";

SELECT uuid_generate_v4();

[Postgresql] 외부 테이블 참조 하기

잠탱 — Tue, 13 Dec 2022 16:20:01 +0900

postgresql은 동일 서버내의 db를 참조할수 있는 방법이 없다. (나름충격)

다 따로 만들어 줘야됨.

CREATE EXTENSION postgres_fdw;

CREATE SERVER Foreign_Server
        FOREIGN DATA WRAPPER postgres_fdw
        OPTIONS (host 'my.domain.com', port '5432', dbname 'mydb');

CREATE USER MAPPING FOR localuser
        SERVER Foreign_Server
        OPTIONS (user 'ForeignUser', password 'password');

CREATE FOREIGN TABLE ft_table (
        columnName varchar(50) NOT NULL
)
        SERVER Foreign_Server
        OPTIONS (schema_name 'public', table_name 'tableName');

이렇게 하면 외부 테이블 참조를 만들수가 있다.

이걸 로컬테이블 처럼쓰면 된다.

애플 에어팟 맥스사용기

잠탱 — Sun, 2 Oct 2022 09:19:54 +0900

얼마전 맥북을 사고 나니 뽐이 심하게 와서 질렀습니다.

며칠 사용해본 사용기를 올려봅니다.

이넘은 무선이므로 유선에 대한 내용은 제외 합니다.

- 이쁘기는 합니다만 무겁습니다. 그런데 착용감은 의외로 편한합니다.

- 머리가 큰데도 요다현상이 없습니다.

- 애플제품과 연동성은 최고입니다.

- 이어패드가 천이라 호불호가 있습니다. 시원할줄 알랐는데 더워요.

- 디지털 크라운은 편한지 모르겠습니다. H95의 조작이 더 편한듯

- 수평모드일때 소리나는 부분(?) 이 위로 향합니다. 알루미늄 덩어리 두개가 부딧히며 소리가 납니다.

- 무게랑 위의 사유로 목에 걸고 다닐 물건은 아닙니다.

- 전용케이스에 안넣으면 계속 켜져 있습니다.

- 라이트닝으로 충전합니다.

- 항시 온이라 베터리가 오래 안갑니다.

- 음질은 좋기는 한데 안 좋습니다. 저음 빵빵 이런거는 기대 안했는데 중음어딘가를 잘라먹는 기분이 듭니다.

- 노캔은 상위권입니다. 특히 버튼 눌러서 외부음 허용 이기능은 편의점에서 좋습니다.

- 40만원대면 무조건 사세요. 그런데 그 이상은 심하게 고민을.. 정가에 살물건은 절대 아닙니다.

총평 : 저 같으면 돈 더 모아서 H95사겠습니다.

[B&O H95와 비교컷]

vue lifecycle

잠탱 — Wed, 15 Jun 2022 13:54:15 +0900

lifecycle