전세계 4.5% 리눅스 유저!!

[Linux]Thunderbird 백그라운드 실행

라면사리추가요 — Wed, 5 Nov 2025 11:39:25 +0900

리눅스를 메인으로 사용하다 보니 이메일 클라이언트로 썬더버드를 사용하는데,

백그라운드에서 실행이 되었으면 좋겠다는 생각을 하게 되어 찾아 봤다.

역시나 능력자 형님들이 이미 만들어 놓으셨다.

systray-x라는 프로그램이고, Linux, Windows 둘다 호환이 되는거 같다.

나는 리눅스에서 사용하기 때문에 리눅스 버전으로 소개 하고자 한다.

지원하는 배포판은, openSuSE, Ubuntu, Debian, Fedora, Manjaro, Arch, MX가 있고, 당연히 한글은 지원 안한다.

KDE, GNOME을 지원하고, Wayland도 지원을 하는거 같지만 해보지는 않았다.

https://github.com/Ximi1970/systray-x

GitHub - Ximi1970/systray-x: SysTray-X: A system tray extension for Thunderbird. Needs both the addon AND the companion app inst

SysTray-X: A system tray extension for Thunderbird. Needs both the addon AND the companion app installed to work. Will not work with TB flatpaks or snaps. - Ximi1970/systray-x

github.com

안내 페이지가 죄다 영어라서 어지럽겠지만, 어렵지 않다.

예로 본인이 사용하고 있는 하모니카 8.0을 기준으로 설명을 해보겠다. 하모니카 8.0은 우분투 24.04 LTS를 베이스로 하고 있기 때문에, xUbuntu섹션에 버전별로 있는데, 24.04를 따라 하면 된다.

Remove the Thunderbird snap package:

sudo apt remove thunderbird

Install the deb Thunderbird repository:

sudo add-apt-repository ppa:mozillateam/ppa
sudo nano /etc/apt/preferences.d/mozillateamppa

Insert this into the preferences file (it blocks the snap package): (위 mozillateamppa에 아래 내용을 입력후 저장 해야 된다. )

Package: thunderbird*
Pin: release o=LP-PPA-mozillateam
Pin-Priority: 1001

Save the file.

Refresh the repositories and install the deb version of Thunderbird:

sudo apt update
sudo apt install thunderbird

Now install the SysTray-X repository:

wget -q https://download.opensuse.org/repositories/home:/Ximi1970/xUbuntu_24.04/Release.key
sudo mv -f  Release.key  /etc/apt/trusted.gpg.d/Systray-x.Ximi1970.asc
sudo bash -c 'echo "deb https://download.opensuse.org/repositories/home:/Ximi1970:/Mozilla:/Add-ons/xUbuntu_24.04 ./" > /etc/apt/sources.list.d/systray-x.list'
sudo apt update

마지막으로 SysTray-X 설치를 하면 끝난다.

SysTray-X 배포판 별로 있기 때문에 잘 확인하고 설치 하면 되고, 나는 우분투 베이스 이기 때문에 GNOME으로 설치를 해준다.

sudo apt install systray-x-gnome

이렇게 하면 끝난다.

설치하고 아무런 액션이 없다. 당황하지 말고 썬더 버드를 실행 하면 트레이 영역에 아이콘이 하나 뜨는걸 볼 수 있다.

[Windows] 아웃룩 종료 방지

라면사리추가요 — Wed, 5 Nov 2025 11:23:45 +0900

아웃룩 사용하다 보면 종료 할때 트레이로 보내고 싶은 생각이 들때가 있는데, 그럴때 유용한 프로그램...

이미 상용 프로그램으로 존재 하기는 하지만 나처럼 돈쓰기 싫은 사람들을 위한 프로그램인거 같다.

개인이 만든 프로그램 이기는 하지만 현 시점까지는 잘 작동 된다.

테스트 해본 아웃룩 버전은 회사 Office365에서 다운 받은 아웃룩 뿐이 테스트 안해봤고, 제작자도 최신 버전만 된다고 했기 때문에, 나머지 이전 버전들은 테스트 못해봤다.

https://github.com/Palsternakka/OutlookWindowHook/releases/tag/v1.0.0

Release v1.0.0 · Palsternakka/OutlookWindowHook

Sorry, something went wrong. No results found

github.com

위 링크에서 OutlookWindowsHook-Installer.msi 다운 받아 설치 하고, 실행해 주면 된다.

그리고 실행하면 트레이 아이콘에 Outlook Window Hook 이라고 생기는데 오른쪽 클릭해서 Autostart 한번 클릭해 주면, 재부팅 할때 마다 자동 실행되고, 아웃룩을 실행하고 X 로 종료해도 종료되지 않고, 트레이에 남아 있는다.

[Vue3]tui-editor vue3 wrapper

라면사리추가요 — Wed, 15 Oct 2025 17:41:40 +0900

2025-10-15 추가.

아래 Options API로 작성된 tui-editor wrapper를 이번에 사용할 일이 있어서 Composition로 바꿔 보았다.

아래 소스를 사용하기 위해서는 아래 패키지를 먼저 설치 해야 된다.

뭐 또 언젠간 쓸일이 있겠지...

npm i @toast-ui/editor
npm i @toast-ui/editor-plugin-code-syntax-highlight
npm i @toast-ui/editor-plugin-color-syntax
npm i prismjs

<template>
    <div class="toast-edit" ref="tuiEditor"></div>
</template>

<script setup>
import "@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css";
import "tui-color-picker/dist/tui-color-picker.css";
import "@toast-ui/editor-plugin-color-syntax/dist/toastui-editor-plugin-color-syntax.css";
import '@toast-ui/editor/dist/toastui-editor.css'; 
import '@toast-ui/editor/dist/toastui-editor-viewer.css';
import "prismjs/themes/prism.css";

import colorSyntax from "@toast-ui/editor-plugin-color-syntax";
import Prism from "prismjs";
import "prismjs/components/prism-c";
import "prismjs/components/prism-cpp";
import "prismjs/components/prism-java";
import "prismjs/components/prism-python";
import "@toast-ui/editor/dist/i18n/ko-kr";
import {Editor} from "@toast-ui/editor";
import codeSyntaxHighlight from "@toast-ui/editor-plugin-code-syntax-highlight";
import {onMounted, ref, watch} from "vue";
import {consoleLog} from "@/assets/js/common/common.js";

const emit = defineEmits(["update:modelValue"])
let tuiEditor = ref()
let editorText = ref("")

let editor = null

const props = defineProps({
    content: { type: String, default: "" },
    isViewer: { type: Boolean, default: false },
});

onMounted(() => {

    doInit()

})

const setEditor = (isViewer) => {

    editor = new Editor.factory({
        el: tuiEditor.value,
        height: '500px',
        viewer: isViewer,
        toolbarItems: [ //-- Toolbar 버튼,
            ['heading', 'bold', 'italic', 'strike'],
            ['hr', 'quote'],
            ['ul', 'ol', 'task', 'indent', 'outdent'],
            ['table', 'image', 'link'],
            ['code', 'codeblock'],
            ['scrollSync'],
        ],
        plugins: [
            colorSyntax,
            [codeSyntaxHighlight,{ highlighter: Prism }]
        ],
        initialValue: props.content,
        initialEditType: "wysiwyg",
        language: "en",
        events: {
            change: onChangeEditor,
        },
    })

}

/**
 * parant에 update:modelValue로 내용 전달.
 */
const onChangeEditor = () => {

    editorText.value = editor.getHTML()
    emit("update:modelValue", editorText.value)
}

const doInit = () => {
    consoleLog("Editor props.data", props.content)
    consoleLog("Editor props.isViewer", props.isViewer)
    setEditor(props.isViewer)

    consoleLog("Editor ", editor)
    // editor.setHTML(props.data);
}

/**
 * viewer와 edit를 전환
 * @param isViewer edit: true, viewer: false
 */
const isViewMode = (isViewer) => {
    consoleLog("isEditMode ", isViewer)
    // editor.options.viewer = !isEdit

    editor.destroy() //-- 모드 전환을 위해 Destroy를 시킨다.
    setEditor(isViewer)
}

/**
 * emit을 통해서도 데이터를 전달 하지만,
 * 작성 또는 수정 완료후 getContents를 호출 하면,
 * 한번에 데이터를 다 받을수 있다.
 * @returns {UnwrapRef<string>}
 */
const getContents = () => {
    return editorText.value
}

defineExpose({
    isViewMode,
    getContents
})
</script>

<style scoped>
</style>

============================================================================================

tui-editor는 공식적으로 vue2만 지원을 해서 vue3로 된 자료 찾다가 아래 소스를 찾아서 적용해 보았다.

<template>
    <div class="toast-edit" ref="tuiEditor"></div>

</template>

<script>
import "prismjs/themes/prism.css";
import "@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css";
import "tui-color-picker/dist/tui-color-picker.css";
import "@toast-ui/editor-plugin-color-syntax/dist/toastui-editor-plugin-color-syntax.css";
import '@toast-ui/editor/dist/toastui-editor.css'; // Editor's Style
import '@toast-ui/editor/dist/toastui-editor-viewer.css';

import colorSyntax from "@toast-ui/editor-plugin-color-syntax";
import Prism from "prismjs";
import "prismjs/components/prism-c";
import "prismjs/components/prism-cpp";
import "prismjs/components/prism-java";
import "prismjs/components/prism-python";
import "@toast-ui/editor/dist/i18n/ko-kr";
import Editor from "@toast-ui/editor";
import codeSyntaxHighlight from "@toast-ui/editor-plugin-code-syntax-highlight";

let editor = null
// import api from "../api";
export default {
    name: "ToastEdtior",
    components: {
    },
    props: {
        data: {
            type: String,
            default: "",
        },

    },
    data() {
        return {
            changedPrism: null,
            // editor: null,

        };
    },
    mounted() {
        this.changedPrism = Prism;

        this.setEditor();
        if (this.data) {
            try {
                editor.setMarkdown(this.data);
            } catch (e) {
                editor.setHTML(this.data);
            }
        }
    },
    methods: {
        setEditor(data) {
            editor = new Editor({
                el: this.$refs.tuiEditor,
                plugins: [
                    colorSyntax,
                    [codeSyntaxHighlight, { highlighter: this.changedPrism }],
                ],
                initialEditType: "wysiwyg",
                language: "ko",
                events: {
                    change: this.onChangeEditor,
                },
                // hooks: {
                    // addImageBlobHook: this.addImageBlobHook,
                // },
            });
        },

        // async addImageBlobHook(file, setText, type) {
        //     try {
        //         if (!file) return false;
        //
        //         // 이미지 제외 막기 처리하기
        //         if (file && file.size > 5242880) {
        //             const size = (file.size / (1000 * 1000)).toFixed(1);
        //             alert(
        //                 `최대 업로드 사이즈(5 MB)를 초과 하였습니다.\n현재 사이즈 ${size}MB`
        //             );
        //
        //             return false;
        //         }
        //         // api 업로드 만들기
        //         const formData = new FormData();
        //         formData.append("image", file);
        //         const { data } = await api.uploadImageFile(formData);
        //         if (data.success === true) {
        //             setText(data.file_path, "image");
        //         }
        //
        //         //
        //     } catch (e) {
        //         alert("파일 업로드에 실패하였습니다");
        //     }
        // },

        onChangeEditor() {
            this.editorText = editor.getMarkdown();

        },
    },
    watch: {
        // watch를 활용한 props 변경 감지
        data(newValue) {
            if (this.editorText !== newValue) {
                editor.setMarkdown(newValue);
            }
        },

        editorText(newValue, oldValue) {
            if (newValue !== oldValue) {
                this.$emit("setContent", editor.getMarkdown());
            }
        },
    },
};
</script>

<style>

</style>

개발 하신분은 data에 editor를 선언하고, 필요 할때 this.editor로 호출하게 개발을 하셨는데, 해당 소스를 가져와서 적용해보니 아래와 같은 오류가 났다. 그래서 이렇게 저렇게 테스트 해보다 editor객체를 멤버 변수로 빼서 테스트를 해보니 오류 없이 정상적으로 작동이 되었다.

아래와 같은 오류가 나오는 이유는 모르겠지만, 에디터에 값을 넣을때 오류가 난다. setHTML뿐 아니라, setMarkdown을 해도 동일한 오류가 난다.

index.js:833 Uncaught (in promise) RangeError: Applying a mismatched transaction
    at _EditorState.applyInner (index.js:833:19)
    at _EditorState.applyTransaction (index.js:797:45)
    at EditorView.dispatchTransaction (index.js:19588:46)
    at EditorView.dispatch (index.js:5506:33)
    at WysiwygEditor2.setModel (index.js:19676:19)
    at ToastUIEditorCore2.setHTML (index.js:22566:27)
    at Proxy.mounted (ToastEdtior.vue:51:29)
    at vue.runtime.esm-bundler.js:4625:88
    at callWithErrorHandling (vue.runtime.esm-bundler.js:1575:18)
    at callWithAsyncErrorHandling (vue.runtime.esm-bundler.js:1583:17)

원본 출처: https://loy124.tistory.com/393

vue Toast UI Editor 적용기

사내 프로젝트를 하던 도중 기존에 사용하던 에디터가 너무 오래되어 교체를 할 필요성이 생겨 에디터를 새로 적용하기로 하였고 고민하던 도중 nhn에서 운영하는 오픈소스인 Toast Ui를 활용하기

loy124.tistory.com

간만에 Jenkins 삽질로그...ㅡㅡ;;;

라면사리추가요 — Wed, 11 Jun 2025 17:10:57 +0900

회사를 옮기면서 젠킨스 세팅을 하면서 Pipeline을 사용해 보고자 하는 와중에 역시 삽질을 하게 되어 같은 삽질러 분들의 삽질을

좀 덜어 보고자 남깁니다...

우선 파이브라인을 사용하면서 같이 사용한 플러그인은 애용하고 있는 Publish Over SSH 입니다.

git으로 소스 받아서 gradle로 war 파일 만들어서 서버에 war파일을 배포하는 방식으로 진행 했습니다.

구글검색해서 나오는 소스중에 일단 맘에 드는 pipeline 소스로 진행을 했는데, 근데 아무리 해도 빌드 까지는 정상적으로 되나,

서버로 war파일 전송이 되지 않아 처음에는 sourceFiles 쪽 이 잘못 된건가 싶어서 이리저리 바꿔 보았지만 역시...될리가 있다...ㅡㅡ;;; 그래서 console log도 찍어보고 하다 이상한걸 발견하게 되었는데,

stage를 Prepare, Build, Deploy 이렇게 3개로 나눠서 진행 하고 있었는데,

Build Stage에서 pwd를 했을때와, Deploy Stage pwd를 경로가 다른걸 발견 했습니다. 그래서 왜 그럴까 pipeline 스크립트를 다시 잘 보니 agent any 가 Deploy Stage에만 없길래 추가 해서 다시 해보니 바로~ 됩니다....

그래서 각 Stage에 있는 agent any를 다 지우고 pipeline 최상단에 하나만 남겨놓고 하니 매우 정상적으로 배포가 되었습니다...

3줄요약

1. 서버로 .war 파일이 전송이 안된다.

2. Build Stage의 경로와 Deploy Stage 의 경로가 다르게 나온다.

3. agent any를 pipeline 최상단만 빼고 나머지는 삭제.

시놀로지 VPN 내부망 연결.

라면사리추가요 — Wed, 11 Dec 2024 14:40:39 +0900

시놀로지 NAS에서 OpenVPN 설정을 하고나서 외부나 폰으로 연결을 하게 되면 내부망 연결이 안된다.

처음에는 라우팅 테이블을 추가 해야 되는건가 했는데, 방화벽에서 정책을 추가만 해주면 해결이 되는거 였다.

방화벽에서 규칙을 하나 생성 해야 된다.

생성 버튼을 클릭 하면 아래처럼 방화벽 규칙 편집이라는 화면이 나오는데 소스IP를 특정IP로 체크 하고 옆에 선택 버튼을 클릭한다.

그럼 또 아래처럼 화면이 나오는데, 서브넷으로 선택한다.

소스IP 입력창

다음에는 VPNServer 앱을 열어서 VPN에 설정된 IP를 확인해야 된다.

OpenVPN만 활성화 되어 있고, IP대역은 10.8.0.0 ~ 10.8.0.255로 되어 있는걸 볼수 있다. 다시 방화벽으로 가서

위에 소스IP 화면에 서브넷으로 선택을 하고 아래처럼 IP주소를 10.8.0.0 서브넷 마스크를 255.255.0.0 으로 입력 하면 된다. 만약 VPN에 ip 대역이 X.0.0.0 ~ X.0.0.255 라고 하면 서브넷 마스크는 255.0.0.0이 된다.

이렇게 하고 확인후 창을 닫고 프로파일 편집 화면에서도 확인을 하면 방화벽 정책이 적용되고, 방화벽 프로파일 화면에서 적용을 해야 최종 적용이 된다.

VPN 연결을 해서 내부망 IP로 연결을 하면 정상적으로 연결이 되는걸 확인 할 수 있다.

이 방법으로 시놀로지 NAS에 설치한 도커도 외부에서 연결이 가능 했습니다.

[펌]JAVA_OPTS, JVM memory, HotSpot JVM

라면사리추가요 — Tue, 16 Jul 2024 11:13:06 +0900

JAVA_OPTS, JVM memory, HotSpot JVM 에 대하여

출처: https://typing-has-no-ear.tistory.com/24 [두드려도듣진않는다:티스토리]

이클립스 차세대 Theia IDE 실행 후기...

라면사리추가요 — Mon, 8 Jul 2024 10:48:07 +0900

이클립스 차세대 IDE가 나왔다고 해서 다운 받아 실행 한번 해봤다...

두둥~

그런데~ 너~ 어~ 무~ 익숙한...VSCode 화면이 나와서 웃음이 나왔다...이클립스 재단이 미친건가? 아니면 노린건가?? 라는 생각도 잠시 해보았지만... 뭐 아직 초창기 이니...앞으로 어떤 차별점을 가지고 발전할지 좀 지켜 보기로 했다...

근데 아무리 그래도 이건...

SSL 서버 테스트 사이트.

라면사리추가요 — Thu, 18 Jan 2024 15:39:03 +0900

https://www.ssllabs.com/ssltest/analyze.html?d=www.naver.com

ps -ux, netstat -ano

라면사리추가요 — Wed, 20 Dec 2023 10:38:24 +0900

https://lnsideout.tistory.com/entry/%ED%86%B0%EC%BA%A3%EC%97%90%EB%9F%AC%ED%95%B4%EA%B2%B0-javanetBindException-%EC%A3%BC%EC%86%8C%EA%B0%80-%EC%9D%B4%EB%AF%B8-%EC%82%AC%EC%9A%A9-%EC%A4%91%EC%9E%85%EB%8B%88%EB%8B%A4-Bind-failed

Apache + Tomcat 연동위한 AJP와 IPv4 사용 설정시 주의점.

라면사리추가요 — Tue, 12 Dec 2023 10:48:27 +0900

언제나 그렇듯이 같은 업계 있는 분들이 삽질을 하실때 두어삽 이라도 도움이 되고자 남겨본다...

Apache + Tomcat 연동이랑 IPv4랑 무슨 상관인가 싶겠지만... 아주 상관이 없는건 아니다...

얼마전에 Apache + Tomcat(버전은 9.x) 연동을 해야 되는 경우가 생겨서 연동을 진행 하게 됬는데...

worker설정하고, virtualhost도 설정해서 새로 추가한 Tomcat에 연결을 해줬다...

아니...그른데~ 그른데~ 안된다...ㅡㅡ;;; 불길한 예감은 왜 항상 틀리지 않는 것인가...;;;

삽신의 강림이 느껴진다...

분명 worker 설정도 잘 되었고, virtualhost도 문제 없이 잘 되었고..AJP포트도 중복 없이 맞춰줬고...

당췌 원인을 찾을수 없었다...그렇게 서너시간 삽신과 대치하고 있었는데...

문득 Apache와 연동전에 사용자 로그인 로그 수집을 하면서 IP를 수집을 하는데 IPv6만 나와서 IPv4를 수집하기 위해 톰켓 환경변수에 -Djava.net.preferIPv4Stack=true를 추가 해줬던 기억이 났다...설마 설마 하면서 해당 부분은 주석처리 하고 다시 실행을 해봤더니...된다...ㅡㅡ;;;;

아놔~;;;;;;;;

그럼...이제 여기서 다시 고민을 했다 그럼 ip수집을 IPv6로 해야 되나? 싶은 찰나의 순간!! tomcat AJP설정 부분에 ip 머시기머시기를 봤던 기억이 나서 server.xml을 열어서 AJP 설정 부분을 봤다.

<!--  Define an AJP 1.3 Connector on port 8009  -->
    <Connector protocol="AJP/1.3"
               address="::1"
               port="8009"
               redirectPort="8443" />

ajp 설정 검색을 좀 해봤더니 address="::1" 이부분을 address="0.0.0.0" 이렇게 IPv4형식으로 바꿔주면 될거 같아서 변경후,
아까 톰켓 환경설정에 주석으로 막아놨던 부분을 다시 풀고 다시 해봤더니 그제서야 정상 동작을 했다...ㅡㅡ;;;

껄껄~ ㅡㅡ;;;

결론:

Apache + 톰켓 연동시 IPv4 수집을 하려면 환경설정에 -Djava.net.preferIPv4Stack=true 값을 추가 하고, 톰켓 AJP 설정에서 address="::1" 를 address="0.0.0.0"로 변경 해야 된다.

-삽질 끝 -

ps. 삽신!! 우리 앞으로 보는일 없었으면 좋겠다..