Song Minu

자동매매 프로그램과 모니터링 사이트, 디스코드 봇

SongMinu — Wed, 1 Jul 2026 20:36:52 +0900

항상 생각만하고 귀찮아서 안하고 있던 자동매매 프로그램을 만들어봤다.

클로드와 코덱스를 이용해 만들었고 정말 많은 수정을 했었다.

보통 자동매매 프로그램은 파이썬으로 많이 만드는 것 같았다.

하지만, 내게 익숙한 코드로 만들고 싶어서 백엔드는 NestJS를 사용했고, 모니터링 사이트는 NextJS를 이용했다.

그리고 증권사 API는 한국투자증권을 이용했다.

이 외에 Redis, PostgreSQL도 사용했다.

처음에는 Nest를 이용해 자동매매만 진행할까 하다가

모니터링 할 수 있는 게 좋을 것 같아서 웹 페이지를 추가했고, 핸드폰으로도 알림을 받고 싶어서 처음에는 텔레그램을 이용했다가

디스코드가 여러모로 다양한 기능을 활용할 수 있을 것 같아서 텔레그램을 빼고 디스코드 봇을 추가했다.

디스코드 봇 기능

디스코드 봇 기능으로는 자동매매를 운영하면서 필요성을 느끼는 것들을 계속 추가했다.

명령어로는

이렇게 구성되어 있다.

가장많이 사용하는건 holdings, log정도를 많이 사용하고, 종종 특정 종목의 매매를 중단 시키기 위해 strategies를 사용했다.

holdings 명령어

현재 보유 중인 종목들을 보여주기 위해 만들었다.

log 명령어

자동매매 구동 초기에는 로그 확인을 자주하고자 만든 명령어이다.

집에서 돌리고 출근하는데 로그를 확인할 방법이 없어서 만들었다.

초기에 에러가 진짜 많았어서 자주 확인했었는데, 요즘은 잘 사용하지 않고 있다.

strategies 명령어

현재 등록되어 있는 종목 전략들을 확인할 수 있고 매매 중지하거나 실행시킬 수 있도록 했다.

이런 다양한 기능들을 편리하게 사용할 수 있어 디스코드 봇을 선택했다.

공시 종목 등록

이 외에도 매일 오전 08:30에 DART API를 사용해 당일 공시 목록을 조회해서 특정 키워드를 통해 점수를 매긴 후 20점 이상인 종목들은 디스코드에 알림이 오게 했다.

이런 식으로 오고 승인을 누르면

매수할 수량을 입력하고 전송을 누르면 전략이 등록된다.

공시 후보로 등록한 종목은 09:00에 무조건 매수를 하게 해놨다.

이게 소소하게 수익이 나는 기능이기도 하다.

등록하기 싫은 종목은 삭제를 누르면 된다.

일단 5%, -5%로 자동 익절, 손절하도록 설정을 해놓았다.

처음에 익절은 10%로 설정했었는데

정규장 시간에만 매매하고, 정규장 종료 시점에 모든 종목을 무조건 판매하도록 해놨기 때문에

엄청 급등하는게 아닌 이상 10%를 도저히 먹을 수가 없어서 5%로 낮췄다.

웹 페이지

자동매매의 전략을 등록하거나, 현재 보유 종목, 매매이력 등을 확인하기 위해 웹페이지도 만들었다.

메인 화면으로 총 자산, 평가 손익, 오늘 실현 손익, 보유 종목, 활성 전략을 볼 수 있다.

자동 매매가 이루어진 이력들을 확인할 수 있다.

수익 분석 페이지로 많이 확인하는 페이지이다.

어떤 종목을 몇 주를 매매했는지, 매수-매도 가격, 순익, 비용, 실현손익, 수익률을 한 눈에 볼 수 있게 했다.

전략 관리 페이지는 자동 매매할 종목을 등록하는 페이지다.

종목을 검색해서 선택하고, 원하는 전략을 선택해서 등록하게 된다.

종목 리스트를 검색하는 API는 따로 없어서 리스트를 받아 파일로 따로 저장해서 검색하도록 했다.

백테스팅을 할 수 있는 페이지

이 외에 내가 보기 위해서

전략 별로 가이드를 보여주는 페이지와, 로그 페이지로 구성되어 있다.

하면서 느낀건 자동매매로 수익을 보려면 결국 주식장의 흐름을 볼 줄 알아야하는 것 같다.

장의 흐름과 종목 지표를 보고 알맞는 전략을 등록해야 수익을 더 낼 수 있을 것 같은데

난 아직 그정도의 레벨이 안돼서 고민하다 만든게 auto 전략이다.

일봉 20개를 조회해서 분석 후 전략을 선택한 후 15분 봉을 이용해 진입점을 선택하는 전략이다.

무서워서 100만원만 넣고 돌렸는데

모의 계좌로 돌릴 때 RSI 전략으로 많이 수익이 났어서 실매매 때도 등록했다가 원금에서 많이 까먹었었다.

auto 전략을 만든 후 한동안 장도 좋아서 원금 복구 및 조금 더 벌긴 했었다.

하지만 지금 다시 원금에서 살짝 까였다.

흐름을 보면서 전략을 적절하게 등록하는게 아니면 많은 수익을 낼 수 없을 것 같아서 현재는 이걸 계속 돌리는게 맞나 고민하고 있다.

[LLM] OpenClaw + 로컬LLM(Ollama) 후기

SongMinu — Mon, 18 May 2026 16:00:29 +0900

맥미니 M4 pro 64램을 두 달 만에 받은 후 이것저것 해보다가

스레드나 인스타에 AI에이전트를 만들고 자랑하는 사람들이 하도 많길래 궁금해서 나도 구성을 해봤다.

기왕 해보는 거 로컬 LLM으로 해보고 싶었고 클로드에게 내 스펙을 공유하니 qwen3:32b를 권장하길래 이걸로 구현해 봤다.

# 1. Ollama 설치
brew install ollama

# 2. 모델 다운로드
ollama pull qwen3:32b

# 3. OpenClaw 설치
ollama launch openclaw

그리고 디스코드 봇을 활용하기 위해 봇을 생성 후 내가 사용할 디스코드 서버에 추가했다.

본가에서 키우고 있는 강아지로 봇을 만들었다 ㅋ

openclaw configure

이 명령어를 통해 디스코드 연동하는 게 생각보다 헷갈려서 다소 시간이 걸리긴 했다.

디스코드 앱 토큰, 서버 ID, 채널 ID를 입력하고 구동시키는 것까지 성공해서 바로 테스트를 해봤다.

"안녕" 두 글자에 대한 대답이 오기까지 5분...

그 외에 몇몇 답장은 빠른 것도 있고 느린 것도 있고 오락가락했고, 무엇보다 맥미니가 터질 것 마냥 엄청 뜨거워졌다.

그래서 결국은 그냥 종료엔딩...

재밌는 경험

SongMinu — Mon, 27 Apr 2026 16:16:12 +0900

https://www.yttm.kr

YouTube Timeline Memo — 유튜브 강의·게임 공략 타임스탬프 메모

유튜브 강의나 게임 공략 영상의 중요한 장면에 타임스탬프 메모를 남기세요. 클릭 한 번으로 해당 시점으로 즉시 이동하고, 컬렉션으로 주제별 영상을 묶어 관리할 수 있습니다. 로그인 없이

www.yttm.kr

이걸 만든 이후 크롬 확장프로그램을 만들어서 등록했다.

https://chromewebstore.google.com/detail/youtube-timeline-memo/akcenlcmjliffoildhkhmpmeiebnaiak?utm_source=item-share-cb

YouTube Timeline Memo - Chrome 웹 스토어

유튜브 영상에 타임스탬프 메모를 남기세요

chromewebstore.google.com

그리고 며칠뒤 어떤 한 외국인으로 부터 재미있는 이메일을 받았다.

내가 올린 프로그램이 괜찮은 프로그램인 것 같아 보인다.

리뷰 작업을 해줄 수있다.

이런 내용의 이메일이 였다.

그래서 난 어떤 식으로 작업을 해준다는 거냐~ 물어 봤고

자기내가 크롬 정책에 위배되지 않는 선에서 리뷰 작업을 해줄 수 있고, 자기들이 작업해 준 프로그램을 캡쳐해서 첨부해서 나에게 줬다.

여기서 무시하려다가 궁금증이 생겨서 "그럼 내가 뭘하면 되냐?"고 보냈고

돈을 주면 된다~ 였다.

생각을 해본 후 답장을 준다 하고 끝내 버렸다. ㅋㅋㅋ

[NPM] PUBG-KIT 배그 REST API SDK

SongMinu — Fri, 24 Apr 2026 09:09:37 +0900

어쩌다보니 배그 관련 프로젝트를 4개나 만들었었다.

처음 프로젝트를 만들 때 공식 문서를 보니 모델도 많고, 조합해서 써야하는 경우도 많았다.

특히 타입스크립트로 만들 때 각 응답별로 모델을 만들 때 많은 시간이 들기도 했다.

NPM에 배그 관련 패키지들이 몇 개 있긴 한데, 대부분 7~8년 전에 만들어진 것들이라 현재 API와 호환이 안 되는 경우가 많다

그래서 만들었다.

타입스크립트도 지원하고, 각 응답별 모델도 지원하고, 손쉽게 API를 쓸 수 있는 NPM을.

https://github.com/smw0807/pubg-kit

공식문서를 하나하나 보면서 만들면 진짜 생각보다 많은 시간이 들기 때문에...

배틀그라운드 API를 이용한 애플리케이션을 만들 때 도움이 됐으면 하는 마음으로 만들었다.

특히 NestJS에서도 사용할 수 있도록 만들었다.

설치

npm install pubg-kit

순수 TypeScript / Node에서의 사용법

import { PubgClient } from 'pubg-kit';

const client = new PubgClient({ apiKey: 'YOUR_API_KEY' });

// platform을 동적으로 넘기면 if/else 없이 처리 가능
async function getPlayer(name: string, platform: string) {
  return client.shard(platform).players.getByNames([name]);
}

const kakaoPlayer = await getPlayer('홍길동', 'kakao');
const steamPlayer = await getPlayer('shroud', 'steam');

NestJS에서의 사용법

// app.module.ts
import { PubgModule } from 'pubg-kit/nestjs';

@Module({
  imports: [
    PubgModule.forRoot({ apiKey: process.env.PUBG_API_KEY }),
  ],
})
export class AppModule {}

// player.service.ts
@Injectable()
export class PlayerService {
  constructor(private readonly pubg: PubgService) {}

  async getPlayer(name: string, platform: string) {
    return this.pubg.shard(platform).players.getByNames([name]);
  }
}

플레이어 정보, 스탯, 매치 정보, 텔레메트리 등 모든 API를 쉽게 받을 수 있도록 구현했다.

지원되는 엔드포인트

Players	이름 / ID로 플레이어 조회
Matches	매치 상세 데이터 조회
Seasons	시즌 목록 조회
Stats	시즌 스탯 / 랭크 스탯 / 평생 스탯 / 배치 조회
Leaderboards	리더보드 조회 (페이지네이션 지원)
Samples	랜덤 샘플 매치 목록
Telemetry	텔레메트리 전체 / 이벤트 타입별 조회
Mastery	무기 / 생존 마스터리
Clans	클랜 정보 조회
Status	API 서버 상태 확인

NPM에 배포 후 제일 먼저 내가 만들 었던 PUBG-API 프로젝트를 모두 pubg-kit으로 변경했다.

적용중에 발생했던 여러 버그들도 수정했고, 기존 기능이 이상없이 정상 작동하는 것을 확인했다.

https://github.com/smw0807/pubg-api

GitHub - smw0807/pubg-api: PUBG API

PUBG API. Contribute to smw0807/pubg-api development by creating an account on GitHub.

github.com

https://github.com/smw0807/pubg-kit

GitHub - smw0807/pubg-kit: TypeScript SDK for the official PUBG API with NestJS support

TypeScript SDK for the official PUBG API with NestJS support - smw0807/pubg-kit

github.com

유튜브 타임라인 메모 크롬 확장프로그램 배포

SongMinu — Sat, 18 Apr 2026 19:31:58 +0900

https://chromewebstore.google.com/detail/youtube-timeline-memo/akcenlcmjliffoildhkhmpmeiebnaiak?utm_source=item-share-cb

YouTube Timeline Memo - Chrome 웹 스토어

유튜브 영상에 타임스탬프 메모를 남기세요

chromewebstore.google.com

유튜브 타임라인 메모 서비스를 크롬 확장 프로그램으로 만들어봤다.

옛날부터 크롬 확장 프로그램을 만들어보고 싶다는 생각은 있었지만, 마땅히 만들고 싶은게 없어서 못만들고 있었다.

https://www.yttm.kr/

YouTube Timeline Memo — 유튜브 강의·게임 공략 타임스탬프 메모

www.yttm.kr

이 서비스를 만들고 주변 사람들에게 어떤지 한 번 써보라고 했을 때 들었던 말들 중 하나가 "굳이?" 였다.

의도는 좋으나 굳이 사이트에 들어가서 유튜브 영상을 가져와 타임라인을 남길까 라는 말들을 들었다.

그러던 중에 몇 명이 "차라리 크롬 확장프로그램이면 좋겠다"라는 말을 듣고 "이거다!"하고 첫 크롬 확장프로그램을 만들기로 했다.

크롬 확장프로그램을 등록하기 위한 과정은 생각보다 귀찮았다.

첫 등록을 위해선 5달러 결제도해야 했고, 주소지 같은 걸 등록해야 하는데 한국을 등록할 수 없어서 일본으로 등록하는 등

많은 걸림돌들이 있었다.

확장 프로그램 등록시

확장 프로그램을 설치 후 클릭하면 아래와 같이 패널이 열린다.

구글 로그인을 하면 yttm 사이트에 등록된 나의 영상들을 확인할 수 있다.

그리고 사이드 패널을 열면 유튜브 오른쪽에 패널이 열리고 타임라인을 메모할 수 있는 기능을 사용할 수 있다.

그리고 확장 프로그램을 설치하면 [+ 메모]라는 플로팅 버튼도 활성화되는 데

클릭하면 사이드 패널이 열린다.

[NPM] 레디스 GUI - redis-eye

SongMinu — Fri, 10 Apr 2026 09:58:14 +0900

현재 자동매매 시스템을 만들어서 돌리고 있는데

구동중인 프로젝트가 4개고 서로 같은 토큰을 사용하고 있어서 레디스를 사용하고 있다.

한국투자증권 API를 통해 발급받은 토큰의 유효기간은 24시간인데, 문득 토큰의 유효기간을 보고 싶었다.

거기에 더해 레디스에 등록된 값들을 보고 싶어서 찾아보니, 관련 툴이나 NPM들이 있긴 했다.

요즘 클로드와 티키타카를 하면서 만들고 싶은 거에 대해 기획서를 만들고 구현하는 재미가 있어서 레디스 GUI를 만들어 보자 해서 만들게 되었다.

기술 스택으로는 GUI 화면은 VIte+Vue3로 만들었고, 레디스와 통신하는 건 Express를 사용했다.

기능은 레디스에 등록된 데이터 조회, 등록, 삭제, 다운로드 정도로 정했다.

그리고 클로드가 추가 아이디어를 제공해서 읽기모드를 추가했다.

읽기 모드에서는 데이터 조회 말고는 다른 기능들을 사용할 수 없다.

그리고 NPM에 배포해서 누구나 사용할 수 있게 할것.

최대한 가볍게 만들것.

이걸 목표로 만들어 보았다.

npm i -g redis-eye 후 redis-eye 입력 또는 설치 없이 npx redis-eye를 입력하면 위와 같은 웹 페이지가 브라우저에 자동으로 열린다.

현재 레디스에 등록된 데이터들을 볼 수 있고, 검색, 필터 기능을 사용할 수 있다.

클릭하면 해당 데이터 정보를 볼 수 있다.

레디스에 데이터를 등록할 수도 있다.

https://www.npmjs.com/package/redis-eye?activeTab=readme

https://github.com/smw0807/redis-eye

GitHub - smw0807/redis-eye: Redis GUI

Redis GUI. Contribute to smw0807/redis-eye development by creating an account on GitHub.

github.com

[토이프로젝트] 유튜브 타임라인 메모 서비스

SongMinu — Thu, 2 Apr 2026 21:19:37 +0900

왜 만들었는가?

종종 보던 유튜브 영상을 나중에 다시 보고 싶어서 재생목록을 만들고 저장하곤 한다.

하지만 아쉬웠던 건 이제 내가 원하는 지점을 찾는게 다소 불편함이 있었다.

영상이 짧으면 다행이지만, 영상이 길거나 어느 지점이였는지 기억을 못하는 경우 찾는데 시간이 걸린다는 문제가 있었다.

그래서 그 문제를 해결해보고자 만들어 봤다.

유튜브 영상을 보면서 "내가 원하는 지점"에 "내가 원하는 내용"을 메모할 수 있는 서비스를 만들어보자! 해서 시작했다.

어떤 서비스 인가?

유튜브 영상의 특정 시점에 메모를 남기고, 메모를 클릭하면 해당 장면으로 즉시 이동하는 웹 서비스이다.

공부 중인 강의 영상에서 핵심 개념이 나오는 구간,
게임 공략 영상에서 보스 패턴이나 아이템 위치 같은 장면,
반복해서 돌아가고 싶은 모든 시점을 북마크처럼 저장할 수 있다.

주요 기능

  - 타임스탬프 메모 — 영상 재생 중 버튼 하나로 현재 시각이 자동으로 찍힌 메모 저장
  - 타임라인 점프 — 저장된 메모 클릭 시 해당 시점으로 즉시 이동
  - 메모 인라인 편집 — 더블클릭으로 바로 수정 (Enter 저장 / Esc 취소)
  - 컬렉션 — "React 강의", "발더스게이트 공략" 같이 영상을 주제별로 묶어 관리
  - 공유 링크 — 내 타임라인 메모를 링크 하나로 공유 (받는 사람은 로그인 불필요)
  - 게스트 모드 — 회원가입 없이 바로 체험, 나중에 Google 계정으로 연결 시 데이터 유지

기술 스택 선택

별도의 백엔드 없이 Next + Firebase 단일 스택으로 구성하는 것을 목표로 했다.

프론트는 버셀을 통해 쉽게 배포할 수 있는 반면, 백엔드의 경우 버셀 같은 서비스들을 몇개 찾아봤는데 사용법이 다소 껄끄러웠고 프로젝트 규모상 백엔드는 생각 없었다.

혼자 만드는 프로젝트인 만큼 인프라 관리 부담을 최소화하고 싶었다.

고민했던 것

게스트 모드에 대해서 처음에 생각을 하지 않았었다.

처음 만들고 도메인도 연결해서 몇몇 사이트에 홍보를 해봤으나

많은 사람들이 로그인 페이지에서 더이상 진행하지 않는 것을 확인했다.

아무래도 처음보는 사이트에 구글로그인 한다는 거에 대해 불편함이 있는 걸로 보였다.

그래서 게스트 모드를 추가하고, 게스트도 동일한 기능을 사용할 수 있으며 나중에 구글 연동시 데이터를 그대로 옮길 수 있는 방법이 좋을 것 같다는 생각에 추가했다.

처음에는 로컬스토리지에 UUID를 저장하는 방식으로 고려했다.

하지만 파이어베이스 보안 규칙이 request.auth.uid 기반이라 익명 유저에게는 별도 규칙을 추가해야 하고,

세션 쿠키 방식과 일관성이 깨졌다.

Firebase Anonymouse Auth를 사용하면 익명 유저도 실제 UID를 가지기 때문에 기존 보안 규칙을 그대로 사용할 수 있고,

세션 쿠키 발급 흐름도 구글 로그인과 동일해서 이 기능을 사용했다.

구현 화면

최초 접속 화면

구글 로그인 또는 게스트 모드를 선택 할 수 있다.

로그인 후 보여지는 대시보드 화면으로 추가한 영상과 컬렉션을 볼 수 있다.

영상을 추가하고 클릭하면 타임라인에 메모할 수 있는 페이지로 이동된다.

추가한 영상은 컬렉션으로 따로 모아서 볼 수 있다.

내가 만든 타임라인을 타인에게 공유할 수 있다.

공유된 링크로 보는 화면이고, 로그인 없이 볼 수 있다.

사이트 링크

https://www.yttm.kr/

YouTube Timeline Memo

유튜브 강의·게임 공략 영상의 중요한 장면에 메모를 남기고, 클릭 한 번으로 즉시 이동. 컬렉션으로 영상 묶기 + 공유 링크 제공.

www.yttm.kr

[토이프로젝트] 경매 사이트

SongMinu — Fri, 27 Feb 2026 13:54:47 +0900

https://github.com/smw0807/eah

GitHub - smw0807/eah: Everyone's Auction House

Everyone's Auction House. Contribute to smw0807/eah development by creating an account on GitHub.

github.com

한 번쯤 만들어보고 싶었던 경매 사이트를 마음에만 담아두다가, 이번에 드디어 직접 만들어봤다.
프론트엔드는 React, 백엔드는 NestJS를 사용했다.

이번 프로젝트에서는 AI를 적극적으로 활용했다.
Cursor를 중심으로 개발했는데, 집중해서 진행했다면 일주일 안에도 가능했을 것 같다.

프론트엔드는 디자인 작업을 거의 Cursor에 맡겼다.
백엔드 API 요청/응답 데이터를 넘겨주고 원하는 방향을 설명하면, 꽤 만족스러운 결과물을 빠르게 만들어줬다.
다만 백엔드의 요청-응답 구조처럼 내가 기준이 명확한 부분은 직접 구현했다.

백엔드에서는 단순한 비즈니스 로직은 Cursor가 생성한 코드를 꽤 그대로 활용했다.
복잡한 로직은 프롬프트를 더 정교하게 써도 아쉬운 결과가 나올 때가 있어 일부는 직접 수정했다.
그래도 처음부터 전부 직접 짜는 것과 비교하면 개발 시간은 확실히 많이 줄었다.

자동완성으로 생성된 코드의 완성도도 전반적으로 높았다.
소스를 검토한 뒤 약간만 손보면 바로 적용 가능한 경우가 많았다.

다만 경매 서비스의 핵심 기능 중 하나인 정산 스케줄러는 예외였다.
프롬프트 문제였는지 반복적으로 버그가 발생해, 이 부분은 결국 직접 구현했다.

이번 프로젝트를 통해 느낀 점은 분명했다.
AI는 개발 속도를 크게 높여주지만, 핵심 도메인 로직과 안정성이 중요한 영역은 결국 개발자의 설계와 검증이 필요하다는 것이다.

[토이프로젝트] PUBG Your Team

SongMinu — Sat, 25 Oct 2025 12:05:05 +0900

옛날에 Vite 기반의 VueJS 프로젝트로 https://github.com/smw0807/pubg_your.stat 이걸 만들었었다.

만들고서 서비스를 시도 안 했던 이유는 결과물이 만족스럽지 않다는 단순한 이유였다.

그리고 이번에는 조금 제대로 만들어 보자! 해서 팀을 구하는 목적으로 Nuxt3 최신 버전으로 만들어 보았다.

https://github.com/smw0807/pubg.your_team

GitHub - smw0807/pubg.your_team: 배틀그라운드 팀 구하기 사이트

배틀그라운드 팀 구하기 사이트. Contribute to smw0807/pubg.your_team development by creating an account on GitHub.

github.com

인증 및 데이터베이스는 파이어베이스를 이용해 별도의 백엔드 구현 없이 만들었다.

채팅 기능도 파이어스토어에서 제공되는 기능을 이용해서 실시간 채팅이 구현이 가능했다.

디자인프레임워크는 최근 Nuxt에서 밀고있는 것 같은 Nuxt/ui를 사용했다.

그리고 전체적으로 구조는 단순한 편이다.

메인화면, 로그인, 닉네임 등록, 팀 목록, 팀 만들기, 채팅, 스탯조회, 최근매치보기 정도의 기능만 제공되고 있다.

스탯조회는 전에 만들어서 현재 AWS에서 구동 중인 https://github.com/smw0807/pubg-api 이걸 사용해 결과를 받아온다.

최근매치보기도 전에 만들었던 https://github.com/smw0807/pubg-stats-dashboard 이걸 배포중인 사이트로 넘어가게 해두었다.

이걸 만든 이유도 조금 단순했다.

한창 배틀그라운드에 빠졌을 때 같이할 사람들을 구하면 디스코드 공식 채널에서 채팅 메시지를 통해 같이 할 팀원을 구해야 했다.

이 과정에서 무수히 올라가는 채팅 때문에 정신도 없고, 구하기 힘들어서 "아 차라리 채팅방 형식으로 방을 만들어서 구하면 좋을 것 같은데?"라는 생각으로 만들어봤다.

https://www.pubgyourteam.kr/

www.pubgyourteam.kr

현재 도메인까지 구매해서 버셀에 배포를 해둔 상태이다.

만든 이후에 이제 디스코드 공식 채널에 홍보만 좀 하면 되겠다 싶었는데

채팅 메시지에 url이 포함되어 있으면 메시지가 차단이 되는 걸 뒤늦게 알았다.

사용자 유입이 원활 하려면 가장 접속자가 많고 뷰가 많은 디스코드에 홍보해야 하는데 이게 불가능해서 망했다.

공식 카페에도 홍보해봤으나 접속해서 로그인까지 시도한 사람이 12명에 그쳤다.(하루 지난 기준)

도메인까지 샀기 때문에 이걸 어떻게 홍보해야할지 고민을 좀 해봐야할 것 같다.

[Nuxt3] tailwindcss 적용 방법

SongMinu — Sat, 11 Oct 2025 20:29:55 +0900

https://nuxt.com/modules/tailwindcss

@nuxtjs/tailwindcss · Nuxt Modules

Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.

nuxt.com

공식문서에 있는 tailwindcss 모듈을 설치하면 아래와 같은 에러가 출력되면서 실행되지 않는다.

로그에서 설치하라는 @tailwindcss/postcss를 설치해봐도 같은 에러가 발생한다.

모듈을 설치하지 말고 tailwindcss의 공식문서에 있는 방법으로 설치하면 된다.

https://tailwindcss.com/docs/installation/framework-guides/nuxt

Install Tailwind CSS with Nuxt

Setting up Tailwind CSS in a Nuxt project.

tailwindcss.com