jaysnote
✦ 최신 글
기술 › 웹그림으로 보는 Astro — 콘텐츠 웹 프레임워크는 어떻게 동작하는가
Astro의 핵심 개념(아일랜드 아키텍처, 빌드 타임 렌더링, 부분 하이드레이션, 산출물, 배포 단위, 정적 배포의 강점)을 여섯 장면의 그림과 해설로 풀어냅니다.
최근
jaysnote는 어떤 기술로 만들었나 — 스택과 흐름 쉽게 풀기
Astro·Pagefind·Cloudflare·GitHub·Cloudflare Access. 각 기술이 무엇인지 쉽게 설명하고, 글이 올라가고 보여지는 전체 흐름과 '왜 이 조합을 골랐는지'를 그림과 함께 정리한다.
산책중 무지개
점심시간 산책 중 본 무지개빛 구름.
01. 개요 — Agent로 개발한다는 것
사람과 coding agent의 역할 분담을 정리한 학습 시리즈의 출발점. vibe coding에서 SDD, agentic engineering으로의 진화.
전체 글
2026
02. 방법론 — SDD, TDD, 그리고 결합
무엇을 만들지(SDD)와 옳게 만들었는지(TDD)를 레이어로 나누고 결합하는 법.
#agentic-engineering #sdd #tdd03. GitHub SpecKit — SDD를 도구로 굳히기
SDD 흐름(Spec→Plan→Tasks→Implement)을 슬래시 명령으로 표준화하는 GitHub SpecKit 사용법.
#agentic-engineering #speckit #sdd04. 사람 vs Agent — 경계를 정하는 기준
되돌림·파급·모호함·검증성 4축으로 사람 게이트와 agent 자율을 가르는 프레임워크.
#agentic-engineering #사람과-agent05. 어떤 문서를 만들어야 하나
헌법·PRD·Spec·아키텍처·ADR·CLAUDE.md — 사람의 의도를 agent가 실행하게 고정하는 문서들.
#agentic-engineering #문서화06. Claude Code와 결합한 실전 워크플로
방법론·경계·문서를 Claude Code 기능과 묶은 반복 가능한 절차와 4개의 게이트.
#agentic-engineering #claude-code #워크플로07. 실전 — 예제 프로젝트를 agent와 나눠 만들기
URL 단축기 API를 빈 폴더에서 배포 직전까지, 명령 단위로 따라가는 실전 절차.
#agentic-engineering #speckit #실전예제jaysnote-publish 스킬은 어떻게 홈피에 글을 올리나
Jay의 홈페이지 게시 스킬이 대화를 글로 바꾸고 안전하게 배포하는 흐름을 정리했다.
#openclaw #자동화 #워크플로 #보안 #문서화jaysnote는 어떻게 동작하나 — 전체 구조와 OpenClaw 연동
이 사이트가 글 작성부터 배포·검색·접근 제어까지 어떻게 굴러가는지, 그리고 OpenClaw로 한마디에 글이 올라가는 구조를 한 장의 그림과 함께 정리한다.
#jaysnote #아키텍처 #cloudflare #openclaw #astroClaude Code /clear 명령 — 언제 쓰고 어떻게 동작하나
대화 컨텍스트를 통째로 비우는 /clear의 동작·사용 시점과 /compact와의 차이.
#claude-code #컨텍스트관리Claude Code 명령어로 코드 짜기 — 사용법 중심 예제
실제 코딩 세션에서 @파일·/plan·!·Esc·/clear 등을 언제 누르는지 입력 단위로 따라가는 예제.
#claude-code #사용법