* 목차 *

2026년 4월 3일 금요일

용수철저울 눈금 읽기 시뮬레이터 제작을 위한 COSTAR 프롬프트

 

용수철저울 눈금 읽기 시뮬레이터 제작을 위한 COSTAR  프롬프트 


https://gemini.google.com/share/67442dc3d3d3


1. 개요 (Context)

  • 대상: 초등학교 3학년 과학 '1. 힘과 우리 생활' 단원 학습자

  • 학습 목표: 1. 물체의 무게에 따라 용수철이 일정하게 늘어나는 규칙성을 관찰한다. 2. 용수철저울의 작은 눈금 한 칸이 의미하는 무게(20g)를 이해하고 정확히 읽는다.

  • 핵심 교구: 500g 용수철저울, 120g 장난감 자동차

2. 시각적 요구사항 (Visuals)

  • 디자인: 파스텔톤의 부드러운 실험실 느낌 (Tailwind CSS 활용).

  • 저울 구조: - 0g~500g 범위의 눈금.

    • 100g 단위마다 숫자가 써진 큰 눈금.

    • 큰 눈금 사이를 5등분하는 작은 눈금 (즉, 한 칸 = 20g).

  • 애니메이션: 물체를 고리에 거는 순간 용수철이 반동을 주며 부드럽게 늘어나는 물리 효과 적용.

  • 눈금 확대경: 바늘이 멈춘 위치를 우측에 크게 보여주어 학생들이 작은 눈금 칸수를 직접 셀 수 있게 함.

3. 기능적 요구사항 (Functionality)

  • 인터랙티브 드래그: 하단의 실험 물체들을 드래그하여 저울 고리에 도킹(Docking)하는 기능.

  • 눈금 계산 가이드: - 예: 장난감 자동차(120g) 측정 시 -> "100g(큰 눈금)에서 한 칸(20g) 더 내려왔어요!"라고 단계별로 안내.

  • 원리 설명창: "100g을 5칸으로 나누었으므로 한 칸은 20g입니다"라는 설명을 시각적(나눗셈 도식)으로 제시.

  • 영점 조절: 실제 저울처럼 사용 전 영점을 맞추는 듯한 인터랙션 포함.

4. 기술적 사양 (Technical)

  • 단일 HTML 파일 (JS 기반 SVG 동적 생성).

  • 터치 환경(태블릿)에서도 원활한 드래그 앤 드롭 지원.

  • 모든 텍스트는 초등학교 3학년 수준의 쉬운 용어 사용.

2026년 4월 2일 목요일

빗면 시뮬레이터 제작을 위한 COSTAR 프롬프트

 

빗면 시뮬레이터 제작을 위한 COSTAR 프롬프트

https://gemini.google.com/share/3d21c2728e1b

1. Context (맥락)

  • 대상: 초등학교 3학년 학생 (과학 '힘과 우리 생활' 단원 학습 중)

  • 주제: 빗면을 이용할 때의 이점 (힘의 크기 변화)

  • 배경 지식: 직접 들어 올리는 것보다 빗면을 이용하면 더 적은 힘이 든다는 원리를 실험으로 증명해야 함.

2. Objective (목표)

  • 사용자가 빗면의 높이를 조절함에 따라 변화하는 힘의 크기를 시각적·수치적으로 보여주는 시뮬레이터 제작.

  • '직접 들어 올리기'와 '빗면 이용하기'의 힘(g)을 실시간으로 비교함.

  • 자동차가 아래에서 위로 이동하는 애니메이션을 통해 실험의 과정을 생생하게 재현함.

3. Style (스타일)

  • 비주얼: 'Jua' 폰트를 사용한 귀엽고 친근한 디자인. 장난감 자동차(🚗)와 용수철저울 이모지 및 그래픽 활용.

  • 물리적 사실성: 실제 실험처럼 용수철저울이 자동차의 진행 방향(빗면과 평행)으로 배치되어야 하며, 힘이 클수록 용수철이 더 길게 늘어나는 애니메이션 포함.

4. Tone (톤)

  • 호기심을 자극하고 실험 결과를 명확하게 칭찬해주는 긍정적인 톤.

  • "와! 힘이 아주 조금 들어요!", "경사가 가파르면 힘이 더 필요해요!" 등의 구어체 피드백.

5. Audience (청중)

  • 복잡한 삼각함수(sin, cos)를 모르는 10세 어린이.

  • 따라서 물리 법칙은 내부 로직으로만 처리하고, 겉으로는 '높이'와 '힘(g)'의 상관관계만 직관적으로 노출함.

6. Response (응답 형식 및 요구사항)

  • 기술적 사양: 단일 HTML 파일 (Tailwind CSS, SVG 애니메이션, Vanilla JS).

  • 필수 기능:

    1. 높이 슬라이더: 빗면의 기울기를 실시간으로 변경.

    2. 실험 시작 버튼: 클릭 시 자동차가 빗면 하단에서 상단으로 스르륵 이동.

    3. 수치 표시: 직접 들기(120g 고정) 대비 빗면의 힘을 'g' 단위 숫자로 실시간 표시.

    4. 동적 게이지: 힘의 크기에 따라 색상이 변하는(초록-파랑-주황) 막대 그래프.

    5. 반응형 레이아웃: 모바일과 데스크톱에서 모두 잘 보이도록 설계

지레 시뮬레이터 제작을 위한 COSTAR 프롬프트

 

지레 시뮬레이터 제작을 위한 COSTAR 프롬프트

https://gemini.google.com/share/4358e34b34d4

1. Context (맥락)

  • 대상: 초등학교 3학년 학생 (과학 '힘과 우리 생활' 단원 학습 중)

  • 상황: 학생들이 지레의 원리(받침점의 위치에 따른 힘의 크기 변화)를 실험실 밖에서도 직관적으로 체험할 수 있는 디지털 학습 도구가 필요함.

  • 기존 배경: 수평 잡기 원리는 이미 학습했으나, 받침대를 움직여 물체를 들어 올리는 도구로서의 '지레' 개념에 집중해야 함.

2. Objective (목표)

  • 사용자가 받침대의 위치를 자유롭게 조절할 수 있는 인터랙티브 시뮬레이터를 제작함.

  • 받침대가 물체에 가까워질수록 필요한 힘이 줄어든다는 핵심 원리를 시각적으로 증명함.

3. Style (스타일)

  • 디자인: 초등학생 눈높이에 맞춘 밝고 친근한 테마. (예: Jua 폰트, 파스텔톤 배경, 이모지 활용)

  • 어조: 친절하고 격려하는 말투. (예: "와! 아주 가벼워요!", "조금 더 힘을 내봐요!")

  • 시각화: 수치보다는 직관적인 '게이지'와 '아이콘 크기 변화'를 우선시함.

4. Tone (톤)

  • 재미있고 탐구 중심적인 분위기.

  • 복잡한 물리 공식보다는 "움직이면 변한다"는 현상에 집중하게 함.

5. Audience (청중)

  • 과학적 용어(작용점, 힘점 등)가 아직 낯선 10세 어린이.

  • 따라서 '물체', '받침점', '누를 때 드는 힘'과 같은 쉬운 용어를 사용함.

6. Response (응답 형식 및 요구사항)

  • 기술 스택: 단일 HTML 파일 (Tailwind CSS, Vanilla JS 포함).

  • 핵심 UI 요소:

    • 삼각형 모양의 명확한 '받침점'.

    • 무게를 나타내는 '물체(📦)'와 힘을 나타내는 '손(✋)'.

    • 실시간으로 변하는 '힘 게이지'와 큰 숫자 표시.

  • 인터랙션 규칙:

    • 슬라이더로 받침대 위치 조절.

    • 필요한 힘의 크기에 따라 '손(✋)' 아이콘의 크기를 비례적으로 확대/축소.

    • 힘의 크기에 따라 게이지 색상 변경 (초록-노랑-빨강).

    • 학습 효과를 높이는 실시간 메시지 창 포함.

평면도형 개념 확인 퀴즈 생성 프롬프트

 

평면도형 개념 확인 퀴즈 생성 프롬프트

https://gemini.google.com/share/86c08bcf3750

1. Context (배경)

초등학교 3학년 1학기 1단원 '평면도형' 단원을 마친 학생들의 성취도를 확인하려고 합니다. 학생들은 선분, 직선, 반직선의 용어 정의와 각, 직각, 직각삼각형, 직사각형, 정사각형의 성질을 혼동하지 않고 구분할 수 있어야 합니다.

2. Objective (목표)

교과서의 '배운 내용을 확인해요' 코너와 유사한 수준의 객관식 10문제를 생성하십시오.

3. Style (스타일)

  • 형식: 객관식 4지 선다형.

  • 구성: 각 문제마다 질문, 선택지 4개, 정답, 그리고 오답/정답에 대한 상세한 '설명(Rationale)'과 '힌트'를 포함하십시오.

4. Tone (어조)

  • 초등학생이 이해하기 쉬운 친절하고 평이한 구어체를 사용하십시오.

  • "무엇일까요?", "~해 보아요"와 같은 부드러운 말투를 유지하십시오.

5. Audience (대상)

초등학교 3학년 학생입니다.

6. Response (핵심 요구 사항)

[문제 구성 내용]

  1. 선분, 직선, 반직선 (3문제): 각각의 정의와 차이점(끝점이 있는지, 어느 방향으로 늘어나는지)을 묻는 문제.

  2. 각과 직각 (2문제): 각의 정의(한 점, 두 반직선)와 종이를 접었을 때 생기는 직각의 특징.

  3. 직각삼각형 (2문제): 직각삼각형의 정의와 도형 판별.

  4. 직사각형과 정사각형 (3문제): 네 각이 모두 직각인 성질, 네 변의 길이가 모두 같은 성질을 비교하여 묻는 문제.

[기술적 가이드]

  • 개념 설명이 필요한 경우 LaTeX 기호(예: $\angle$, ㄱㄴㄷ 등)를 적절히 활용하십시오.

  • 힌트는 정답을 바로 알려주지 않고, 교과서에서 배운 핵심 단서를 상기시키도록 작성하십시오.

2026년 4월 1일 수요일

세 자리 수 세로셈 뺄셈 학습 웹앱 제작 프롬프트

 

세 자리 수 세로셈 뺄셈 학습 웹앱 제작 프롬프트

https://gemini.google.com/share/200447f5f685


1. Context (배경)

초등학교 3학년 1학기 2단원 '세 자리 수의 덧셈과 뺄셈'을 학습하는 학생들을 위한 교구입니다. 학생들은 특히 '받아내림'이 있는 뺄셈에서 자릿수를 헷갈려 하는 경우가 많으므로, 시각적으로 자릿수가 완벽하게 정렬된 세로셈 환경에서 연습이 필요합니다.

2. Objective (목표)

사용자가 세 자리 수 뺄셈 문제를 세로셈 형식으로 풀고, 정확한 자릿수에 숫자를 입력하며 즉각적인 피드백을 받을 수 있는 단일 파일(HTML/JS/CSS) 웹 앱을 제작하십시오.

3. Style (스타일)

  • 디자인: 따뜻하고 차분한 붉은색/분홍색 톤(빨간색 포인트)의 친근한 UI를 적용하십시오. Tailwind CSS를 사용하여 둥근 레이아웃과 부드러운 버튼을 구현하십시오.

  • 레이아웃: 숫자들이 오른쪽 끝(일의 자리)을 기준으로 수직으로 완벽하게 정렬되어야 합니다.

  • 폰트: 숫자는 가독성과 정렬을 위해 고정 폭 폰트(Courier New 등)를 사용하고, 안내 문구는 귀여운 손글씨체를 사용하십시오.

4. Tone (어조)

  • 친절하고 격려하는 선생님의 말투를 사용하십시오.

  • 특히 낮은 점수를 받은 학생에게는 "괜찮아, 다시 해보자"와 같은 따뜻한 위로를 건네고, 높은 점수에는 "뺄셈 박사님"과 같은 극찬을 해주십시오.

5. Audience (대상)

초등학교 3학년 학생 및 세 자리 수 연산 기초가 필요한 어린이입니다.

6. Response (핵심 요구 사항)

[기능적 요구 사항]

  1. 난이도별 문제 생성 (10문제):

    • 1~3번: 받아내림이 없는 쉬운 문제.

    • 4~7번: 받아내림이 1회 있는 보통 문제.

    • 8~10번: 받아내림이 2회(연속) 있는 어려운 문제.

    • 항상 첫 번째 수 > 두 번째 수가 되도록 설정하여 음수가 나오지 않게 하십시오.

  2. 세로셈 인터페이스:

    • 두 숫자 사이에 빼기(-) 기호를 적절히 배치하십시오.

    • 숫자 아래에 계산 결과를 입력할 수 있는 4개의 개별 입력 칸을 배치하십시오.

  3. 스마트 입력 시스템:

    • 사용자가 일의 자리부터 입력하도록 유도하십시오.

    • 한 칸에 숫자 하나를 입력하면 자동으로 왼쪽 자릿수로 포커스가 이동해야 합니다.

    • 백스페이스 입력 시 오른쪽 자릿수로 포커스가 돌아가야 합니다.

  4. 결과 및 오답 노트:

    • 10문제 종료 후 점수와 맞춤형 격려 멘트를 표시하십시오.

    • '오답 풀이' 화면에서 사용자가 입력한 값과 실제 정답을 세로셈 형식으로 비교해 보여주십시오.

[기술적 요구 사항]

  • HTML, CSS(Tailwind CSS), JavaScript를 하나의 .html 파일에 포함하십시오.

  • 별도의 이미지 파일 없이 이모지(Emoji)와 인라인 스타일만 사용하십시오.

  • 다양한 화면 크기(태블릿, 모바일, PC)에서 깨지지 않는 반응형 디자인을 적용하십시오.

세 자리 수 세로셈 덧셈 학습 웹앱 제작 프롬프트

 

세 자리 수 세로셈 덧셈 학습 웹앱 제작 프롬프트


https://gemini.google.com/share/25013c93c96f


1. Context (배경)

초등학교 3학년 학생들이 '세 자리 수의 덧셈'을 학습할 수 있는 교육용 웹앱을 제작하고자 합니다. 학생들은 가로셈보다 자릿수를 맞춰 계산하는 세로셈 방식에 익숙해져야 하며, 일의 자리부터 차근차근 계산하는 습관을 길러야 합니다.

2. Objective (목표)

사용자가 세 자리 수 덧셈 문제를 세로셈 형식으로 풀고, 즉각적인 피드백을 받을 수 있는 인터렉티브한 단일 파일(HTML/JS/CSS) 웹 애플리케이션을 생성하십시오.

3. Style (스타일)

  • 디자인: 초등학생의 눈높이에 맞춘 부드럽고 친근한 UI. Tailwind CSS를 사용하여 둥근 모서리, 파스텔 톤(주로 파란색/노란색), 애니메이션 효과를 적용하십시오.

  • 폰트: 숫자는 자릿수가 딱 맞도록 고정 폭 폰트(Courier New 등)를 사용하고, 제목이나 안내 문구는 귀여운 손글씨체(나눔펜글씨 등)를 사용하십시오.

4. Tone (어조)

  • 친절하고 격려하는 선생님의 어조를 유지하십시오.

  • 결과에 따른 피드백은 학생의 점수에 따라 다르게 제공되어야 합니다 (특히 0점이나 낮은 점수일 때 비꼬는 느낌이 들지 않도록 따뜻한 격려 문구를 포함할 것).

5. Audience (대상)

초등학교 3학년 학생 및 기초 연산 연습이 필요한 어린이들입니다.

6. Response (핵심 요구 사항)

[기능적 요구 사항]

  1. 문제 생성:

    • 난이도별 10문제 자동 생성 (받아올림 없는 문제 -> 1회 있는 문제 -> 2회 이상 있는 문제 순서로 배치).

    • 두 수의 합이 1000이 넘는 경우도 처리 가능해야 함.

  2. 세로셈 UI:

    • 숫자들이 오른쪽(일의 자리)을 기준으로 수직 정렬되어야 함.

    • 숫자 아래에 계산 결과를 입력할 수 있는 개별 입력 칸(input) 4개를 배치할 것.

  3. 입력 로직:

    • 일의 자리 입력칸부터 시작하여, 숫자를 입력하면 자동으로 다음 자릿수(십의 자리) 칸으로 포커스가 이동해야 함.

    • 백스페이스 입력 시 이전 칸으로 포커스가 돌아가야 함.

  4. 결과 및 복습:

    • 10문제를 모두 풀면 점수와 맞춤형 격려 메시지 표시.

    • '오답 풀이' 기능을 통해 틀린 문제와 정답을 세로셈 형식으로 다시 확인할 수 있을 것.

[기술적 요구 사항]

  • HTML, CSS(Tailwind CSS), JavaScript를 단일 .html 파일에 통합하십시오.

  • 외부 이미지 대신 이모지(Emoji)와 SVG를 사용하십시오.

  • 모바일과 PC 모두에서 사용 가능한 반응형 레이아웃을 적용하십시오.

난산증 보조: 두 자리 수 - 한 자리 수 받아내림 뺄셈 학습 앱 생성 프롬프트

 

난산증 보조: 받아내림 뺄셈 학습 앱 생성 프롬프트

https://gemini.google.com/share/1b90a0903a98

1. Context (배경)

나는 '두 자리 수 - 한 자리 수'의 뺄셈에서 받아내림(내림) 개념을 어려워하는 초등학교 3학년 난산증 학생을 돕고 싶어. 이 학생은 십의 자리에서 빌려온다는 추상적인 개념을 이해하기 힘들어하므로, '묶음 상자를 뜯어서 낱개로 만드는 과정'을 시각적으로 보여줘야 해.

2. Objective (목표)

학생이 직접 10개들이 묶음을 해체하고, 사과를 하나씩 버리며 남은 개수를 확인하는 단일 HTML 파일 웹앱을 제작해줘.

3. Style (스타일)

  • 디자인: 따뜻하고 부드러운 오렌지/옐로우 톤 UI. 아이들의 시력을 보호하고 집중력을 높이는 깔끔한 레이아웃.

  • 기술 스택: Tailwind CSS (UI), Vanilla JavaScript (Drag & Drop 및 상태 관리).

4. Tone (어조)

  • 사용자 경험: 아이가 어려워하지 않도록 단계별로 친절하게 안내하는 어조.

  • 피드백: 사과를 버릴 때마다 남은 개수를 알려주며 성취감을 느끼게 함.

5. Audience (청중)

  • 주 사용층: 숫자의 크기 비교와 받아내림 원리 이해에 도움이 필요한 학생 및 특수교육 학부모/교사.

  • UI 고려사항: 드래그 영역이 충분히 넓어야 하며, 버튼은 직관적이고 커야 함.

6. Response (핵심 요구사항)

  • 문제 생성:

    • (11~18) 사이의 숫자에서 (일의 자리보다 큰 한 자리 수)를 빼는, 반드시 받아내림이 필요한 문제를 무작위 생성.

  • 시각적 조작 및 로직:

    • 묶음 상자: 10개 묶음은 처음에는 드래그할 수 없으며, 클릭하여 '해체(Unpack)'해야만 낱개 사과로 변하고 드래그가 가능해짐.

    • 낱개 상자: 처음부터 있던 낱개 사과들을 보여줌.

    • 드래그 앤 드롭: 사과를 화면 하단의 '휴지통'이나 '버리는 구역'으로 옮기면 삭제됨.

  • 진행 단계:

    • 1단계: 문제 확인.

    • 2단계: 낱개만으로 뺄 수 없음을 인지하고 10개 묶음 클릭하여 해체.

    • 3단계: 목표 숫자만큼 사과를 드래그해서 버리기.

    • 4단계: '정답 확인' 버튼을 눌러 남은 사과 개수와 수식의 결과 비교.

  • 호환성: 마우스 드래그와 모바일 터치(Touch Events)를 모두 완벽히 지원.

7. Constraint (제약 사항)

  • 외부 이미지 파일 없이 이모지(🍎, 🗑️)나 SVG만 사용하여 단일 파일로 구성할 것.

  • alert() 대신 화면 내 텍스트 메시지 영역(Message Box)을 활용할 것.

  • 드래그 중인 사과는 다른 요소보다 위에 보이도록 z-index를 관리할 것.

난산증 보조 교육용 웹앱 생성 프롬프트

 

난산증 보조 교육용 웹앱 생성 프롬프트

https://gemini.google.com/share/57d1533d7579


1. Context (배경)

나는 받아올림이 있는 한 자리 수 덧셈에 어려움을 겪는 초등학교 3학년 난산증(Dyscalculia) 학생을 돕고 싶어. 이 학생은 추상적인 숫자만으로는 계산 원리를 이해하기 어려워하므로, 시각적이고 구체적인 조작물(사과)을 통해 '10개 묶음 만들기' 원리를 익혀야 해.

2. Objective (목표)

학생이 직접 사과를 드래그 앤 드랍으로 옮기며 10을 만드는 과정을 체험할 수 있는 인터랙티브한 단일 HTML 파일 웹앱을 제작해줘.

3. Style (스타일)

  • 디자인: 초등학생 수준에 맞게 밝고 친근한 분위기 (파스텔톤, 둥근 모서리, 큰 폰트).

  • 기술 스택: Tailwind CSS를 사용한 현대적인 UI, 바닐라 자바스크립트로 구현된 드래그 앤 드랍 로직.

4. Tone (어조)

  • 사용자 경험: 아이가 성공할 때마다 칭찬하는 긍정적이고 격려하는 어조.

  • 안내: 명확하고 쉬운 한국어 설명 제공.

5. Audience (청중)

  • 주 사용층: 난산증이 있는 초등학교 저학년 학생 및 특수 교육 교사.

  • UI 고려사항: 복잡한 메뉴 없이 한눈에 들어오는 직관적인 구조.

6. Response (핵심 요구사항)

  • 문제 생성: 합이 11~18 사이인 (받아올림이 있는) 한 자리 수 덧셈 문제를 무작위로 생성.

  • 시각적 조작:

    • 첫 번째 상자(10칸)와 두 번째 상자를 배치.

    • 두 번째 상자의 사과를 드래그하여 첫 번째 상자의 빈 슬롯에 '정확히' 놓았을 때만 이동 성공.

    • 엉뚱한 곳에 놓으면 원래 자리로 돌아가는 스냅 기능.

  • 학습 로직:

    • 10칸이 모두 차면 "10개 한 묶음이 완성되었어요!"라는 메시지와 함께 나머지 낱개를 확인하도록 유도.

    • '정답 확인' 버튼을 눌러야 최종 결과 숫자가 노출되도록 구현.

  • 호환성: 모바일/태블릿 터치 조작과 PC 마우스 조작을 모두 지원.

7. Constraint (제약 사항)

  • 모든 코드는 외부 라이브러리(CDN 제외) 없이 단 하나의 .html 파일에 포함될 것.

  • alert() 창을 사용하지 말고 화면 내 메시지 영역을 활용할 것.

  • 접근성을 위해 사과 이미지는 SVG나 Emoji(🍎)를 사용할 것.

2026년 3월 19일 목요일

쌓기 나무 수평 실험 시뮬레이터 프롬프트

쌓기 나무 수평 실험 시뮬레이터 프롬프트

https://gemini.google.com/share/e14b3e3bc170 


프롬프트는 아래와 같습니다.


1. Context (문맥)

초등 과학 교육 과정의 '물체의 무게와 수평' 단원을 학습하기 위한 인터랙티브 시뮬레이터가 필요합니다. 사용자는 실제 교구처럼 나무 토막을 판자 위에 올리고 위치를 옮기며 지레의 원리를 실험해야 합니다.


2. Objective (목표)

React를 사용하여 사용자가 직접 나무 토막을 쌓고 이동시킬 수 있는 '수평 실험 시뮬레이터'를 제작하세요.


무게(나무 토막의 개수)와 거리(중앙으로부터의 눈금)의 곱이 양쪽에서 같을 때 수평이 이루어지는 물리 로직을 정확히 구현하세요.


3. Style (스타일)

디자인: 따뜻한 나무 재질 느낌(Wood Texture)의 톤과 파스텔 오렌지 계열의 UI를 사용하세요.


분위기: 교육용 앱다운 깔끔하고 직관적인 인터페이스, 부드러운 애니메이션 효과를 적용하세요.


4. Tone (어조)

친근하고 교육적인 어조를 사용하세요.


수평이 맞았을 때와 그렇지 않을 때 시각적인 피드백을 명확히 제공하세요.


5. Audience (대상)

초등학교 학생 및 과학 교사.


복잡한 설정 없이 직관적으로 조작할 수 있어야 합니다.


6. Response (반응/제약 사항)

핵심 기능:


단일 파일 React 컴포넌트로 구현 (Lucide-react 및 Tailwind CSS 활용).


나무 토막 시스템: 단위 무게(1)를 가진 쌓기 나무 토막만 제공. 특정 위치에 드롭하면 위로 차곡차곡 쌓여야 함.


받침점(Fulcrum): 판자 아래에 나무 질감의 삼각형 받침점 이미지를 SVG로 구현.


판자(Lever Board): -5부터 5까지의 눈금이 있는 나무 판자. 중앙(0)은 받침점 위에 고정.


물리 로직: 각 블록의 위치(pos) * 무게(1)를 합산하여 토크를 계산하고, 이에 따라 판자가 실시간으로 기울어져야 함 (최대 기울기 제한).


인터랙션: 드래그 앤 드롭으로 블록 위치 변경, 블록 개별 삭제, 새 블록 추가 기능 포함.


코드 구조: 모든 컴포넌트, 스타일, 상태 관리는 하나의 .jsx 파일 안에 포함되어야 함.


세부 구현 가이드 (AI 참조용)

State Management: blocks 배열에 각 토막의 id, position, stackIndex를 저장하고, useEffect를 통해 수평 상태를 계산할 것.


Visuals: Tailwind CSS의 transition-transform을 사용하여 판자의 기울어짐을 부드럽게 표현할 것.


Responsive: 모바일 터치 이벤트(onTouchStart, onTouchMove)를 지원하여 다양한 환경에서 작동하게 할 것.


2026년 3월 11일 수요일

'작업 스케줄러' 이용 컴퓨터 자동 종료하기

 

'작업 스케줄러' 이용 컴퓨터 자동 종료하기

컴퓨터가 켜질 때 백그라운드에서 실행되도록 설정하는 방법입니다.

  1. Win + S에서 '작업 스케줄러' 검색 후 실행.

  2. 오른쪽 [기본 작업 만들기...] 클릭.





  3. 이름: 자동 종료


  4. 트리거: 매일


  5. 동작: 프로그램 시작 선택.



  6. 프로그램/스크립트: shutdown 입력, 인수 /s /f /t 0





업무가 길어져서 오늘만 종료를 건너뛰어야 한다면, 당황하지 마시고 Win + R을 눌러 아래 명령어를 입력하세요.

shutdown -a (예약된 모든 종료를 즉시 취소합니다.)