Files
2nd/10_Wiki/Topics/Digests/Topic_Programming--Topic_HOWTO.md
T
Antigravity Agent 6549ead309 chore(wiki): 00_Raw 정리(위키화 완료분 32건 삭제) + Topic_Math_Specialty 신설 + Astra 런타임 자산 동기화
- 00_Raw: 위키화가 끝난 회의록·원문 32건 삭제
- 10_Wiki/Topics: Topic_Math_Specialty(수학 전용 지식 폴더 — Astra 단계별 지식 스코프용),
  Digests, ASTRA 기능 인벤토리 추가
- .astra 런타임(growth/eval/memory)·lessons·chronicle 설정 동기화

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-05 20:50:10 +09:00

1.8 KiB

type, title, generated_at, sources
type title generated_at sources
digest 소화 노트: Topic_Programming/Topic_HOWTO 2026-07-04T18:01:26.257Z
00_INDEX
HOWTO_CSS_Text_Buttons
HOWTO_CSS_Social_Media_Buttons
HOWTO_CSS_Sidenav_Buttons

소화 노트: Topic_Programming/Topic_HOWTO

⚙️ 자동 생성 (sleep-time 사전 소화) — 원문이 항상 우선입니다. 소스가 바뀌면 자동 재생성되며, 이 파일은 삭제해도 안전합니다.

예상 질문과 답

  • Q: 배경색 없이 텍스트처럼 보이는 버튼을 만들려면 어떤 CSS 속성을 사용해야 하나요? — A: background-color: inherit;를 사용하여 버튼이 부모 요소의 배경색을 상속받게 하면, 버튼이 눌리지 않은 상태에서 시각적으로 그 표면에 녹아들어 마치 일반 텍스트처럼 보이게 할 수 있습니다. [HOWTO CSS Text Buttons]
  • Q: 슬라이드 인(Slide-in) 효과를 가진 사이드바 버튼을 구현하는 핵심 기술은 무엇인가요? — A: display: none이나 opacity: 0 대신, 링크를 화면 바깥쪽(left: -80px)에 배치하고 transition: 0.3s:hover { left: 0; }를 결합하여 left 속성의 변화를 부드럽게 애니메이션 시키는 것입니다. [HOWTO CSS Sidenav Buttons]
  • Q: 소셜 미디어 아이콘 버튼을 만들 때 Font Awesome 클래스를 어떻게 재사용하나요? — A: .fa를 모든 아이콘 링크에 적용하여 기본 크기/패딩을 설정하고, .fa-facebook과 같은 브랜드별 클래스를 아이콘 글리프를 선택하는 용도뿐만 아니라 해당 브랜드의 배경색을 적용하는 스타일링 후크로도 재사용합니다. [HOWTO CSS Social Media Buttons]
  • Q: 이 레시피에서 언급된 버튼 스타일의 진화 단계는 무엇인가요? — A: 알림 버튼(Alert Buttons, 단색 채