Forem: Beaver Bridge

macOS에서 울트라 와이드 모니터 사용시 원하는 해상도를 고해상도(HiDPI) 로 사용하기

Beaver Bridge — Sat, 12 Jul 2025 04:53:00 +0000

울트라 와이드 모니터에 연결하면 선택할 수 있는 해상도는 많은데 옆에 (저해상도) 라고 붙어있어서, 선택하면 글자가 흐릿하게 보이는 증상이 반드시 발생한다.

지금 사용하는 모니터는 크로스오버 40LGD5K인데 최대 해상도가 5120*2160이고, 내가 사용할 해상도는 3840*1620인데, 맥북에어에 연결했을 때 나오는 HiDPI 해상도는 5120*2160 다음이 3008*1269다.
그래서 강제로 3840*1620을 고해상도로 만드는 작업이 필요하다.

방법1. OneKeyHiDPI 사용

https://github.com/xzhih/one-key-hidpi 를 사용해서 터미널에서 명령어를 입력하는 방식이다. 원하는 해상도를 지정하고 재부팅하면 된다.

bash -c "$(curl -fsSL https://raw.githubusercontent.com/xzhih/one-key-hidpi/master/hidpi.sh)"

그러면 /Library/Displays/Contents/Resources/Overrides 나 ~/Library/Displays/Contents/Resources/Overrides 에 제조사와 모델을 이용한 폴더가 만들어지고, 그 안에는 이런 식으로 해상도가 지정된다.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
    <dict>
        <key>DisplayProductID</key>
            <integer>16384</integer>
        <key>DisplayVendorID</key>
            <integer>8973</integer>
        <key>scale-resolutions</key>
            <array>
                <data>AAAeAAAADKgAAAAB</data>
                <data>AAAeAAAADKgAAAABACAAAA==</data>
                <data>AAAKoAAABfoAAAABACAAAA==</data>
                <data>AAAKAAAABkAAAAABACAAAA==</data>
                <data>AAAKAAAABaAAAAABACAAAA==</data>
                <data>AAAHgAAABLAAAAABACAAAA==</data>
                <data>AAAHgAAABDgAAAABACAAAA==</data>
                <data>AAAFAAAAAtAAAAABACAAAA==</data>
                <data>AAAGkAAAA7AAAAAB</data>
                <data>AAAGQAAAA4QAAAAB</data>
                <data>AAAFoAAAAyoAAAAB</data>
                <data>AAAFAAAAAtAAAAAB</data>
                <data>AAAEgAAAAogAAAAB</data>
                <data>AAAEAAAAAkAAAAAB</data>
                <data>AAADSAAAAdQAAAAB</data>
                <data>AAADIAAAAcIAAAAB</data>
                <data>AAACgAAAAWgAAAAB</data>
                <data>AAANIAAAB2IAAAAJAKAAAA==</data>
                <data>AAALQAAABlQAAAAJAKAAAA==</data>
                <data>AAAKAAAABaAAAAAJAKAAAA==</data>
                <data>AAAIAAAABIAAAAAJAKAAAA==</data>
                <data>AAAHgAAABDgAAAAJAKAAAA==</data>
                <data>AAAGkAAAA7AAAAAJAKAAAA==</data>
                <data>AAAGQAAAA4QAAAAJAKAAAA==</data>
                <data>AAAFAAAAAtAAAAAJAKAAAA==</data>
            </array>
        <key>target-default-ppmm</key>
            <real>10.0699301</real>
    </dict>
</plist>

이거로 성공한다면 지정한 해상도가 고해상도로 바뀌어서 선택하고 사용하면 된다.

방법 2. BetterDisplay 사용

https://github.com/waydabber/BetterDisplay 를 사용하는 방법이 있다. brew로 설치할 수도 있고, 무료모드로도 충분하다. 이 방법은 가상 디스플레이를 만들고 원래 모니터에서 가상 디스플레이로 미러링을 하는 방식이라 CPU가 조금 더 사용된다는 단점이 있다.

brew install --cask betterdisplay

프로그램을 설치하고 가상화면을 생성한다.

시스템 환경설정 -> 디스플레이로 이동해서 아래와 같이 설정한다.

맥북 디스플레이: 확장 디스플레이
가상 디스플레이: 메인 디스플레이
울트라 와이드 모니터: 가상 디스플레이 미러링 + 가상 디스플레이에 최적화

그리고 나서 가상 디스플레이에서 원하는 해상도를 선택하면 된다.

재부팅할 때마다 자동으로 실행되도록 설정해준다.

디스플레이 정렬에 들어갔을 때 이렇게 나오면 된다.

개발용 샘플 이미지

Beaver Bridge — Mon, 30 Jun 2025 06:39:05 +0000

https://mond-al.github.io/test-image-zip

용량도 작고, 다른 이미지와 구별하기 쉽게 숫자가 적혀있어서 개발용으로 좋다

비밀번호 입력 없이 ssh로 서버 접속

Beaver Bridge — Thu, 12 Jun 2025 04:16:47 +0000

~/.ssh/id_rsa 파일이 없을 때

cd ~/.ssh

ssh-keygen -t rsa -b 4096 -C "my_name.home"
Enter file in which to save the key (/Users/mac/.ssh/id_rsa): # 비워두기. 그냥 Enter 치기
Enter passphrase (empty for no passphrase): # 비워두기. 그냥 Enter 치기
Enter same passphrase again: # 비워두기. 그냥 Enter 치기

# remote의 ~/.ssh/authorized_keys에 저장(초기 설정인 경우, 비밀번호 입력해야할 수 있음)
ssh-copy-id -i ~/.ssh/id_rsa.pub [remote-host]
# ssh-copy-id -i ~/.ssh/id_rsa.pub my-account@192.168.1.205

새로운 ~/.ssh/id_rsa 파일을 사용하고 싶을 때

cd ~/.ssh

ssh-keygen -t rsa -b 4096 -C "my_name.home"
Enter file in which to save the key (/Users/mac/.ssh/id_rsa): ./id_rsa_qa_rocky
Enter passphrase (empty for no passphrase): # 비워두기. 그냥 Enter 치기
Enter same passphrase again: # 비워두기. 그냥 Enter 치기

# remote의 ~/.ssh/authorized_keys에 저장(초기 설정인 경우, 비밀번호 입력해야할 수 있음)
ssh-copy-id -i ~/.ssh/id_rsa_qa_rocky.pub [remote-host]
# ssh-copy-id -i ~/.ssh/id_rsa.pub my-account@192.168.1.205

# ./ssh/config 에 지정

.ssh/config 에 새로 만든 id_rsa 파일 지정

host qa_rocky
    user my_account
    identityfile ~/.ssh/id_rsa_qa_rocky
    hostname 192.168.1.205

접속하기

ssh qa_rocky
# ssh my-account@192.168.1.205 로 접속하면 비밀번호 물어봄

Docker + MariaDB 에서 ERROR: (conn:4, no: 45009, SQLState: 08S01) socket has unexpectedly been closed

Beaver Bridge — Tue, 05 Nov 2024 06:49:35 +0000

OS: macOS 15.1
Docker desktop: 4.35.1
MariaDB: lts-noble

sequelize로 마이그레이션을 하려했더니 이런 에러가 발생한다.

ERROR: (conn:4, no: 45009, SQLState: 08S01) socket has unexpectedly been closed

검색해봐도 원인을 못 찾았는데, 혹시나 Docker Desktop 4.35부터인가 들어온 Virtual Machine Options - Docker VMM 이 문제인가 싶어서 Apple Virtualization framework로 바꿔보니 이상없이 잘 된다.

Sveltekit + TypeScript + TypeORM + ESM

Beaver Bridge — Mon, 21 Oct 2024 12:53:00 +0000

SvelteKit Project 생성

npm create svelte@latest test1
# Skeleton project
# using TypeScript
# check ESLint, Prettier, Playwright, Vitest

cd test1 

bun i

TypeORM 설정

참조: https://typeorm.io/#installation

bun add typeorm reflect-metadata pg

bun add @types/node tsx -d

tsconfig.json

"compilerOptions": {
  ...
  "emitDecoratorMetadata": true,
  "experimentalDecorators": true
}

package.json

"scripts": {
  ...
  "typeorm": "tsx ./node_modules/typeorm/cli.js --dataSource src/lib/typeorm/config.ts",
  "migration:create": "tsx ./node_modules/typeorm/cli.js migration:create src/lib/typeorm/migrations/Migration",
  "migration:generate": "npm run typeorm migration:generate src/lib/typeorm/migrations/Migration",
  "migration:run": "npm run typeorm migration:run"
}

src/lib/typeorm/config.ts

import { DataSource } from 'typeorm';

export const AppDataSource = new DataSource({
  type: 'postgres',
  host: 'localhost',
  port: 5432,
  username: 'postgres',
  password: 'default_password',
  database: 'postgres',
  synchronize: false,
  logging: true,
  entities: ['src/lib/typeorm/entity/*.ts'],
  subscribers: [],
  migrations: ['src/lib/typeorm/migrations/*.ts']
});

테스트

npm run migration:create

이렇게하니 TypeORM 에서 migration이나 CRUD에서 Unknown file extension ".ts" 가 발생한다.

아무리 찾아봐도 해답은 없는 것 같고, 이렇게 하는게 최선인 것 같다.

src/lib/typeorm/config.ts


import { User } from './entity/User';
import { Company } from './entity/Company';

...
entities: [User, Company],
migrations: ['dist/lib/typeorm/migrations/*.{ts, js}']
...

결국은 해결하지 못했다. 다른 Prisma, Sequelize, MikroORM, DrizzleORM 을 모두 확인해봤지만, TypeORM만큼 마이그레이션용으로 괜찮은 건 없는 것 같고(그나마 MikroORM이 가장 근접했다), 결국 마이그레이션은 TypeORM으로, 그후에 Drizzle의 db:pull로 가져온 후 CRUD는 Drizzle을 사용하기로 했다.

migrations: ['src/lib/typeorm/migrations/*.ts'] 이 부분은 평소에는 주석처리를 해놓고 마이그레이션 할 때만 해제해서 사용하는 걸로 사용 중이다. drizzle은 제거 했다.

config.ts와 config.migration.ts 로 나눠서, package.json 넣는 정보는 마이그레이션에서만 사용하니 config.migration.ts 로 등록하고, 실제 코드는 config.ts 를 사용하고 있다.

아이폰 단축어에서 POST API 호출해서 텔레그램으로 인증코드 공유하기

Beaver Bridge — Thu, 22 Aug 2024 13:35:36 +0000

밤에 OTT 보려고 들어갔더니 인증을 받으라고 하는데, 대표 계정인 사람이 자고 있어서 인증코드를 볼 수 없을 때를 위함.

준비

인증코드를 보내는 전화번호를 연락처에 등록한다. 그래야 보낸 사람 선택할 때 편하다.(넷플릭스는 번호가 달라지는건지, 그냥 내용에 넷플릭스가 있으면 보내게 변경했다)
텔레그램에 가입한다.

텔레그램 봇

텔레그램 BotFather(https://t.me/BotFather) 에서 봇을 만들어야 한다. POST API를 전송하는 봇이다.
/newbot 을 입력하면 봇의 이름을 입력하라고 나오고, 이름을 입력하면 토큰을 알려준다.

텔레그램 채널

공개 채널을 만든다. 채널의 고유id를 쉽게 알기위해 공개로 만들어야 한다. 채널 링크에 사용될 이름을 적당히 넣으면 된다.
채널의 관리자로 위에서 만든 봇을 관리자로 추가한다. 메시지 전송 권한은 끄면 안된다.
api를 호출한다. 사용하는 프로그램있으면 쓰고, 없으면 https://reqbin.com 이런 거 사용한다. url은 https://api.telegram.org/bot토큰/sendMessage?text=내용&chat_id=@봇이름 이다. 실제로는 https://api.telegram.org/bot661928238:AEoidd_eidjab/sendMessage?text=내용&chat_id=@my_channel_name 이런 느낌이다.
텔레그램 채널에 메시지가 오면 성공
호출 결과를 보면 id 에 -가 붙은 숫자가 있는데, 이게 채널의 고유id다. 위의 url의 chat_id에 -가 붙은 저 숫자를 넣으면되니 채널은 비공개로 변경한다.

아이폰 단축어

단축어 앱에서 자동화 조건으로 다음 조건으로 메시지를 받을 때: [발신자 xxxx] 가 되게 한다. (혹은 특정 OTT의 제목을 적어도 된다)
동작에는 메시지를 입력으로 받기 -> 단축어입력을 url 인코딩 -> https://api.telegram.org/~~~~?chat_id=-28237381&text=URL인코딩된 텍스트 로 설정하고 > 를 눌러서 메소드를 POST 로 선택한다.
테스트할 때는 메시지를 입력으로 받기 대신에 텍스트를 직접 입력하고 수동으로 실행하면 편하다.

docker에서 supabase self-hosting으로 사용 중 폴더 위치 변경 시 파일 다시 업로드하기

Beaver Bridge — Tue, 13 Aug 2024 14:51:04 +0000

참고 https://supabase.com/docs/guides/platform/migrating-and-upgrading-projects#migrate-storage-objects

// storage_restore.js

const { createClient } = require("@supabase/supabase-js");
const fs = require("fs");

const PROJECT_URL = "http://localhost:8100";
const PROJECT_SERVICE_KEY = "service_role_key";

(async () => {
  console.log("started at: ", new Date().toISOString());
  const supabaseRestClient = createClient(PROJECT_URL, PROJECT_SERVICE_KEY, {
    db: { schema: "storage" },
  });
  const supabaseClient = createClient(PROJECT_URL, PROJECT_SERVICE_KEY);

  // make sure you update max_rows in postgrest settings if you have a lot of objects or paginate here
  const { data: objects, error } = await supabaseRestClient
    .from("objects")
    .select();
//    .eq("bucket_id", "manuals");

  if (error) {
    console.log("error getting objects from old bucket");
    throw error;
  }

  for (const objectData of objects) {
    console.log(`moving ${objectData.id}`);
    try {
      const data = fs.readFileSync(
        `./storage/stub/stub/${objectData.bucket_id}/${objectData.name}/${objectData.version}`
      );

      const { _, error: uploadObjectError } = await supabaseClient.storage
        .from(objectData.bucket_id)
        .upload(objectData.name, data, {
          upsert: true,
          contentType: objectData.metadata.mimetype,
          cacheControl: objectData.metadata.cacheControl,
        });
      if (uploadObjectError) {
        throw uploadObjectError;
      }
    } catch (err) {
      console.log("error moving ", objectData);
      console.log(err);
    }
  }
  console.log("finished at: ", new Date().toISOString());
})();

이 파일을 supabase studio 컨테이너로 이동시킨다.

docker cp storage_restore.js container_id:/app/

기존 폴더에서 supabase studio 컨테이너로 파일을 이동시킨다.

docker cp storage container_id:/app/

컨테이너 안으로 진입해서 스크립트를 실행한다

docker exec -it container_id bash
cd app
node store_restore.js

dockerd & 실행 시 iptables not found 오류

Beaver Bridge — Fri, 07 Jun 2024 02:01:22 +0000

rocky linux 8.10에서

dockerd &

실행 시

failed to start daemon: Error initializing network controller: error obtaining controller instance: failed to register "bridge" driver: failed to create NAT chain DOCKER: iptables not found

같은 에러가 뜨면

dockerd --iptables=false &

로 실행하면 된다.

*근데 이러면 나중에 문제가 생기니 dnf로 iptable 관련 프로그램을 설치하는게 낫다. *

[Sequelize + mariaDB] index 걸린 컬럼 삭제하기

Beaver Bridge — Sun, 28 Apr 2024 04:24:14 +0000

index가 걸린 필드를 삭제할 때 Cannot drop index 'notices_approval_id_foreign_idx': needed in a foreign key constraint 에러가 뜬다.

async down(queryInterface, Sequelize) {
  await queryInterface.sequelize.query(
    "ALTER TABLE notices DROP CONSTRAINT if exists notices_approval_id_foreign_idx",
  );
  await queryInterface.sequelize.query("ALTER TABLE notices DROP COLUMN if exists approval_id");
}

원래는 removeConstraint, removeColumn 을 사용해야하는데, 안돼서 쿼리를 직접 사용해야 한다.

local.properties의 값 가져오기

Beaver Bridge — Thu, 25 Apr 2024 17:17:28 +0000

kts 기준

local.properties

API_KEY="akldfjjasdfualksjdfalsdhfulaskjhd"

app/build.gradle.kts

import com.android.build.gradle.internal.cxx.configure.gradleLocalProperties

android {
  defaultConfig {
    buildConfigField("String", "API_KEY", readProperty("API_KEY"))
  }
}

fun readProperty(key: String): String =  gradleLocalProperties(rootDir, providers).getProperty(key)

사용법

BuildConfig.API_KEY

Sequelize의 include 안에서 order 적용하기

Beaver Bridge — Wed, 17 Apr 2024 02:26:41 +0000

팀의 사용자를 불러올 때 이렇게 했는데, 결과도 로그에 찍히는 sql에도 order by 가 없다.

const { data } = await db.teams.findAll({
  include: { model: db.users, as: "users", order: [["sort_weight"]] }
});

찾아보니 이렇게 include 안쪽이 아닌 같은 레벨에서 처리하는 거였다.

const { data } = await db.teams.findAll({
  include: { model: db.users, as: "users" },
  order: [[db.users, "sort_weight", "asc"]],
});

만약 더 깊이 들어간다면, 다른 방법을 써야한다.

const { data } = await db.teams.findAll({
  include: { 
    model: db.users, 
    as: "users",
    include: {
      model: db.teams, 
      as: "child_teams",
      include: {
        model: db.users, 
        as: "users",
      }
    }
 },
  order: [
    [db.users, "sort_weight", "asc"],
    [sequelize.col("child_teams.users.sort_weight", "asc")],
  ],
});

이런 식으로 sequelize.col 을 사용해서 컬럼에 직접 접근해서 사용해줘야 했다.

nvm으로 node 버전 관리하기

Beaver Bridge — Fri, 08 Mar 2024 11:09:53 +0000

node를 brew로 설치해서 사용하고, brew upgrade 를 자주 실행해서 node가 항상 최신 버전이다. 근데 개발한 프로그램이 나한테서만 로그인이 안되는 문제가 발생해서 찾아보니 내 node 버전이 너무 높은게 원인이었다.

안그래도 node 버전은 lts를 써야한다 라는 얘기는 들었지만, 이렇게 문제가 발생할 줄은 몰랐다. 이참에 nvm으로 갈아탄다.

nvm 설치

https://github.com/nvm-sh/nvm

$ arch -arm64 brew install nvm

설치 후에 나오는 설명대로 폴더를 만든다.

$ mkdir ~/.nvm

.zshrc에 추가

export NVM_DIR="$HOME/.nvm"
  [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

설치가능한 목록 보기

$ nvm list
->     v18.19.1
default -> v18.19.1
iojs -> N/A (default)
unstable -> N/A (default)
node -> stable (-> v18.19.1) (default)
stable -> 18.19 (-> v18.19.1) (default)
lts/* -> lts/iron (-> N/A)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.1 (-> N/A)
lts/erbium -> v12.22.12 (-> N/A)
lts/fermium -> v14.21.3 (-> N/A)
lts/gallium -> v16.20.2 (-> N/A)
lts/hydrogen -> v18.19.1
lts/iron -> v20.11.1 (-> N/A)

node 설치

https://github.com/nvm-sh/nvm?tab=readme-ov-file#long-term-support

$ nvm install --lts # or nvm install v20.11.1
$ nvm use --lts # or nvm use v20.11.1

기본 버전 지정

이걸 안하면 터미널이 새로 실행되면 node -v 를 해도 command not found 가 뜬다.

$ nvm alias default node # or nvm alias default 20.11.1