Song Minu

항상 생각만하고 귀찮아서 안하고 있던 자동매매 프로그램을 만들어봤다.클로드와 코덱스를 이용해 만들었고 정말 많은 수정을 했었다. 보통 자동매매 프로그램은 파이썬으로 많이 만드는 것 같았다.하지만, 내게 익숙한 코드로 만들고 싶어서 백엔드는 NestJS를 사용했고, 모니터링 사이트는 NextJS를 이용했다.그리고 증권사 API는 한국투자증권을 이용했다.이 외에 Redis, PostgreSQL도 사용했다. 처음에는 Nest를 이용해 자동매매만 진행할까 하다가모니터링 할 수 있는 게 좋을 것 같아서 웹 페이지를 추가했고, 핸드폰으로도 알림을 받고 싶어서 처음에는 텔레그램을 이용했다가디스코드가 여러모로 다양한 기능을 활용할 수 있을 것 같아서 텔레그램을 빼고 디스코드 봇을 추가했다. 디스코드 봇 기능디스코드 봇..

맥미니 M4 pro 64램을 두 달 만에 받은 후 이것저것 해보다가스레드나 인스타에 AI에이전트를 만들고 자랑하는 사람들이 하도 많길래 궁금해서 나도 구성을 해봤다.기왕 해보는 거 로컬 LLM으로 해보고 싶었고 클로드에게 내 스펙을 공유하니 qwen3:32b를 권장하길래 이걸로 구현해 봤다.# 1. Ollama 설치brew install ollama# 2. 모델 다운로드ollama pull qwen3:32b# 3. OpenClaw 설치ollama launch openclaw그리고 디스코드 봇을 활용하기 위해 봇을 생성 후 내가 사용할 디스코드 서버에 추가했다. 본가에서 키우고 있는 강아지로 봇을 만들었다 ㅋ openclaw configure이 명령어를 통해 디스코드 연동하는 게 생각보다 헷갈려서 다소 시..

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 웹 스토어유튜브 영상에 타임스탬프 메모를 남기세요chromewebs..

어쩌다보니 배그 관련 프로젝트를 4개나 만들었었다.처음 프로젝트를 만들 때 공식 문서를 보니 모델도 많고, 조합해서 써야하는 경우도 많았다.특히 타입스크립트로 만들 때 각 응답별로 모델을 만들 때 많은 시간이 들기도 했다. NPM에 배그 관련 패키지들이 몇 개 있긴 한데, 대부분 7~8년 전에 만들어진 것들이라 현재 API와 호환이 안 되는 경우가 많다 그래서 만들었다.타입스크립트도 지원하고, 각 응답별 모델도 지원하고, 손쉽게 API를 쓸 수 있는 NPM을.https://github.com/smw0807/pubg-kit 공식문서를 하나하나 보면서 만들면 진짜 생각보다 많은 시간이 들기 때문에...배틀그라운드 API를 이용한 애플리케이션을 만들 때 도움이 됐으면 하는 마음으로 만들었다.특히 NestJS에..

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 — 유튜브 강의·게임 공략 타임스탬프 메모유튜브 강의나 게임 공략 영상의 중요한 장면에 타임..

현재 자동매매 시스템을 만들어서 돌리고 있는데구동중인 프로젝트가 4개고 서로 같은 토큰을 사용하고 있어서 레디스를 사용하고 있다.한국투자증권 API를 통해 발급받은 토큰의 유효기간은 24시간인데, 문득 토큰의 유효기간을 보고 싶었다.거기에 더해 레디스에 등록된 값들을 보고 싶어서 찾아보니, 관련 툴이나 NPM들이 있긴 했다. 요즘 클로드와 티키타카를 하면서 만들고 싶은 거에 대해 기획서를 만들고 구현하는 재미가 있어서 레디스 GUI를 만들어 보자 해서 만들게 되었다. 기술 스택으로는 GUI 화면은 VIte+Vue3로 만들었고, 레디스와 통신하는 건 Express를 사용했다.기능은 레디스에 등록된 데이터 조회, 등록, 삭제, 다운로드 정도로 정했다.그리고 클로드가 추가 아이디어를 제공해서 읽기모드를 추가했..

왜 만들었는가?종종 보던 유튜브 영상을 나중에 다시 보고 싶어서 재생목록을 만들고 저장하곤 한다.하지만 아쉬웠던 건 이제 내가 원하는 지점을 찾는게 다소 불편함이 있었다.영상이 짧으면 다행이지만, 영상이 길거나 어느 지점이였는지 기억을 못하는 경우 찾는데 시간이 걸린다는 문제가 있었다.그래서 그 문제를 해결해보고자 만들어 봤다. 유튜브 영상을 보면서 "내가 원하는 지점"에 "내가 원하는 내용"을 메모할 수 있는 서비스를 만들어보자! 해서 시작했다. 어떤 서비스 인가?유튜브 영상의 특정 시점에 메모를 남기고, 메모를 클릭하면 해당 장면으로 즉시 이동하는 웹 서비스이다.공부 중인 강의 영상에서 핵심 개념이 나오는 구간,게임 공략 영상에서 보스 패턴이나 아이템 위치 같은 장면,반복해서 돌아가고 싶은 모든 시점..

https://github.com/smw0807/eah GitHub - smw0807/eah: Everyone's Auction HouseEveryone's Auction House. Contribute to smw0807/eah development by creating an account on GitHub.github.com한 번쯤 만들어보고 싶었던 경매 사이트를 마음에만 담아두다가, 이번에 드디어 직접 만들어봤다.프론트엔드는 React, 백엔드는 NestJS를 사용했다.이번 프로젝트에서는 AI를 적극적으로 활용했다.Cursor를 중심으로 개발했는데, 집중해서 진행했다면 일주일 안에도 가능했을 것 같다.프론트엔드는 디자인 작업을 거의 Cursor에 맡겼다.백엔드 API 요청/응답 데이터를 넘겨주고 원..

옛날에 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인증 및 데이터베이스는 ..

https://nuxt.com/modules/tailwindcss @nuxtjs/tailwindcss · Nuxt ModulesAdd 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 ..