업데이트 내역
고친 코드, 새로 배운 기술, 생각이 바뀐 순간들을 모았습니다.
- 2026.10.06article조회수87댓글0
깔아 둔 Claude Code 스킬 정리, 그리고 실제로 얼마나 썼는지 세어 봤습니다
플러그인 6개에 스킬은 80개가 넘게 깔려 있습니다. 각각 어디에 좋은지 정리하고, 세션 기록을 직접 집계해서 실제로 자주 쓴 스킬과 도구를 차트로 그려 봤습니다.Claude Code 실전 #5
- 2026.10.05article조회수198댓글0
커서를 따라보는 캐릭터 만들기 3편, 잔상 없이 부드럽게 스크러빙하기
21개 포즈를 그대로 쓰면 섞을 땐 잔상이 남고, 안 섞으면 툭툭 끊겼습니다. 광학 흐름으로 중간 프레임을 만들고, 주사율과 상관없이 같은 속도로 따라가는 스크러버를 만든 과정입니다.AI로 만든 히어로 캐릭터 #3
- 2026.10.03article조회수286댓글0
커서를 따라보는 캐릭터 만들기 2편, 193프레임에서 21개 포즈 고르기
AI 영상은 순서가 왕복하고 배경도 그대로 남아 있습니다. PCA로 시선 구간을 나누고, 배경을 지우고, 원본 구도를 유지한 채 스프라이트 시트로 묶은 과정을 코드와 함께 정리했습니다.AI로 만든 히어로 캐릭터 #2
- 2026.10.01article조회수412댓글0
커서를 따라보는 캐릭터 만들기 1편, 이미지 한 장을 Higgsfield로 영상화하기
블로그 첫 화면 캐릭터는 이미지 한 장에서 시작했습니다. 커서로 되감아 쓸 영상을 AI로 만들 때 필요한 조건과, 실제로 써 본 프롬프트를 공유합니다.AI로 만든 히어로 캐릭터 #1
- 2026.09.18study조회수241댓글0
매일 쓰는 Claude Code가 궁금해서 들은 허깅페이스 AI 에이전트 과정
Claude Code를 매일 쓰면서도 에이전트가 어떻게 돌아가는지는 막연하게만 알고 있었습니다. 허깅페이스 에이전트 과정에서 배운 생각, 행동, 관찰 루프와 도구 설계를 smolagents 예제로 정리했습니다.프론트엔드 개발자의 AI 기초 #3
- 2026.09.16article조회수476댓글0
채팅형 AI 비서 화면을 만들며 겪은 스트리밍 응답 처리
답변이 끝날 때까지 기다리면 10초 넘게 빈 화면을 봐야 합니다. fetch 스트림 파싱부터 렌더링 성능, 중단 버튼, 자동 스크롤, 스크린 리더 대응까지 스트리밍 응답을 다루며 정리한 내용입니다.
- 2026.09.13article조회수203댓글0
PM이 되고 나니 코드보다 문서를 더 많이 씁니다, AI로 사업 문서 쓰는 법
사업수행계획서, 제안 자료, 견적서, 기능 현황표, 공문까지. 스마트시티 사업 PM을 맡고 나서 문서 업무에 AI를 붙이며 정한 원칙과 실제 작업 흐름을 정리했습니다.
- 2026.09.10article조회수352댓글0
"완료했습니다"를 믿지 않기로 했습니다, AI 산출물 품질 게이트 세 겹
에이전트가 완료했다고 말하는 것과 실제로 동작하는 것은 다릅니다. 매번 사람이 확인하지 않아도 되도록 typecheck, Playwright e2e, 스크린샷 QA를 어떻게 걸어 두었는지 설정과 함께 공유합니다.Claude Code 실전 #4
- 2026.09.02study조회수377댓글0
에이전트에게 디자인과 브라우저를 보여 주기, MCP로 Figma·Playwright·Chrome 연결하기
코드만 읽는 에이전트는 디자인도 실제 화면도 볼 수 없습니다. MCP로 Figma 디자인을 읽게 하고, 브라우저를 직접 조작하게 하고, 결과를 눈으로 확인하게 만든 설정과 활용 사례를 정리했습니다.Claude Code 실전 #3
- 2026.08.27study조회수409댓글0
LLM 관리자 화면을 만들다가 공부한 토큰, 컨텍스트, 임베딩, RAG
기획서에 있는 "토큰 사용량", "RAG 문서", "temperature" 같은 항목을 이해하지 못한 채로 화면을 만든 적이 있습니다. 그게 아쉬워서 생성형 AI 기초 과정을 들으며 정리한 개념을, 화면 설계 관점에서 풀어 봤습니다.프론트엔드 개발자의 AI 기초 #2