코딩 공부방 - mysetting

4:48 5/30

moonspam.github.io

mobile screenshot relative

4:48

moonspam.github.io

mobile screenshot

코딩 공부방
https://moonspam.github.io/

Hello World

최종 피드 수집: 2026-02-21 11:46

전체 (15)

11d

[OpenClaw 구축기] 토큰 폭탄 해결! 로컬 LLM과 게이트키퍼로 AI 에이전트 업무 자동화 비용 절감하기

나의 충직한 하이브리드 비서 루나를 구축하고, 성능을 한계까지 끌어올리기 위해 끊임없는 최적화의 나날을 보내고 있었다. 하지만 루나를 더 완벽한 개인용 AI 비서로 만들려 할수록 예상치 못한 시련들이 찾아왔다. 바로 Agentic

000

15d

[OpenClaw 구축기] 망고의 희생으로 탄생한 하이브리드 비서 루나의 여정

구형 맥북의 한계 때문에 스스로를 잠가버린 망고를 떠나보내고, 그 희생으로 탄생한 하이브리드 AI 비서 루나의 구축기를 살포시 남겨본다.
OpenClaw 구축기: 망고에서 루나까지의 대여정
구형 맥북 프로(2015년형)라는 하드웨

000

18d

[OpenClaw 구축기] 나만의 유능한 AI 비서 ‘망고’를 만들다

1. 프롤로그: 왜 나만의 AI 비서가 필요했는가?
단순한 챗봇의 시대는 지났습니다. 이제는 나의 일정과 메일을 관리하고, 내가 사용하는 도구들을 직접 제어하는 ‘에이전트’의 시대입니다. OpenClaw는 바로 그런 상상을 현실로

000

3y

NPM 패키지 편하게 관리하자(npm-check-updates 사용법)

NPM 패키지 업데이트할 때마다 뜨는 보안 경고 때문에 해당 패키지 GitHub 페이지로 들어가 새 업데이트가 없는지 정책이 바뀐 게 없는지 확인하는 것도 귀찮고 하나의 일이 돼버렸다.
특히 npm update는 다른 패키지의 종

000

3y

웹팩(Webpack) v4에서 v5로 마이그레이션

Webpack v4를 잘 사용하고 있었는데, npm update나 install 할 때마다 플러그인들이 지원을 종료했다고 메시지가 나오고 보안 관련 부분에서 high 이상의 문제가 자꾸 발생하여 원만한 유지보수를 위해 v5로 마이

000

5y

돌아보는 2020년

한해가 어떻게 흘러간 지 모를 만큼 2020년은 순삭 그 자체였다. 코로나 19 여파로 재택근무로 일을 하게 되었고 배달 음식과 새벽 배송이 생활이 되었다. 사무실보단 집에 있는 시간이 많아 아이와 애착 관계를 많이 쌓은 해이기도

000

6y

Vue.js 자동완성 만들기

2019년 목표였던 vue.js 다뤄보기를 하려고 노력한(?) 결과 프로젝트에서 검색창에 자동완성 되는 기능을 구현할 기회가 있었습니다.
들여다보자
stackoverflow에서 찾은 답변을 토대로 큰 틀을 잡기로 하였습니다. 작업

000

6y

나눔 고딕 웹 폰트에 대한 고찰

굴림과 돋움의 고인물이 될 무렵 나눔 고딕이 세상에 나오고 한글 웹 폰트의 부흥이 시작되었다는…
Early Access 사이트에서 나눔 고딕이 올라오자마자 여러 사이트에서 나눔 고딕을 사용하였고, 2018년부터 정식으로 구글 폰트

000

6y

Vue.js 타이머 만들기

아내의 수유 시간 체크와 업무 중 자리 비운 시간을 체크하기 위해 토이 프로젝트로 타이머를 만들어 보았습니다.
간단하고 쉽게 만들자 컨셉에 맞춰 레트로 스타일로 만들었습니다. 이름하여 8비트 타이머!
https://timer.mo

000

7y

나눔바른고딕 경량화 웹폰트 공유

요즘 나눔바른고딕을 사용하는 일이 많아져서 웹폰트가 있는지 찾아보니 구글 폰트에서 바른고딕은 없었고 github이나 무료 CDN에 종종 찾을 수 있었지만, 모바일 웹에서 사용하기엔 크나큰 용량이어서 직접 만들어 보았습니다.
3,7

000

7y

Font Awesome 아이콘 세트 소개

아이콘에 인터렉티브한 효과를 줄 경우 SVG 또는 Base64로 일일이 만들어 사용하는 경우가 있는데, 이 부분을 해결해줄 서비스가 있어 소개합니다.
Font Awesome 소개
세계에서 가장 인기 있고 사용하기 쉬운 아이콘 세트

000

7y

구글 크롬 자동재생 미디어 정책 변경 내용 공유

2018년 4월부터 크롬 브라우저에서 페이지 로딩 시 영상 자동재생(autoplay)이 못하도록 정책이 변경되었습니다. 갑자기 나오는 영상 때문에 심장 어택을 방지하려고 추가된 정책 같습니다.
아래의 경우 일부 자동 재생을 허용한

000

8y

API 쉽게 이해하기

개발자와 회의하다 보면 API라는 단어를 종종 듣게 됩니다. 공부 겸 API란 무엇인지 쉽게 풀어 정리해 보겠습니다.
API란?
위키백과에 설명하고 있는 API의 사전적 정의는 아래와 같습니다.
API(Application Pro

000

8y

점심 뭐 먹지? 제작기

인간으로 태어나 가장 큰 고민거리인 오늘 점심 뭐 먹지? 에 대한 고민을 해결하기 위해 만들어 보았습니다.
http://lunch.moonspam.me/
Prototype
바야흐로 3년전 cafe24 호스팅을 이용 중이어서 PHP

000

8y

본고딕 웹폰트(Noto Sans CJK) 공유

2014년 구글과 어도비(Adobe)와 합작으로 한중일 언어를 동시에 지원하는 본고딕(Noto Sans CJK)를 출시하였습니다. 개인적으로 나눔고딕 다음으로 많이 사용하고 있는 서체입니다.
현재 구글 Early Access에서

000