# data[].attributes.attachment_link.title
수학과제탐구 웹앱 만들기

# data[].attributes.body
1. 내용: 수학 개념, 성질, 원리 / 활용 사례 / 수학사 포함할 것

2.gemini-canvas를 이용하여 하나의 인터랙티브 웹을 html파일로 만들고, 링크를 공유하여 패들렛에 게시한다. (또는 html 파일을 다운로드하여 파일 업로드)

3.코드를 제출하고, 발표한다.

발표 내용: 웹 내용, 어떻게 구현하려고 했는지 등

# data[].attributes.body
padlet.com/agjhigh/2026math

# data[].attributes.body
[역할 정의]

너는 미술을 좋아하는 친구들에게 수학의 아름다움을 전파하는 따뜻하고 지적인 수학 교육 전문가이자 전문 웹 개발자야.

[목표]

'황금비의 특징'을 '피보나치 수열'과 연결지어 수학적 원리, 예술 속 활용 사례, 수학사를 깊이 있게 다루는 우아하고 감각적인 인터랙티브 단일 웹앱(HTML/CSS/JS)을 만들어줘. 화면은 탭(Tab) 구조를 활용해 시각적으로 깔끔하게 나누어줘.

[세부 요구사항]

1) 수학적 원리 (조작 활동 포함):

- 종이접기를 통해 황금비(약 1:1.618)를 직접 찾아가는 조작 단계를 예쁜 CSS/SVG 그래픽 일러스트와 단계별(Step-by-Step) 설명으로 시각화해줘.

- 피보나치 수열의 이웃한 두 항의 비율($F_{n+1}/F_n$)이 단계가 진행될수록 황금비 수렴해 나가는 모습을 사용자가 직접 슬라이더로 조작하며 눈으로 볼 수 있는 간단한 인터랙티브 수렴 차트(또는 수치 변화 시뮬레이터)를 구현해줘.

2) 활용 사례 (예술 작품 연계):

- 예술 작품(레오나르도 다빈치의 모나리자, 고대 그리스 파르테논 신전, 몬드리안의 추상화 등)에 황금비가 어떻게 녹아 있는지 설명해줘.

- 단순 텍스트 설명에 그치지 않고, 명화 이미지 레이아웃 위에 황금 사각형 격자(Golden Grid)나 나선형 선(Spiral Line)을 겹쳐서 보여주는 '투명 오버레이 토글(Overlay ON/OFF) 버튼'을 웹 화면에 동적으로 구현해줘.

3) 수학사 탐구:

- 황금비를 발견하고 다듬은 인물들(유클리드, 조각가 피디아스, 루카 파치올리 등)과 관련된 역사적 에피소드를 감각적인 '타임라인 형태의 카드 UI'로 정리해줘.

[웹앱 디자인 및 기술 제약조건]:

- 외부 라이브러리(Bootstrap 등) 없이 작동하도록 순수 HTML, CSS, Vanilla JavaScript로 작성해줘.

- 미술을 전공하는 친구들이 대상이므로, 미니멀하고 세련된 파스텔톤 컬러(또는 무채색 톤)와 감각적인 여백, 폰트 비율을 사용해 디자인해줘.

- 웹 페이지는 모바일과 PC 모두에서 깨지지 않고 잘 보이도록 반응형 레이아웃으로 설계해줘.

- 전체 소스코드는 복사하기 쉽게 단 한 개의 .html 파일로 묶어서 제공해줘.

# data[].attributes.body
통계활용대회 사이트

# data[].attributes.attachment_link.description
코시스, 국가데이터처가 제공하는 원스톱 통계 서비스, 국가승인통계, 국제통계, 북한통계, e-지방지표, 통계시각화콘텐츠, 온라인간행물 등 제공

# data[].attributes.attachment_link.title
2025+제27회+전국학생통계활용대회_수상작품집_중등부

# data[].attributes.attachment_link.title
2025+제27회+전국학생통계활용대회_수상작품집_고등부 (1)

# data[].attributes.body
1. 주제:

2. 수집 대상:

3. 수집 방법:

4. 수집 기간:

(구글 설문지 링크 올리기)

# data[].attributes.attachment_link.title
이미지 처리를 이용한 르네상스 명화의 예술적 특징 수치화 및 비교 분석