본문 바로가기
반응형

전체 글134

C드라이브가 꽉 찼다면? WinDirStat으로 캐시만 골라 30GiB 비운 후기 C: 드라이브의 남은 공간이 16.59GiB까지 줄어들어 Codex에 WinDirStat을 이용한 디스크 분석과 정리를 요청했다. 분석 결과에서 pip와 npm의 패키지 캐시를 정리 대상으로 추렸고, 실제로 확보한 공간은 30.026GiB였다. 정리 직후 여유 공간은 46.029GiB로 늘어났다.WinDirStat으로 큰 폴더를 찾은 뒤에는 해당 데이터를 삭제해도 되는지 판단해야 한다. 이번에는 폴더의 크기와 용도를 함께 확인하고 다시 받을 수 있는 캐시만 정리 대상으로 골랐다. 이번 정리 결과정리 대상: 재다운로드 가능한 pip·npm 패키지 캐시정리 직전 여유 공간: 16.003GiB정리 직후 여유 공간: 46.029GiB실제 확보한 공간: 30.026GiB시작은 Codex에 던진 질문이었다처음에는 .. 2026. 10. 3.
three.js로 어디까지 만들 수 있을까? 제품 뷰어부터 공간 미리보기까지 웹사이트에서 제품을 돌려 보거나 화면 속 공간을 직접 둘러보고 싶다면 three.js를 검토할 수 있습니다. three.js는 웹페이지에 3D 장면을 표시하고 사용자 입력에 따라 움직이게 만드는 자바스크립트 라이브러리입니다. 제품 뷰어, 공간 미리보기, 인터랙티브 콘텐츠에 활용할 수 있지만, 모델 준비와 성능 관리까지 고려해야 합니다.멋진 예제를 보고 나면 이런 고민이 생깁니다. “내 사이트에도 넣을 수 있을까? 사진이나 영상보다 나을까?” 판단 기준은 사용자가 직접 시점이나 상태를 바꿔야 이해하기 쉬운 콘텐츠인지입니다. 공식 예제로 확인할 수 있는 기능과 이를 적용할 만한 상황을 나눠 살펴보겠습니다.먼저 보는 핵심three.js는 웹에 3D 콘텐츠를 구현하는 도구입니다. 3D 모델을 자동으로 만들어 주.. 2026. 10. 2.
앱은 만들었는데 홍보 영상은? Claude Code에 맡기는 motion-designer 앱은 만들었는데, 소개 영상은 어떻게 만들어야 할까요? motion-designer는 Claude Code나 Codex에서 앱 소개 영상과 짧은 모션 영상을 제작하도록 돕는 오픈소스 스킬입니다. 앱 화면에 움직임을 넣고, 음악의 박자에 맞춰 장면을 구성한 뒤 영상 파일로 출력하는 작업을 다룹니다.이번 글에서는 motion-designer 공식 사이트를 바탕으로 어떤 영상을 만들 수 있는지, 시작하려면 무엇이 필요한지 정리했습니다.먼저 알아둘 내용웹사이트는 데모와 설치 안내를 보여줍니다. 제작은 코드 에이전트와 로컬 도구를 이용해 진행합니다.앱 인터페이스를 바탕으로 화면과 음악을 함께 연출하는 것이 핵심입니다.제작 전에 기획과 정지 화면을 확인하는 과정이 있습니다.스킬의 라이선스와 에이전트 이용 비용, 음.. 2026. 10. 2.
[한글 자동화] kordoc으로 모의고사 짜집기 자동화: 원본 스타일 2단 HWP까지 만들어 봄 kordoc으로 모의고사 짜집기를 자동화할 수 있을까? 실제 고1 수학 자료를 넣어 보니 HWP 3개에서 90문항과 정답 90개를 분리하고, 유형별 9문항을 골라 원본 시험지 스타일의 2단 HWP·HWPX로 다시 구성할 수 있었다. 단순 구조 검사가 아니라 오픈소스 rHWP 렌더러와 2페이지 PDF로 실제 화면도 검토했다. 핵심 결과HWP 3개 파싱 성공: 30문항씩 총 90문항 감지미주에서 객관식 정답 90개 추출유형별 9문항을 골라 A4 2페이지·2단 HWP/HWPX 생성HWP/HWPX 재파싱과 페이지별 렌더링 검수 통과공식 교육청 ZIP은 HWP 없이 PDF 7개로 구성인라인 수식과 일부 이미지는 배포 가능한 시험지 수준으로 복원되지 않음목차kordoc은 무엇인가전체 자동화 흐름공식 모의고사 원본은.. 2026. 9. 30.
Opus 5.5 모션 그래픽 사례 5개, Codex로도 만들 수 있을까? 요즘 Claude Opus 5.5가 만든 모션 그래픽이 눈에 띈다. 15초짜리 쇼릴부터 실제 앱의 홍보 영상까지, 짧은 요청에서 시작한 결과물이 연달아 공개됐다. Codex로도 가능할까? 최근 공개된 Opus 사례 다섯 개의 제작 경로를 먼저 보고, 직접 만든 KBO 퀴즈 홍보 영상 두 편을 같은 기준으로 비교했다. 먼저 답하면Opus 5.5가 영상 파일을 직접 생성하기보다 장면 코드를 쓰고 브라우저·Remotion·FFmpeg로 렌더링하는 사례가 많다. Anthropic 모델 사양도 입력은 텍스트·이미지, 출력은 텍스트로 표기한다. Codex 역시 코드와 렌더러를 조합할 수 있다. 이번에는 Python 직제작과 code-video 버전을 실제 MP4로 완성했다.목차Opus 5.5 모션 그래픽 사례 5가.. 2026. 9. 27.
AGENTS.md vs Skill vs MCP vs Hook, 쉬운 비유로 한 번에 이해하기 AI에게 매번 같은 규칙을 설명하다 보면 AGENTS.md, Skill, MCP, Hook이라는 이름을 만나게 됩니다. 모두 AI의 작업 방식을 바꾸는 데 쓰이지만, 맡기는 일은 서로 다릅니다. 프로젝트의 기본 규칙은 AGENTS.md, 반복 작업의 절차는 Skill, 데이터와 도구 연결은 MCP, 특정 이벤트에 맞춘 자동 실행은 Hook으로 구분하면 선택하기 쉽습니다.예를 들어 “글은 한국어로 써줘”, “이 순서로 티스토리 초안을 만들어줘”, “내 문서에서 자료를 찾아줘”, “작업이 끝날 때 형식을 검사해줘”는 비슷한 요청처럼 보여도 필요한 장치가 다릅니다. 이 글에서는 하나의 블로그 작성 사례로 네 가지의 쓰임새를 비교합니다. 먼저 기억할 네 가지 질문이 프로젝트에서 매번 기억할 원칙인가? → AGE.. 2026. 9. 22.
반응형

티스토리툴바