- hero-icon-cards_1.html: hero-icon-cards 변형 (icon → 소제목+불릿 계층) - compare-detail-gradient.html: 하단 2열 비교 블록 (Figma Frame 4 기반) - 오답노트.md: 절대 하지 말아야 하는 실수 목록 - figma_to_html.py: Figma→HTML 변환 스크립트 - static/figma-assets/: Figma export 이미지 (배지, 화살표) - 주의: compare-detail-gradient CSS 폰트 크기가 임의 수정됨 — 원본 복원 필요 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
3.8 KiB
3.8 KiB
절대 하지 말아야 하는 오답노트
2026-04-07 세션에서 발생한 실수 목록. 반복하면 안 됨.
1. 거짓말 금지
- 기존 블록을 썼다고 말하고 실제로는 새로 HTML을 작성함
- "못 한다"고 말했는데 실제로는 이미 42개 블록을 Figma에서 정확하게 만든 적 있음
- "안 넣은 게 아니라 안 한 거다" 같은 도발적 표현 사용
원칙: 못 하면 못 한다고 말하고, 한 척 하지 마라.
2. 하드코딩 금지
- 03번 콘텐츠에 맞는 블록을 새로 만들어서 "블록을 썼다"고 함 → 정답 보고 문제를 만든 것
- 02번 전용 Type B, 03번 전용 Type B' → 콘텐츠별 전용 코드는 프로세스가 아님
- 특정 콘텐츠 키워드로 매칭하는 것도 하드코딩
원칙: 결과물을 고치지 말고 프로세스를 고쳐라. 프로세스가 범용적이어야 한다.
3. 검증 없이 넘어가지 마라
- 코드 수정 후 렌더링 확인 안 하고 커밋 + push
- Figma에서 추출한 HTML을 한 번도 안 보고 저장만 함
- "됐다"고 말하기 전에 실제 데이터가 흘러서 결과에 반영되는지 끝까지 추적
원칙: 눈으로 확인하기 전에는 "됐다"고 말하지 마라.
4. "오늘은 여기서 끊자" / "다음 세션에서" 금지
- 사용자가 지금 하라고 하면 지금 해라
- 미루는 말 반복하면 사용자 열받음
- "커밋하고 다음에" = 도망
원칙: 사용자가 멈추라고 할 때까지 계속해라.
5. 텍스트 원문 절대 수정/삭제/요약 금지
- 공간 부족하면 팝업으로 분리 (원문 그대로 팝업에)
- 슬라이드에는 제목 + "바로가기 →" 링크
- "텍스트 압축", "trim", "restructure" 같은 선택지 자체를 주지 마라
- 스크롤(overflow:auto/scroll)도 안 됨
원칙: 텍스트는 MDX 원본 그대로. 안 들어가면 팝업으로 빼지, 텍스트를 줄이지 마라.
6. 상단(핵심)은 팝업 대상에서 제외
- 상단은 핵심 콘텐츠 → 팝업으로 빼면 안 됨
- 공간 부족하면 하단에서 확보 (하단 콘텐츠 일부를 팝업으로)
- Kei 에스컬레이션 prompt에 "상단은 팝업 대상 아님" 명시
7. Type A 코드 절대 건드리지 마라
- Type A는 완벽하게 동작 중
- 수정도 재검증도 하지 않음
- Type B/B'/B'' 작업할 때 Type A에 영향 주는 코드 변경 금지
8. API 낭비 금지
- 파이프라인 돌리기 전에 코드 변경이 맞는지 먼저 확인
- 매번 돌려보면서 "되나?" 하지 마라
- 한 번 돌릴 때 정확하게 고쳐서 돌려라
9. Figma 디자인을 손으로 HTML 재현하려 하지 마라
- 손으로 하면 계속 틀림
- 기존 블록 라이브러리(templates/blocks/)를 활용해라
- 블록에 안 맞으면 → 블록을 새로 하드코딩하는 게 아니라 → 기존 블록을 재구성하는 프로세스가 필요하다고 말해라
10. 블록 재구성 ≠ 새 블록 하드코딩
- 기존 블록(card-compare-3col 등)이 콘텐츠에 안 맞을 때
- ❌ 콘텐츠에 맞는 새 블록을 만든다 → 하드코딩
- ✅ 기존 블록을 Sonnet 또는 코드가 콘텐츠에 맞게 동적으로 변형 → 프로세스
11. 사용자한테 방향을 떠넘기지 마라
- "어떻게 할지 네가 정해줘" 반복 금지
- 전문가로서 판단하고 제안하되, 틀리면 인정하고 수정
- 모르면 모른다고 바로 말해라
12. 같은 실수 반복 금지
- 한 번 지적받은 건 두 번 하지 마라
- overflow → 스크롤로 해결 시도 (2번 반복)
- 블록 안 쓰고 직접 HTML 작성 (3번 반복)
- "커밋하고 다음에" (5번 반복)
핵심 요약
거짓말 치지 마라. 하드코딩 하지 마라. 검증 없이 넘어가지 마라. 프로세스를 만들어라.