THE STAR SHINING IN THE MIDDLE

퍼플렉시티 프로 실전 프롬프트

#1997 — Thu, 12 Mar 2026 14:15:01 +0900

실전 프롬프트 50선

프롬프트가 복사되었습니다!

엑셀 모든 테두리+굵은 상자 테두리 단축키 만들기

#1997 — Wed, 9 Jul 2025 13:31:19 +0900

평소 엑셀로 작업할때 모든 테두리 + 굵은 상자 테두리를 많이 사용하는데
일일이 클릭으로 하려니 불편해서 찾아보고 까먹기전에 정리합니다.

또한 해당 매크로는 확장자가 "xlsx"일 경우에는 매크로가 저장되지 않는 파일 형식이라면서 알림창이 띄워집니다.

매크로만 저장되지 않는 것이기에 무시하고 저장을 진행하셔도 됩니다.

("xlsm" 확장자로 변경해서 저장하면 매크로까지 저장된다는거 같은데.. 안해봤습니다.)

저는 MacBook에서 작업을하였고, 윈도우는 단축키만 다를 뿐 엑셀 자체 기능이므로 동일하게 동작할 것입니다.

1. Visual Basic Editor 열기

도구(tool) → 매크로 → Visual Basic Editor
(단축키: Fn + Option + F11)

2. 모듈 생성

visual Basic Editor 좌측 상단 엑셀 모양 옆에 버튼을 클릭하거나, 그 모양 옆에 있는 화살표를 눌러서 만들 수 있습니다.

3. 코드 입력

코드를 입력 후 창을 닫으면 됩니다.

Sub ApplyAllBordersWithThickOutline()
    Dim rng As Range
    Set rng = Selection

    With rng.Borders
        .LineStyle = xlContinuous
        .Weight = xlThin
        .ColorIndex = xlAutomatic
    End With

    With rng.Borders(xlEdgeLeft)
        .LineStyle = xlContinuous
        .Weight = xlThick
    End With

    With rng.Borders(xlEdgeTop)
        .LineStyle = xlContinuous
        .Weight = xlThick
    End With

    With rng.Borders(xlEdgeBottom)
        .LineStyle = xlContinuous
        .Weight = xlThick
    End With

    With rng.Borders(xlEdgeRight)
        .LineStyle = xlContinuous
        .Weight = xlThick
    End With
End Sub

4. 매크로 열기

도구(tool) → 매크로 → 매크로 ..
(단축키: Fn + Option + F8)

5. 매크로에 단축키 지정

"옵션.." 버튼을 클릭하여 설정할 수 있습니다.

매크로는 모듈에 입력되어있는 "ApplyAllBordersWithThickOutline"으로 자동으로 등록되어 보여집니다.

단축키는 “Option + Cmd + ▩” 으로 고정되어 있습니다.
(또한, 입력가능한건 영어만 가능합니다.)

마무리

직접 클릭으로 만든 테두리보다 매크로 테두리가 조금 더 굵습니다.

코드를 살짝 수정하면 될거 같지만.. 되는 것에 감사하며 건들지 않았습니다.

Mac에서 Nuphy GEM80 펌웨어 업데이트하기

#1997 — Thu, 20 Mar 2025 14:20:51 +0900

한번 해보고 까먹을거 같아서 메모를 위해 작성합니다.

현재 환경은 M3 맥북 에어입니다.

1. QMK Toolbox 설치

https://github.com/qmk/qmk_toolbox/releases

Releases · qmk/qmk_toolbox

A Toolbox companion for QMK Firmware. Contribute to qmk/qmk_toolbox development by creating an account on GitHub.

github.com

1-1. pkg 파일 설치

서명이 안된 파일이므로 위와같이 알림창이 뜨면
개인정보 보호 및 보안으로 이동합니다.

개인정보 보호 및 보안 하단에 파일명을 꼭 확인하고 그래도 열기를 클릭합니다.

그래도 열기 알림창

암호 입력

설치 실행됨

Launchpad - QMK Toolbox

Launchpad에 들어가서 설치 확인..

2. 펌웨어 파일 다운로드

https://www.nuphy.kr/firmware

NUPHY

NUPHY 브랜드 공식몰

www.nuphy.kr

3. 펌웨어 업데이트

https://www.nuphy.kr/manual/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=30744728&t=board

GEM80 _ QMK 펌웨어 업데이트 가이드 : NUPHY

NUPHY Gem80펌웨어 업데이트 가이드* 참고사항 (펌웨어 업데이트 순서)최신버전 QMK 툴박스 다운로드 및 키보드 유선 모드 세팅모델별 키보드 업데이트 파일(.bin) 툴박스에 업로드(키보드 모델에 맞

www.nuphy.kr

File에서 다운받은 펌웨어 파일(bin)을 열어줍니다.

유선모드로 변경
케이블 분리
ESC 버튼 클릭한 상태로 다시 케이블 연결

아래와 같이 노란색 글씨로 connected 한 줄이 뜹니다.
(캡쳐 찍을려고 뽑았다가..disconnected까지 표시됨)

disconnected까지 뜬 상태

connected 상태에서는 Flash 버튼이 활성화됨.

Flash 버튼을 클릭하면 다운로드가 시작됨.

펌웨어 다운로드가 다 되고 나면

Flash complete가 뜨면서

자동으로 DFU 모드가 해제되면서 disconnected 상태가 됩니다.

심심해서 만든 로또 당첨확인 QR 생성기

#1997 — Wed, 19 Mar 2025 18:27:54 +0900

로또 QR 코드 생성기

회차

로컬에서 Nginx Reverse Proxy 서버 구축 (Nginx Proxy Manager)

#1997 — Wed, 12 Feb 2025 14:27:07 +0900

https://nginxproxymanager.com

Nginx Proxy Manager

Docker container and built in Web Application for managing Nginx proxy hosts with a simple, powerful interface, providing free SSL support via Let's Encrypt

nginxproxymanager.com

0. 도커 설치

https://docs.docker.com/desktop/setup/install/mac-install/

Mac

Install Docker for Mac to get started. This guide covers system requirements, where to download, and instructions on how to install and update.

docs.docker.com

도커 설치(버전) 확인

docker -v

1. Docker Compose 파일 생성

services:
  app:
    container_name: nginx-proxy-manager
    image: 'jc21/nginx-proxy-manager:latest'
    restart: unless-stopped
    ports:
      - '80:80'
      - '81:81'
      - '443:443'
    volumes:
      - ./data:/data
      - ./letsencrypt:/etc/letsencrypt

docker-compose.yml

0.00MB

위 파일은 공홈 QuickGuide대로입니다.

docker-compose.yml를 원하는 곳으로 설치(경로는 영어로)

docker-compose.yml을 저장한 경로에서 명령어 실행

docker-compose up -d

정상적으로 올라갔는지 확인

docker container ls -all

명령어 혹은 OrbStack, Docker Desktop 같은 것으로 확인..

2. Nginx Proxy Manager 접속

접속 URL은 "http://localhost:81"로 접속하면 된다.

접속 화면

초기 계정

Email: admin@example.com
Password: changeme

초기 계정으로 접속시 이름, 닉네임, 이메일, 패스워드를 변경하는 팝업이 뜸.

3. Host 설정

Hosts → Proxy Hosts로 이동

이동시 첫 화면

Add Proxy Hosts 클릭 시 나오는 팝업

Domain Names: 오픈할 서버 URL 입력 (ex: localhost, local.test.com)

Scheme: 내부 웹 서비스 프로토콜 (http or https)

Forward Hostname / IP: 내부 웹 서비스 IP나 호스트 이름 (host.docker.internal)

Forward Port: 내부 웹 서비스 포트(80, 81, 443은 Nginx Proxy Manager에게 할당되어 있음)

Cache Assets: 정적 콘텐츠 캐싱 기능

Block Common Exploits: 프로젝트에서 제공하는 공격 패턴 차단 기능
SQL Injection을 막아주는 기능

Websockets Supoort: 웹 소켓 기능

3-1. Custom locations 설정

Custom Locations

저는 백엔드를 3002포트로 열어서 위와 같이 설정했습니다.

Define location: 구분되는 router명

Scheme: 내부 웹 서비스 프로토콜 (http or https)

Forward Hostname / IP: 내부 웹 서비스 IP나 호스트 이름

Forward Port: 내부 웹 서비스 포트

3-2. SSL Certificates 등록 (Https 사용시)

저는 mkcert를 사용하여 localhost용 인증서를 사용할 예정입니다.

SSL Certificates 탭 위치

SSL Certificates 초기화면 및 추가 버튼 위치

Add Custom Certificate 화면

인증서 등록시 Name은 구분할 수 있게 잘 적어야한다. (수정 불가)

등록 완료 화면

inactive 상태는 proxy host에 연결되지 않은 상태일 뿐, 정상 등록된 화면입니다.

3-3. Proxy Hosts에 SSL 설정하기

Proxy host 설정 위치

SSL 탭 위치

SSL Certificate 선택 전

SSL Certificate 선택 후

Force SSL: HTTP 프로토콜(Port: 80)로 접속해도 HTTPS 프로토콜 (Port: 443)로 접근시키도록 하는 기능

HTTP/2 Support: HTTP/2 프로토콜 사용
기존 HTTP 표준을 확장한 프로토콜이며, 성능이 개선된 방식

HSTS Enabled: HTTP Strict Transport Security

웹 서비스를 보안 연결을 통해서만 접속되도록 강제하는 정책

HSTS Subdomains: HSTS 정책을 모든 하위 도메인에도 적용시키기 위함

Request a new SSL Certificate 선택시 나오는 추가옵션

Request a new SSL Certificate 선택시 화면

Use a DNS Challenge: Let's Encrypt SSL 인증서를 발급받기 위한 방식 중 하나로 도메인 소유권을 검증하기 위해 HTTP 챌린지를 사용함. (DNS 설정을 건드릴 수 있어야함)

DNS Provider: 도메인 이름을 IP 주소로 변환해주는 서비스를 제공하는 업체

인증서 사용중인 상태

아이폰 Action Button(동작버튼) 단축어 Actions앱 안깔고 커스텀하기

#1997 — Tue, 4 Feb 2025 11:35:40 +0900

아이폰 동작 버튼 커스텀을 하려는데, actions 라는 앱을 추천하더라구요..

그런데 확인해보니 단축어에는 기기의 "방향 불러오기"가 있어서 만들어봅니다.

https://www.icloud.com/shortcuts/6727c7ac1a654cf7835781ce1ee9ab3f

VSCode inline copilot 단축키 변경하기

#1997 — Mon, 20 Jan 2025 13:31:55 +0900

맥북에서 자동완성 기능(cmd+i)를 자주 사용하고 있었는데,

어느날 업데이트가 되더니 인라인 코파일럿이 해당 단축키를 점령하고 있었다..

해당 부분을 테스트하기 위해 여러번 수정을 거쳤고,

그냥 관련된 애들을 다 옮겨 버렸다.

일단, 우측 컴파일러 채팅을 여는 방법이

"ctrl+cmd+i"와 "shift+cmd+i"가 존재하여, "ctrl+cmd+i"에 있는 코파일럿 채팅을 바인딩 해제하였습니다.

우클릭 후 복사를 하면 정확히 내용이 나오므로.. JSON도 함께 첨부합니다.

"cmd+i" -> "ctrl+cmd+i"로 변경된 명령

{
  "key": "ctrl+cmd+i",
  "command": "inlineChat.start",
  "when": "editorFocus && inlineChatHasProvider && inlineChatPossible && !editorReadonly && !editorSimpleInput"
}

{
  "key": "ctrl+cmd+i",
  "command": "inlineChat.startWithCurrentLine",
  "when": "editorFocus && github.copilot.chat.editor.enableLineTrigger && inlineChatHasProvider && !editorReadonly && !inlineChatVisible"
}

{
  "key": "ctrl+cmd+i",
  "command": "inlineChat.holdForSpeech",
  "when": "hasSpeechProvider && inlineChatHasProvider && inlineChatVisible && textInputFocus"
}

한글 조사(을/를, 이/가 등) 구분 코드

#1997 — Tue, 19 Dec 2023 11:04:47 +0900

특정 String을 넣어서 비교해서 "한글'을'" 형태로 뱉어줄 수 있지만,

해당 String이 없다면 계속해서 비교를 추가해야하는 형태이길래 찾아보고 코드를 작성하였습니다.

받침 O	받침 X
을	를
은	는
이	가
과	와

function determineParticle(str) {
  // 문자열인지 한글인지 확인합니다.
  if (/^[가-힣]+$/.test(str)) {
    // 문자열의 마지막 문자의 유니코드 값을 가져옵니다.
    const unicode = str.charCodeAt(str.length - 1)

    // 해당 유니코드 값에서 한글의 시작인 44032를 빼고, 28로 나누어 받침 코드를 계산합니다.
    const letterConsonant = (unicode - 44032) % 28

    // 받침 코드가 0이면 "를"을 반환하고, 그 외의 경우에는 "을"을 반환합니다.
    return `${str}${!letterConsonant ? '를' : '을'}`
  }
  return str
}

위 코드에서 "을/를"로 하였으나, 위 표에 적힌 대로 바꾼다면 해당 형태로 나올 것이고,
아니면 추가 parameter로 형태를 선택하는 옵션을 추가하면 될 것 같습니다.

const example = {
  a: ['을', '를'],
  b: ['은', '는'],
  c: ['이', '가'],
  d: ['과', '와']
}
function determineParticle(str, opt) {
  ...

  return `${str}${!letterConsonant ? example[opt][1] : example[opt][0]}`
}

Number Formater (1000 -> 1K, 만원 단위만)

#1997 — Fri, 8 Dec 2023 15:39:35 +0900

1000 -> 1K Formater

작업을 하다보니 1,000을 1K로 표시해야하는 코드가 필요하여 사용하였다가
까먹기 전에 메모를 작성합니다..

function numberFormater(num) {
  if (!isNaN(num)) {
    if (num >= 1e3 && num < 1e6) {
      num = `${(Math.round(num / 1e3 * 10) / 10)}K`
    } else if (num >= 1e6 && num < 1e9) {
      num = `${(Math.round(num / 1e6 * 10) / 10)}M`
    } else if (num >= 1e9) {
      num = `${(Math.round(num / 1e9 * 10) / 10)}B`
    } else {
      num = new Intl.NumberFormat('ko-KR').format(num)
    }
  }
  return num
}

만원 단위만

금액에 대한 formater가 필요하여 작성하였고

만원 단위만 구분하여 사용하면 되어서 아래와 같이 작성 후 메모해둡니다..

function priceFormater(amount) {
  amount = parseInt(amount)
  // 0이면 '무료' 리턴
  if (!amount) {
    return '무료'
  }
  // 1의 자리 반올림
  const roundedAmount = Math.round(amount / 10) * 10
  // 만 단위와 원 단위 분리
  const man = Math.floor(roundedAmount / 10000)
  const won = roundedAmount % 10000

  return `${man > 0 ? `${man}만` : ''}${won ? ` ${new Intl.NumberFormat('ko-KR').format(won)}` : ''}원`
}

Keyup, Keydown 이벤트가 2번씩 호출 될 때 해결법

#1997 — Tue, 31 Oct 2023 11:33:16 +0900

input에 keydown의 enter를 인식하여 특정 function을 호출하도록 지정해두었는데

자꾸 2번씩 동작하여 찾아보다가 메모합니다.

1. Keypress 사용하기

정말 간단한 방법이며, 쉬운 방법입니다.

하지만, 잘못 사용한다면 사용자가 엔터키를 꾸욱 누른다면

이벤트가 무한 호출되므로 주의해야합니다.

2. isComposing으로 확인하기

검색을 하다보니 찾게 된 친구이다.

keyboard 이벤트에 관련하여 event를 Parameter로 찍어보면

isComposing이 처음엔 true, 두 번째엔 false로 찍힐 것입니다.

영어로 입력시엔 발생하지 않는 이유가 여기에 있습니다.

한글로 입력시에는 글자를 조합하는 시간이 필요합니다.

그 컴포지션을 체크해주는 값이 isComposing입니다.

다만 콘솔로 이벤트를 찍어보라고 말씀드렸던 이유는

블로그에는 대부분 "e.nativeEvent.isComposing" 형태로 사용을 하였지만

Vue3 + Vite를 사용하는 제 환경에서는 e.isComposing으로 사용되었습니다.

간단한 사용법

document.querySelector('#div').addEventListener('keydown', keydownEvent)

function keydownEvent(e) {
	if (e.isComposing) return
	// 사용할 이벤트 작성
}

저는 vue에서 @keydown.enter="keydownEvent" 형태로 사용하다가 정리한 상태여서

너무 간단하거나 오타가 있을 수 있습니다