🔤 ABC Thinking - ABC 생각바꾸기

상황-생각-감정-행동의 연결고리를 이해하고 긍정적 사고로 전환하는 인지행동 기반 학습 도구입니다.

🎯 도구 개요

**ABC Thinking (ABC 생각바꾸기)**는 인지행동치료(CBT)의 ABC 모델을 교육 현장에 적용한 디지털 도구입니다. 학생들이 자신의 사고 패턴을 인식하고, 부정적인 생각을 긍정적으로 전환하는 방법을 학습할 수 있도록 돕습니다.

📚 ABC 모델이란?

• A (Activating Event): 촉발 사건 - 어떤 일이 일어났나요?
• B (Belief): 생각/신념 - 그 일에 대해 어떤 생각을 했나요?
• C (Consequence): 결과 - 그 생각으로 인해 어떤 감정과 행동이 나타났나요?

✨ 주요 기능

1. ABC 구조화된 입력

• 📝 상황 설명 입력칸
• 💭 자동적 사고 기록
• 😊😢😡 감정 선택 (이모지 지원)
• 🏃 행동 결과 작성

2. 사고 전환 가이드

• 🔄 부정적 사고 → 긍정적 사고 전환
• 💡 대안적 사고 제시
• 🎯 합리적 사고 연습
• 📈 변화된 감정/행동 예측

3. 시각적 피드백

• 🎨 감정 이모지로 시각화
• 📊 전후 비교 다이어그램
• 🌈 긍정적 변화 강조
• ✨ 애니메이션 효과

4. 편의 기능

• 💾 자동 저장 기능
• 📸 이미지 다운로드 (PNG)
• 🖨️ 인쇄 최적화
• 📱 모바일 반응형

🚀 사용 방법

온라인 접속

https://plusiam.github.io/abc-think/

단계별 사용법

1. 상황 입력: 최근 겪은 스트레스 상황을 구체적으로 작성
2. 생각 기록: 그때 들었던 자동적 사고를 정직하게 기록
3. 감정 선택: 느꼈던 감정을 이모지로 선택
4. 행동 작성: 실제로 한 행동을 기록
5. 사고 전환: 더 긍정적이고 합리적인 생각으로 바꿔보기
6. 결과 예측: 바뀐 생각으로 인한 새로운 감정과 행동 상상

💡 활용 예시

학교 상황

A (상황): "발표할 때 친구들이 웃었다" B (부정적 생각): "나를 비웃는 것 같아" C (결과): 😢 창피함, 발표 포기

B' (긍정적 생각): "재미있게 들어주는 것 같아" C' (새로운 결과): 😊 자신감, 더 열심히 발표

친구 관계

A (상황): "친구가 내 카톡을 읽고 답장을 안 했다" B (부정적 생각): "나를 싫어하나봐" C (결과): 😔 우울, 연락 안 함

B' (긍정적 생각): "바빠서 깜빡했나봐" C' (새로운 결과): 😌 이해, 다시 연락해봄

🛠️ 기술 스택

• HTML5 / CSS3
• Vanilla JavaScript
• Tailwind CSS
• html2canvas (이미지 캡처)
• localStorage API

👨‍🏫 교육적 활용

적용 가능한 상황

• 학급 경영: 학급 내 갈등 해결
• 상담 활동: 개인/집단 상담 도구
• 도덕 수업: 감정 조절 학습
• 창체 시간: 자기 이해 활동

기대 효과

• 🧠 메타인지 능력 향상
• 💪 정서 조절 능력 개발
• 🤝 대인관계 기술 향상
• 🌱 회복탄력성 증진

📚 관련 자료

• 인지행동치료(CBT) 이론
• 긍정심리학
• 성장 마인드셋
• 정서지능 교육

🤝 기여하기

개선 사항이나 제안이 있으시면 Issues를 통해 알려주세요!

📄 라이선스

이 프로젝트는 교육 목적으로 자유롭게 사용하실 수 있습니다.

🙏 감사의 말

• Aaron T. Beck의 인지치료 이론
• 긍정적 사고를 실천하는 모든 학생들
• 학생들의 마음을 돌보는 선생님들

---

💡 Tip: 이 도구는 Visible Thinking Hub의 일부입니다.