업데이트 내역
고친 코드, 새로 배운 기술, 생각이 바뀐 순간들을 모았습니다.
- tool조회수2댓글0
[Claude Code 스킬] hairline-create, 한 문장으로 움직이는 HTML 도형 만들기
아이디어 한 줄을 주면 마우스에 반응하는 선 그림 하나를 HTML 파일 하나로 만들어 주는 스킬입니다. 사용법과 규칙을 정리하고, 건물이 한 층씩 쌓이는 도시 예시를 직접 만들어 글 안에 넣었습니다.
- tool조회수2댓글0
[Claude Code 플러그인] ponytail, 필요 없는 코드는 짜지 않게 하기
에이전트가 요청보다 많이 만들어 오는 일을 줄여 주는 플러그인입니다. 이 블로그에 도구 섹션을 추가한 작업에서 무엇이 줄었는지 적었습니다.
- tool조회수0댓글0
[Claude Code 스킬] frontend-design, 템플릿처럼 보이지 않게 화면 만들기
프롬프트 한 줄로 만든 화면은 어디서 본 듯한 모양이 되기 쉽습니다. 이런 기본값을 피하도록 돕는 스킬과, 이 블로그에서 디자인 기준을 지킨 방법을 정리했습니다.
- tool조회수0댓글0
[Claude Code 스킬] brainstorming, 코드부터 짜지 않게 붙잡아 주는 법
만들 것이 흐릿한 채로 구현을 시작하면 중간에 갈아엎게 됩니다. 구현 전에 무엇을 물어보는 스킬인지, 언제 쓰면 좋은지 정리했습니다.
- article조회수90댓글0
깔아 둔 Claude Code 스킬 정리, 그리고 실제로 얼마나 썼는지 세어 봤습니다
플러그인 6개에 스킬은 80개가 넘게 깔려 있습니다. 각각 어디에 좋은지 정리하고, 세션 기록을 직접 집계해서 실제로 자주 쓴 스킬과 도구를 차트로 그려 봤습니다.Claude Code 실전 #5
- article조회수198댓글0
커서를 따라보는 캐릭터 만들기 3편, 잔상 없이 부드럽게 스크러빙하기
21개 포즈를 그대로 쓰면 섞을 땐 잔상이 남고, 안 섞으면 툭툭 끊겼습니다. 광학 흐름으로 중간 프레임을 만들고, 주사율과 상관없이 같은 속도로 따라가는 스크러버를 만든 과정입니다.AI로 만든 히어로 캐릭터 #3
- article조회수287댓글0
커서를 따라보는 캐릭터 만들기 2편, 193프레임에서 21개 포즈 고르기
AI 영상은 순서가 왕복하고 배경도 그대로 남아 있습니다. PCA로 시선 구간을 나누고, 배경을 지우고, 원본 구도를 유지한 채 스프라이트 시트로 묶은 과정을 코드와 함께 정리했습니다.AI로 만든 히어로 캐릭터 #2
- article조회수413댓글0
커서를 따라보는 캐릭터 만들기 1편, 이미지 한 장을 Higgsfield로 영상화하기
블로그 첫 화면 캐릭터는 이미지 한 장에서 시작했습니다. 커서로 되감아 쓸 영상을 AI로 만들 때 필요한 조건과, 실제로 써 본 프롬프트를 공유합니다.AI로 만든 히어로 캐릭터 #1
- post조회수268댓글0
11년 차, 여섯 번째 회사에서 쓰는 회고
학원에서 자바를 배우던 2014년부터, 개발과 PM을 같이 하는 지금까지. 이력서를 다시 쓰다가 그동안 미뤄 둔 회고를 써 봤다.
- article조회수390댓글0
"이 느낌으로 해 주세요"를 받았을 때, 레퍼런스 영상을 0.2초 단위로 쪼개 본 이야기
레퍼런스 영상 하나와 "이 느낌으로"라는 요청을 받았습니다. 감으로 맞추는 대신 영상을 0.2초 간격으로 쪼개서 순서와 타이밍을 숫자로 읽어 내고, Motion for React로 재현한 과정입니다.