Antigravity Agent
6549ead309
- 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>
18 lines
2.2 KiB
Markdown
18 lines
2.2 KiB
Markdown
---
|
|
type: digest
|
|
title: "소화 노트: Topic_Programming/Topic_W3CSS"
|
|
generated_at: 2026-07-04T18:03:46.943Z
|
|
sources: ["00_INDEX", "W3CSS_Web_Layout", "W3CSS_Web_JavaScript", "W3CSS_Web_CSS"]
|
|
---
|
|
|
|
# 소화 노트: Topic_Programming/Topic_W3CSS
|
|
|
|
> ⚙️ 자동 생성 (sleep-time 사전 소화) — **원문이 항상 우선**입니다. 소스가 바뀌면 자동 재생성되며, 이 파일은 삭제해도 안전합니다.
|
|
|
|
## 예상 질문과 답
|
|
- **Q: W3.CSS 학습 여정의 전체적인 범위와 구조는 무엇인가요?** — A: 이 폴더(`Topic_W3CSS`)는 W3.CSS 프레임워크 튜토리얼을 체계화한 것으로, 총 69개의 문서로 구성된 크래시 코스입니다. 이 문서는 모든 핵심 지식 페이지의 루트 역할을 합니다. [W3.CSS Tutorial]
|
|
- **Q: 코딩을 시작하기 전에 반드시 거쳐야 하는 단계가 있나요?** — A: 네, 있습니다. 레이아웃을 코딩하기 전에 종이에 먼저 스케치하는 것이 권장됩니다. 이 단계는 나중에 `w3-row`나 `w3-third` 같은 클래스로 구현될 페이지의 청사진을 그리는 과정입니다. [W3CSS Web Page Layout]
|
|
- **Q: W3.CSS를 사용했을 때 레이아웃이 반응형으로 되는 원리는 무엇인가요?** — A: 단순히 스타일시트를 연결하는 것만으로는 변화가 없습니다. `w3-row`와 그 안에 세 개의 `w3-third` 컬럼을 배치하고 각 셀에 100% 너비의 이미지를 넣으면, 추가적인 CSS 없이도 자동으로 반응형 레이아웃이 구현됩니다. [W3CSS Web CSS Stylesheet]
|
|
- **Q: 복잡한 슬라이드쇼나 토글 기능을 구현할 때 W3.CSS의 JavaScript 라이브러리가 어떤 역할을 하나요?** — A: `w3.js` 라이브러리를 사용하면, 이전에 수동으로 구현했던 복잡한 `setTimeout`이나 인덱스 추적 로직을 단일 함수 호출(`w3.slideshow(selector, interval)`)로 대체할 수 있습니다. 또한 `w3.hide()`/`w3.show()` 함수가 토글 기능을 대신 수행합니다. [W3CSS Web JavaScript Library]
|
|
- **Q: W3.CSS를 사용한 웹 페이지의 전형적인 구성 요소는 무엇인가요?** — A: 레이아웃 스케치 단계에서부터 내비게이션 바,
|