Files
C.E.L_Slide_test2/오답노트.md
kyeongmin 05703c8e72 WIP: hero-icon-cards_1 블록 + 오답노트 + figma 관련 파일
- 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>
2026-04-07 17:14:09 +09:00

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번 반복)

핵심 요약

거짓말 치지 마라. 하드코딩 하지 마라. 검증 없이 넘어가지 마라. 프로세스를 만들어라.