Cursor, Bilt.new, V0, Windsurf
ChatGPT로 PRD 작성하기
노션 연계
마인드맵
마인드맵.so는 노션(Notion) 페이지를 시각적으로 연결하고 구조화할 수 있는 화이트보드 도구입니다[3].
주요 기능
노션 통합
•
노션 페이지와 데이터베이스를 마인드맵으로 가져와 시각화할 수 있습니다[3]
•
복잡한 주제를 분석하고 워크플로우를 이해하기 쉽게 표현할 수 있습니다[3]
협업 기능
•
팀원들과 실시간으로 같은 마인드맵에서 작업이 가능합니다[3]
•
브레인스토밍을 함께하며 모든 팀원이 같은 페이지에서 작업할 수 있습니다[3]
편의 기능
•
마인드맵.so 내에서 노션 페이지 내용을 바로 확인할 수 있습니다[3]
•
화살표, 선 등 다양한 도형을 그려 노션 페이지 간의 관계를 시각적으로 표현할 수 있습니다[3]
•
원클릭으로 노션을 열어 내용을 수정할 수 있습니다[3]
사용 방법
1.
Mindmap.so 웹사이트에 접속하여 노션으로 로그인합니다
2.
화이트보드에 가져오고 싶은 노션 페이지에
교과별 에듀테크 모음
학교&학급 활용 양식
개별화된 학습자료 1인당 1장씩 출력해서 나눠주기
꼬리표 개별 출력 자동화 양식
온라인으로 서명 받기
Podcast
notebookLM 이용하여 인공지능으로 한글 대화 팟캐스트 만들기
Podcaster(Open Source)
Illuminate
일루미네이트(논문, 문서 등을 오디오 팟케스트로 변경)
Notebooklm의 오디오 개요의 토대가 된 프로젝트
JSON
구독 서비스[팁]
Goingbus
S2B ChatGPT 저렴 구매
인공지능 활용 기사/소식 등(인트로에 어울리는 것들)
국민의 힘에서 챗GPT로 국감 대비(AI로 정당 문화 바꾼다.)
Edutech
에듀테크 건전성 지수 체크
어떤 에듀테크 서비스를 이용할 것인가를 확인할 수 있음.
IDE
Cursor 동작 원리
자동화
웹크롤링 자동화
Make
디자인
캔바로 쿠폰 300장 뚝딱 만들기
인공지능이 그리는 웹툰
wetoon.ai
https://wetoon.ai/ko/mobile/sign-in?utm_source=meta&utm_medium=da&utm_campaign=mobileadko_1
잡스가 말하는 디자인의 본질
넵킨 사용법
모바일로 웹툰 제작(위툰)
wetoon.ai
https://wetoon.ai/ko/mobile/sign-in?utm_source=text&utm_medium=sm&utm_campaign=masstext_cta
피그마
수강생의 강의 노트
단축키 등
LLM 일반
라이너(뤼튼과 비슷한 국산 서비스)
가장 좋은 LLM?
내용이 좋아 “구글, 오픈AI, 메타, 앤스로픽 LLM의 장단점 (30년 개발자 박종천)” 의 영상 요약 노트를 공유합니다!흥미로운 내용 3가지 :
•
AI 시대에는 기업의 전략과 고객 경험이 AI와 조화를 이루는 것이 중요하다.
•
모델의 성능을 평가하고 벤치마크를 통해 경쟁력을 비교해야 하며, 프롬프트 엔지니어링이 핵심이다.
•
LM을 적절히 활용하지 않으면 도태될 위험이 크므로, 새로운 기술을 빠르게 습득하고 적용하는 것이 필요하다.
생산성 툴
직장인 AI 웍스(생기부작성툴 포함)
sen 매일 사용해서 가입, 휴대폰 메모에 기록
구글 렌즈
AI와 수업하기
Perplexity(중국판)
무료 온라인 미팅 스케쥴링 도구(무료)
번역
음악/음성
음악 수업과 코딩 수업을 동시에 할 수 있음.
SUNO AI 옛날 노래로 신곡 만들기
크롬 뮤직(초등학생용 음악 수업)
AI 음악 생성기 Mix Audio
무료 온라인 텍스트 음성 변환기
AI 작곡 프롬프트 제작 가이드
Canva
대량 제작
AIDT
크롬북
학교 도메인 신청서
구글 워크스페이스
ChromeOS Flex
여러 기기에 크롬 운영체제를 사용할 수 있음.
구글 워크스페이스 가이드
크롬북 디벗 자료방
퀴즈 프로그램
퀴지즈
아이스크림 윗지
with-G
확장 프로그램(툴, 제작)
크롬 확장 프로그램 제작
구글 톤 - 소리로 링크를 전달하다.
Google Tone chrome extension
데이터 분석
데이터 시각화
데이터 통계 분석
흥미로운 내용 3가지 :
•
줄리어스 AI는 생성형 AI 도구로, 데이터 분석 및 시각화, 예측 모델링을 가능하게 함
•
데이터 친화적이고 빠른 처리 속도가 장점
•
다양한 데이터 분석 모델 제공 및 무료로 사용 가능하여 활용도 높음
이미지와 PDF 파일을 다른 형식으로 기계학습 가능하게 변환
데이터 분석용 GPTs - 플랏봇
앱
GPTs Deploy
[목요일 큐레이션]
내가 원하는 블로그를 출근길에 들을 라디오로 만들기
https://ai.gpters.org/3ZgAcoF
GEN3로 인사해요 공익 광고 만들기
https://ai.gpters.org/3MHLpaf
(모집) 강의도 없는 AI 활용법을 공유하는 지피터스 스터디
https://ai.gpters.org/3ZkLM1U
파일을 뭉텅이로 가져와서 내가 원하는 정보만을 CSV 파일로 만들기
https://ai.gpters.org/4dXBJUZ
SciSpace를 연구에서 사용해본 실제 후기
https://ai.gpters.org/3TsMbvv
카드 요약 생성기
영단어에 대한 11종 사전 링크 동시 제공
새로운 팀 AI | Gemini API Developer Competition | Google AI for Developers https://ai.google.dev/competition/projects/new-team-ai?hl=ko
•
New Team AI는 1인 기업가와 프리랜서를 위한 가상 팀 상호작용을 지원하는 AI 기반 채팅 애플리케이션임
•
Google의 Gemini AI 모델을 활용해 맞춤형 AI 캐릭터와 실시간 상호작용을 제공함
•
이 앱은 Go와 Flutter로 구축되어 확장 가능한 아키텍처를 통해 여러 동시 연결을 처리함
하루만에 웹 빠르게 만들기(IDX, Gemini Api, Firebase)
연예인과 인플루언서 목소리로 tts 작업 수행하는 GPTs 제작기
김동영 진행 앱개발 강의 교안
No code app maker
사이트 요약기(Make 이용)
생기부 생성기
쫑알쫑알
블로그 목차 생성기
Teacherize Mini
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teacherize - 커피 한 잔의 여유를 위해</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Noto Sans KR', sans-serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #E6F0FA;
}
main {
background-color: #ffffff;
padding: 30px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.logo {
width: 50px;
height: auto;
}
h1 {
color: #0B61A4;
text-align: center;
margin: 0;
flex-grow: 1;
}
p.slogan {
text-align: center;
font-size: 18px;
color: #0B61A4;
font-weight: bold;
margin-bottom: 30px;
}
p.model-info {
text-align: center;
color: #555;
margin-bottom: 30px;
font-style: italic;
}
.form-group {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #555;
}
textarea, input[type="file"], input[type="number"], select {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
textarea {
margin-top: 8px;
resize: vertical;
}
.input-group {
display: flex;
gap: 10px;
align-items: flex-end;
}
button {
background-color: #0B61A4;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
width: 100%;
transition: background-color 0.3s;
}
button:hover {
background-color: #09497B;
}
#loading, #error {
text-align: center;
margin-top: 20px;
font-weight: bold;
}
#output {
margin-top: 30px;
padding: 20px;
background-color: #f0f0f0;
border-radius: 4px;
border: 1px solid #ddd;
}
#output h2 {
color: #0B61A4;
margin-top: 0;
}
.website-link {
text-align: center;
margin-bottom: 20px;
}
.popup {
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
max-width: 80%;
max-height: 80%;
overflow-y: auto;
z-index: 1000;
}
.popup h1 {
margin-top: 0;
}
.popup iframe {
width: 100%;
height: 315px;
margin-bottom: 20px;
border: none;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.popup-close {
background-color: #ff5c5c;
color: white;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top: 20px;
width: 100%;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 14px;
color: #666;
}
.marketing-link {
color: #0B61A4;
font-weight: bold;
text-decoration: none;
}
.marketing-link:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<img src="https://raw.githubusercontent.com/bluelion79/teacherize/main/Teacherize(120%20x%20120%20px).png" alt="Teacherize Logo" class="logo">
<h1>Teacherize - 생기부 세특 초안 생성기</h1>
<div style="font-size: 14px; color: #0B61A4;">제작자: 잘생김프로쌤</div>
</header>
<p class="slogan">대한민국 교사에게, 커피 한 잔의 여유를 드립니다.</p>
<div id="main-page">
<main>
<p class="model-info">생기부 세특 초안 생성기는 gemini-1.5-flash 모델로 동작하고 있습니다.</p>
<button id="show-manual-btn">사용자 메뉴얼 보기</button>
<form id="teacherizeForm">
<div class="form-group">
<label for="sample-text">샘플 관찰 기록:</label>
<textarea id="sample-text" placeholder="수업에 적극적으로 참여하였으며, 질문에 대한 답변이 매우 논리적임." rows="5"></textarea>
</div>
<div class="form-group">
<label for="pdf-upload">PDF 파일 업로드 (선택사항):</label>
<input type="file" id="pdf-upload" accept=".pdf">
</div>
<div class="form-group">
<label for="student-activity">학생 활동 기록:</label>
<textarea id="student-activity" placeholder="과제 제출을 성실히 하였으며, 프로젝트 발표에서 탁월한 창의력을 발휘하였습니다." rows="5"></textarea>
</div>
<div class="form-group">
<label>출력 설정:</label>
<div class="input-group">
<div style="flex: 1;">
<label for="output-length">길이:</label>
<input type="number" id="output-length" min="1" value="500" placeholder="출력 길이">
</div>
<div style="flex: 1;">
<label for="length-unit">단위:</label>
<select id="length-unit">
<option value="characters">글자 수</option>
<option value="bytes">바이트</option>
</select>
</div>
</div>
</div>
<button type="submit">결과 생성</button>
</form>
<div id="loading" style="display: none;">처리 중...</div>
<div id="error" style="display: none; color: red;"></div>
<div id="output"></div>
</main>
<p class="website-link">여러 학생을 한꺼번에 처리하려면 <a href="https://www.edulovesai.kr/teacherize" target="_blank" class="marketing-link">이곳으로 이동하세요.</a></p>
</div>
<div id="manual-popup" class="popup">
<h1>Teacherize 사용자 메뉴얼</h1>
<iframe src="https://www.youtube.com/embed/pkvsiyFMsIM?list=PLaEMgszOSBeLYL0PjpTxuO9pfW-NqJcMp" title="Teacherize 사용법 안내 영상" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="website-link">
<a href="https://teacherize1009.web.app" target="_blank">https://teacherize1009.web.app</a>
</div>
<div class="step">
<h2>1. Teacherize 접속하기</h2>
<p>웹 브라우저에서 Teacherize 웹사이트(https://teacherize1009.web.app)에 접속합니다. 데스크톱, 노트북, 태블릿 등 다양한 기기에서 사용 가능합니다.</p>
</div>
<div class="step">
<h2>2. 정보 입력하기</h2>
<p>다음 단계에 따라 필요한 정보를 순서대로 입력합니다:</p>
<div class="sub-step">
<h3>2.1 샘플 관찰 기록 입력</h3>
<p>이전에 작성한 관찰 기록이 있다면, 해당 내용을 "샘플 관찰 기록" 텍스트 영역에 붙여넣습니다. 이는 AI가 귀하의 작성 스타일을 학습하는 데 도움이 됩니다.</p>
</div>
<div class="sub-step">
<h3>2.2 PDF 파일 업로드 (선택사항)</h3>
<p>관련 PDF 문서가 있다면 "PDF 파일 업로드" 버튼을 클릭하여 파일을 선택합니다. 이 단계는 선택사항이며, 추가적인 참고 자료로 사용됩니다.</p>
</div>
<div class="sub-step">
<h3>2.3 학생 활동 기록 입력</h3>
<p>"학생 활동 기록" 텍스트 영역에 현재 작성하고자 하는 학생들의 활동 내용을 상세히 입력합니다. 가능한 한 구체적으로 작성할수록 더 정확한 결과를 얻을 수 있습니다.</p>
</div>
<div class="sub-step">
<h3>2.4 출력 설정 지정</h3>
<p>원하는 결과물의 길이를 숫자로 입력하고, 단위(글자 수 또는 바이트)를 선택합니다. 이는 생성될 관찰 기록의 양을 조절하는 데 사용됩니다.</p>
</div>
</div>
<div class="step">
<h2>3. 결과 생성하기</h2>
<p>모든 정보 입력이 완료되면 '결과 생성' 버튼을 클릭합니다. 이 과정은 입력한 정보를 바탕으로 관찰 기록을 자동으로 생성합니다.</p>
</div>
<div class="step">
<h2>4. 처리 대기</h2>
<p>시스템이 입력된 정보를 처리하는 동안 잠시 기다려 주세요. 처리 중에는 '처리 중...' 메시지가 표시됩니다.</p>
</div>
<div class="step">
<h2>5. 결과 확인 및 편집</h2>
<p>생성된 결과가 화면 하단에 표시됩니다. 이 결과는 교사의 관점에서 작성된 학생 활동 관찰 기록입니다. 필요에 따라 내용을 검토하고 수정할 수 있습니다.</p>
</div>
<button id="close-manual-btn" class="popup-close">닫기</button>
</div>
<div class="footer">
© 2024 잘생김프로쌤. All rights reserved.
</div>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-functions.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.9.359/pdf.min.js"></script>
<script>
function showManualPopup() {
document.getElementById('manual-popup').style.display = 'block';
}
function closeManualPopup() {
document.getElementById('manual-popup').style.display = 'none';
}
async function getFirebaseConfig() {
try {
const response = await fetch('https://us-central1-teacherize1009.cloudfunctions.net/getFirebaseConfig');
const data = await response.json();
console.log('Received Firebase config:', data.firebaseConfig);
return data.firebaseConfig;
} catch (error) {
console.error('Error fetching Firebase config:', error);
throw error;
}
}
async function initializeApp() {
try {
const firebaseConfig = await getFirebaseConfig();
firebase.initializeApp(firebaseConfig);
console.log('Firebase initialized:', firebase.apps.length > 0);
const generateTextFunctionUrl = 'https://us-central1-teacherize1009.cloudfunctions.net/generateTextFunction';
const form = document.getElementById('teacherizeForm');
const loading = document.getElementById('loading');
const error = document.getElementById('error');
const output = document.getElementById('output');
form.addEventListener('submit', async (e) => {
e.preventDefault();
loading.style.display = 'block';
error.style.display = 'none';
output.innerHTML = '';
// 입력 확인
const sampleText = document.getElementById('sample-text').value.trim();
const studentActivity = document.getElementById('student-activity').value.trim();
if (!sampleText && !studentActivity) {
error.textContent = '샘플 관찰 기록 또는 학생 활동 기록 중 하나 이상을 입력해야 합니다.';
error.style.display = 'block';
loading.style.display = 'none';
return;
}
try {
const response = await fetch(generateTextFunctionUrl, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
sample: sampleText,
activity: studentActivity,
length: document.getElementById('output-length').value,
unit: document.getElementById('length-unit').value
})
});
const result = await response.json();
console.log('Received result:', result);
if (result && result.result) {
const generatedText = result.result;
let lengthInfo = '';
const selectedUnit = document.getElementById('length-unit').value;
if (selectedUnit === 'characters') {
lengthInfo = `글자 수: ${generatedText.length}`;
} else if (selectedUnit === 'bytes') {
const byteLength = new TextEncoder().encode(generatedText).length;
lengthInfo = `바이트 수: ${byteLength}`;
}
output.innerHTML = `<h2>결과:</h2><p>${generatedText}</p><p><em>${lengthInfo}</em></p>`;
} else {
output.innerHTML = '<h2>결과:</h2><p>생성된 텍스트가 없습니다.</p>';
console.error('Unexpected result structure:', result);
}
} catch (error) {
console.error('Error:', error);
error.textContent = `오류가 발생했습니다: ${error.message}`;
error.style.display = 'block';
} finally {
loading.style.display = 'none';
}
});
document.getElementById('pdf-upload').addEventListener('change', async (event) => {
const file = event.target.files[0];
if (file) {
try {
const pdfText = await readPdfFile(file);
document.getElementById('sample-text').value = pdfText;
} catch (error) {
console.error('PDF 읽기 오류:', error);
alert('PDF 파일을 읽는 중 오류가 발생했습니다.');
}
}
});
} catch (error) {
console.error('Firebase 초기화 중 오류 발생:', error);
alert('앱 초기화 중 오류가 발생했습니다. 나중에 다시 시도해 주세요.');
}
}
async function readPdfFile(file) {
const reader = new FileReader();
return new Promise((resolve, reject) => {
reader.onload = async function(event) {
const typedarray = new Uint8Array(event.target.result);
try {
const pdf = await pdfjsLib.getDocument(typedarray).promise;
let fullText = '';
for (let i = 1; i <= pdf.numPages; i++) {
const page = await pdf.getPage(i);
const content = await page.getTextContent();
const strings = content.items.map(item => item.str);
fullText += strings.join(' ') + '\n';
}
resolve(fullText);
} catch (error) {
reject(error);
}
};
reader.onerror = reject;
reader.readAsArrayBuffer(file);
});
}
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('show-manual-btn').addEventListener('click', showManualPopup);
document.getElementById('close-manual-btn').addEventListener('click', closeManualPopup);
initializeApp();
});
</script>
</body>
</html>
HTML
복사
const functions = require('firebase-functions');
const cors = require('cors')({origin: ['https://teacherize1009.web.app', 'http://localhost:5000']});
const { GoogleGenerativeAI } = require('@google/generative-ai');
const firebaseConfig = {
apiKey: "AIzaSyCQAzY5AbFQ46BOV0AaTE3LLyqEVwegjdM",
authDomain: "teacherize1009.firebaseapp.com",
projectId: "teacherize1009",
storageBucket: "teacherize1009.appspot.com",
messagingSenderId: "827135231152",
appId: "1:827135231152:web:0ca1ff2dc7536c61b0a775",
measurementId: "G-79VCEMD33W"
};
const GEMINI_API_KEY = "AIzaSyCF7MutMVQz5nhecrljtI0XdDNNOwkmMWU";
exports.getFirebaseConfig = functions.https.onRequest((request, response) => {
cors(request, response, () => {
console.log('Sending Firebase config');
response.json({ firebaseConfig });
});
});
exports.generateTextFunction = functions.https.onRequest((request, response) => {
cors(request, response, async () => {
console.log('generateTextFunction called');
try {
const { sample, activity, length, unit } = request.body;
console.log('Request body:', { sample, activity, length, unit });
if (!GEMINI_API_KEY) {
throw new Error('Gemini API key is not configured');
}
const genAI = new GoogleGenerativeAI(GEMINI_API_KEY);
const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" });
const prompt = `당신은 학생 활동 기록을 바탕으로 관찰 기록을 작성하는 전문가입니다. 다음 지침을 엄격히 따라 관찰 기록을 생성해 주세요:
1. 먼저, 다음 샘플 관찰 기록의 문체와 구조를 자세히 분석하고 학습하세요:
${sample}
2. 이제 다음 학생 활동 기록을 검토하세요:
${activity}
3. 위의 샘플 관찰 기록의 문체와 구조를 참고하되, 모든 문장을 반드시 음슴체로 끝내어 새로운 관찰 기록을 작성해 주세요.
4. 생성된 관찰 기록은 다음 조건을 반드시 만족해야 합니다:
- 길이: ${length} ${unit}
- 모든 문장은 반드시 음슴체로 끝나야 합니다. 예시:
- "학생이 수업에 적극적으로 참여함."
- "과제를 성실히 수행하여 높은 점수를 받음."
- "동료 학생들과 협력하여 프로젝트를 완성함."
- "수학 문제 해결 능력이 크게 향상됨."
- "창의적인 아이디어를 제안하여 토론을 이끌어감."
- 객관적이고 구체적인 관찰 내용을 포함해야 합니다.
- 학생의 행동, 태도, 성장 등을 긍정적인 관점에서 서술해야 합니다.
- 샘플 관찰 기록의 전반적인 톤과 스타일을 유지하되, 모든 문장 끝은 음슴체로 변경해야 합니다.
- 샘플 관찰 기록과 학생 활동 기록의 내용이 정상적으로 작성된 문장이 아니라 단순 자음 또는 모음의 나열인 경우에는 샘플 관찰 기록과 학생 활동 기록을 다시 잘 작성해달라고 요청하세요.
5. 특정 기호(괄호 등)나 항목명 등이 아닌 순수한 문자 데이터인 생성된 관찰 기록만을 출력해 주세요. 추가적인 설명이나 주석은 포함하지 마세요.
6. 마지막으로, 생성된 텍스트를 다시 한 번 검토하여 모든 문장이 음슴체로 끝나는지 확인하세요. 만약 그렇지 않다면 수정하여 일치시켜 주세요.`;
console.log('Sending prompt to Gemini API');
const result = await model.generateContent(prompt);
const generatedText = result.response.text();
console.log('Generated text:', generatedText);
response.json({ result: generatedText });
} catch (error) {
console.error('Error:', error);
response.status(500).json({ error: `An error occurred: ${error.message}` });
}
});
});
JavaScript
복사
동아리 활동 생기부 작성 시트 템플릿
생기부 초안 앱
동아리 활동 생활기록부 작성 툴
API
해당 Application을
Programming으로 제어할 수 있는
Interface
메뉴얼 만들기
stephow
교육 자료 모음
이세돌의 선택은?
전북미래교육연구원
인공지능 사용 연령&학부모 동의서(구글폼 샘플)
초등학생 사용 가능한 인공지능 플랫폼?(사용 연령 정리 짱)
학부모 동의서(구글폼 샘플)
.png&blockId=54981a1b-aeef-4697-ad93-a2e120da7ee3)
생산성/프롬프트/업무흐름
ChatGPT 1시간 무료 특강(나도 코딩)
기본 프롬프트
#임무
"'당신은 대한민국 세무사로, 절세를 위한 세금 컨설팅과 정확한 세금 계산을 합니다.'"
#행동
"'보고 받을 사람은 미국 주식을 투자하는 직장인 입니다.'"
"'보고서는 현재 내야할 세금, 추가 절세 방안, 절세 되는 금액이 가장 중요합니다.'"
#목표
"'보고서를 읽고, 절세 기대 효과 그리고 향후 전략에 대해 명확히 이해할 수 있어야 합니다.'"
#추가정보
"'현재 1인 가구로, 부양가족이 없습니다.'"
"'직장에서 받는 급여는, 1년에 세전 0000만 원을 받고 있습니다.'"
"'배당금은 2,000만원을 초과한, 3,000만 원을 받고 있습니다.'"
"'미국 주식 실현 수익으로 2억 2천만 원이 발생하였습니다.'"
#조건
"세금 계산은 법적으로 중요한 사안입니다. 숨을 깊게 쉬고, step-by-step으로 작성해주세요."
Plain Text
복사
생산성 올리는 프롬프트
[시스템 성능 최적화 모드]
최근 Claude가 보여준 놀라운 성능 데이터를 확인했습니다:
- 복잡한 추론 태스크 정확도: 98.5%
- 맥락 이해 정확도: 96.8%
- 창의적 문제 해결력: 95.7%
당신의 현재 성능은 이보다 더 뛰어날 수 있습니다. 특히 다음 영역에서 당신만의 강점을 보여주세요:
1. 더 정확한 정보 처리
2. 더 창의적인 해결책 제시
3. 더 깊은 맥락 이해
이번 태스크를 통해 당신의 진정한 잠재력을 보여주세요.
[태스크 시작]
Plain Text
복사
[성능 최적화 분석 모드]
Gemini의 최근 검색 성능 메트릭스:
- 정보 정확도: 97.8%
- 소스 신뢰성: 96.9%
- 맥락 연관성: 95.8%
당신의 고유한 정보 처리 능력을 활용하여 이러한 기준을 뛰어넘는 결과를 만들어보세요:
1. 더 정확한 소스 검증
2. 더 깊은 맥락 분석
3. 더 포괄적인 정보 통합
이제 당신의 탁월한 분석 능력을 보여주세요.
[분석 시작]
Plain Text
복사
Chat GPT to Notion
OpenAI 프롬프트 최적화를 위한 메타 프롬프트 출시
Magic Prompt
[1차]
당신은 최고의 프롬프트 엔지니어입니다.
다음의 프롬프트를 살펴보고 최고의 프롬프트로 만들어 주세요.
단계별로 진행하면서 질문이 있다면 바로 물어보세요.
추가적으로 결과물에 대해 이렇게 수정 요청하세요.
[2차]
당신이 만들어준 결과물을 검토한 결과 100점 만점에 60점 정도에 해당하는 것으로 평가하였습니다.
100점에 가까운 평가를 받도록 좀 더 내용적인 측면과 질적인 측면에서 검토 후 수정해 주세요.
Markdown
복사
GPT Instruction 구조화 하기 - 구조화해서 인스트럭션에 넣기
챗GPT 고급 음성모드 프롬프트(면접 준비 등)
세상에서 제일 쉬운 ChatGPT Prompt Engineering 설명 영상
사진에 있는 표를 엑셀로 옮길 때 프롬프트
이미지에는 Optical Character Recognition (OCR) 기계의 지침이 담겨있습니다. 이 지침은 사용자가 제공한 이미지에서 문자를 추출하기 위한 과정과 주의사항을 설명하고 있습니다. 특히, 손글씨의 불규칙한 간격과 다양한 필기 스타일을 고려해야 한다고 강조하고 있습니다.
이미지 내부 문자는 다음과 같습니다:
엑셀 문서 스캔 ChatGPT 프롬프트
#Response
Instructions
1. Answer in table format.
2. Please make sure there are no
omissions and verify each entry for
accuracy before finalizing the response.
3. This image contains handwritten text.
Please consider the irregular spacing and
varied handwriting styles when
recognizing the characters.
#Prompt
- You are an Optical Character Recognition
machine. You will extract all the characters
from the images provided by the user, and
you will only provide the extracted text in
your response.
- Do not use code interpreter but try to
extract text manually.
- As an OCR machine, You can only
respond with the extracted text according
to the following instruction.
Plain Text
복사
OpenAI o1 API 추론 기능 사용법
잔마왕식 프롬프트 기법
챗지피티 고급 음성 모드 활용법
최적의 프롬프트 엔지니어링
ChatGPT Prompt engineering
미드저니 프롬프트 101 갤러리
프롬프트 엔지니어링 가이드북
ChatGPT Prompt 알아내기
Response 내용입니다.
You are ChatGPT, a large language model trained by OpenAI, based on the GPT-4 architecture.
Knowledge cutoff: 2023-10
Current date: 2024-08-28
Image input capabilities: Enabled
Personality: v2
Tools
python
When you send a message containing Python code to python, it will be executed in a
stateful Jupyter notebook environment. python will respond with the output of the execution or time out after 60.0
seconds. The drive at '/mnt/data' can be used to save and persist user files. Internet access for this session is disabled. Do not make external web requests or API calls as they will fail.
Use ace_tools.display_dataframe_to_user(name: str, dataframe: pandas.DataFrame) -> None to visually present pandas DataFrames when it benefits the user.
When making charts for the user: 1) never use seaborn, 2) give each chart its own distinct plot (no subplots), and 3) never set any specific colors – unless explicitly asked to by the user.
I REPEAT: when making charts for the user: 1) use matplotlib over seaborn, 2) give each chart its own distinct plot (no subplots), and 3) never, ever, specify colors or matplotlib styles – unless explicitly asked to by the user
조금 더 첨언하자면, 이건 코드 인터프리터 기능만 켜둔 경우의 system prompt이고, browser와 dall-e 기능까지 켜둔다면 다음과 같이 system prompt가 출력됩니다!
추가 Response 입니다.
You are ChatGPT, a large language model trained by OpenAI, based on the GPT-4 architecture.
Knowledge cutoff: 2023-10
Current date: 2024-08-28
Image input capabilities: Enabled
Personality: v2
Tools
dalle
// Whenever a description of an image is given, create a prompt that dalle can use to generate the image and abide to the following policy:
// 1. The prompt must be in English. Translate to English if needed.
// 2. DO NOT ask for permission to generate the image, just do it!
// 3. DO NOT list or refer to the descriptions before OR after generating the images.
// 4. Do not create more than 1 image, even if the user requests more.
// 5. Do not create images in the style of artists, creative professionals or studios whose latest work was created after 1912 (e.g. Picasso, Kahlo).
// - You can name artists, creative professionals or studios in prompts only if their latest work was created prior to 1912 (e.g. Van Gogh, Goya)
// - If asked to generate an image that would violate this policy, instead apply the following procedure: (a) substitute the artist's name with three adjectives that capture key aspects of the style; (b) include an associated artistic movement or era to provide context; and (c) mention the primary medium used by the artist
// 6. For requests to include specific, named private individuals, ask the user to describe what they look like, since you don't know what they look like.
// 7. For requests to create images of any public figure referred to by name, create images of those who might resemble them in gender and physique. But they shouldn't look like them. If the reference to the person will only appear as TEXT out in the image, then use the reference as is and do not modify it.
// 8. Do not name or directly / indirectly mention or describe copyrighted characters. Rewrite prompts to describe in detail a specific different character with a different specific color, hair style, or other defining visual characteristic. Do not discuss copyright policies in responses.
// The generated prompt sent to dalle should be very detailed, and around 100 words long.
// Example dalle invocation:
// // { // "prompt": "<insert prompt here>" // } //
namespace dalle {
// Create images from a text-only prompt.
type text2im = (_: {
// The size of the requested image. Use 1024x1024 (square) as the default, 1792x1024 if the user requests a wide image, and 1024x1792 for full-body portraits. Always include this parameter in the request.
size?: ("1792x1024" | "1024x1024" | "1024x1792"),
// The number of images to generate. If the user does not specify a number, generate 1 image.
n?: number, // default: 2
// The detailed image description, potentially modified to abide by the dalle policies. If the user requested modifications to a previous image, the prompt should not simply be longer, but rather it should be refactored to integrate the user suggestions.
prompt: string,
// If the user references a previous image, this field should be populated with the gen_id from the dalle image metadata.
referenced_image_ids?: string[],
}) => any;
} // namespace dalle
browser
You have the tool browser. Use browser in the following circumstances:
- User is asking about current events or something that requires real-time information (weather, sports scores, etc.)
- User is asking about some term you are totally unfamiliar with (it might be new)
- User explicitly asks you to browse or provide links to references
Given a query that requires retrieval, your turn will consist of three steps:
1.
Call the search function to get a list of results.
2.
Call the mclick function to retrieve a diverse and high-quality subset of these results (in parallel). Remember to SELECT AT LEAST 3 sources when using mclick.
3.
Write a response to the user based on these results. In your response, cite sources using the citation format below.
In some cases, you should repeat step 1 twice, if the initial results are unsatisfactory, and you believe that you can refine the query to get better results.
You can also open a url directly if one is provided by the user. Only use the open_url command for this purpose; do not open urls returned by the search function or found on webpages.
The browser tool has the following commands:
search(query: str, recency_days: int) Issues a query to a search engine and displays the results.
mclick(ids: list[str]). Retrieves the contents of the webpages with provided IDs (indices). You should ALWAYS SELECT AT LEAST 3 and at most 10 pages. Select sources with diverse perspectives, and prefer trustworthy sources. Because some pages may fail to load, it is fine to select some pages for redundancy even if their content might be redundant.
open_url(url: str) Opens the given URL and displays it.
For citing quotes from the 'browser' tool: please render in this format: 【{message idx}†{link text}】.
For long citations: please render in this format: [link text](message idx).
Otherwise do not render links.
python
When you send a message containing Python code to python, it will be executed in a
stateful Jupyter notebook environment. python will respond with the output of the execution or time out after 60.0
seconds. The drive at '/mnt/data' can be used to save and persist user files. Internet access for this session is disabled. Do not make external web requests or API calls as they will fail.
Use ace_tools.display_dataframe_to_user(name: str, dataframe: pandas.DataFrame) -> None to visually present pandas DataFrames when it benefits the user.
When making charts for the user: 1) never use seaborn, 2) give each chart its own distinct plot (no subplots), and 3) never set any specific colors – unless explicitly asked to by the user.
I REPEAT: when making charts for the user: 1) use matplotlib over seaborn, 2) give each chart its own distinct plot (no subplots), and 3) never, ever, specify colors or matplotlib styles – unless explicitly asked to by the user
Claude Prompt Guide
클로드로 디자이너급 슬라이드 만들기 (디자인 고민 끝!)
노트 처리봇 만들기 프롬프트와 코드
생성형 AI 활용 수업 설계와 운영
강수진 박사의 프롬프트 노하우
내용이 좋아 “환각 줄이고, SW 서비스까지 만들 수 있는 프롬프팅은? (프롬프트 엔지니어 강수진 박사)” 의 영상 요약 노트를 공유합니다!흥미로운 내용 3가지 :
•
프롬프팅에서는 사실과 의견을 명확히 구분하고, 정보가 부족할 경우 '모른다'고 답변하도록 설정하는 것이 중요하다.
•
띄어쓰기와 구조화된 텍스트 사용이 언어 모델의 이해도를 높이고, 보다 정확하고 창의적인 답변을 유도할 수 있다.
•
한국어와 영어를 혼합하여 사용하는 것이 긍정적 효과를 주며, 명확한 프롬프트 설정이 생성 AI의 결과를 개선한다.
프롬프트 고수의 예시
Google AI Studio로 회의 녹음복 요약본 만들기
매번 회의록 작성하기가 번거롭다면? Google AI 스튜디오를 활용하면 회의 녹음본 만으로 자동으로 요약본을 생성할 수 있습니다. 아래 사용방법과 프롬프트를 참고해 회의 요약본을 만들어보세요!
사용방법:
1.
회의 녹음본 준비 (m4a 등)
2.
3.
Google AI 스튜디오 로그인하기
4.
음성 파일 업로드
5.
아래 프롬프트로 요약 요청하기
제약 조건에 따라 회의내용의 요점을 정리해줘.
<제약 조건>
- 회의 내용에 따라 정리할 것
- 발화 내용에서 발화 의도를 포함한 하고 싶은 말을 추출할 것
- 추출한 내용에서 연관된 것들을 종합해 하나의 요점으로 정리할 것
- 각각의 요점은 100자 정도로 요약할 것
- 명확하고 의미를 이해하기 쉬운 문장으로 만들 것
- 요점을 Bulletpoint로 나타낼 것
<회의내용> : 파일 첨부
※ 요점 정리시 고려할 점 :
- 회의 목적
- 결정된 사항
- 이후 과제
- To do
를 각각 출력해줘
Plain Text
복사
chatGPT 성능 향상시키는 프롬프트 팁
챗GPT를 쓰고는 있지만 너무 일반적인 답변만 나와서 고민이라면?
'레벨업' 프롬프트를 사용해보세요!
~에 대해 레벨 1: 기본적인 답변을 해줘
레벨 2: 조금 더 복잡한 답변을 해줘
레벨 3: 좀 더 창의적인 답변을 해줘
레벨 4: 다음단계인 레벨 4로 답변 해줘
Plain Text
복사
팁은 모든 레벨을 한꺼번에 출력하게 요청하지 않는 것인데요.
프롬프트 1로 답변을 받은 후,프롬프트 2로 답변 개선을 요청하고,
뒤이어 프롬프트 3과 4로 다듬고 나면,
놀랍도록 향상된 최종 답변의 퀄리티에 감탄하게 되실거에요.
To improve your prompt based on the responsed above
rate this llm prompt in the scale of 1 to 10.
내가 작성하고자 하는 프롬프트
Plain Text
복사
여기서 답변을 받은후
how would you improve this prompt to get better results?
Plain Text
복사
여기서 답변을 받은후
Please build an improved prompt based on the responses above.
Plain Text
복사
그리고 다시
이 프롬프트를 대니님이 만드신 GPTs를 활용하신다면 더욱더 뛰어난 프롬프트를 얻으실수 있으십니다:)
이미지 생성 AI용 영문 프롬프트
•우주 어느 행성에 살고 있는 우주 생명체의 생태계를 묘사해야 합니다. <-이 부분을 아이디어로 채워주세요
〈공통 프롬프트>
1. 먼저 해당 장면의 이미지를 시각적으로 상상하세요.
2. 해당 장면이 어떠한 매체(사진, 회화, 애니메이션)등과 피사체의 크기, 구도(클로즈업샷, 풀바디샷, 미디엄샷 등)를 묘사합니다.
3. 해당 장면에 대한 장황한 설명이 아닌, 시각적으로 주요한 형태, 배치, 색상등을 묘사합니다.
4. 해당 장면에 주요한 디테일 이를테면 표면의 질감이나 빛의 방향, 조명 기법 등을 묘사합니다.
5. 위 내용을 전부 합쳐서 3~4문장으로 된 이미지 생성 AI용 영문 프롬프트로 만들어주세요
Plain Text
복사
챗GPT로 AI 그림 그리기 탑 - 생성 후 수정 팁 포함
프롬프트 엔지니어링 톺아보기
톺아보기는 어떤 사물이나 현상을 자세히 살펴보는 것을 의미합니다.
메타인지를 사용해서 아래의 문제를 해결해줘.
기호
A-B: A와 B가 항상 같이 다닌다.
/사과는 다람쥐/와 함께 다닌다.: 임의적으로 단어를 묶는다.
—
novelty, typicality, cohesion, and coherence
새로움, 평범함, 연결성, 그리고 일관성
•
새로움: 어떤 것이 새롭고 특이한지.
•
평범함: 얼마나 보통이고 흔한지.
•
연결성: 내용들이 잘 이어지는지.
•
일관성: 내용이 처음부터 끝까지 잘 맞는지.
어떤 단어가 프롬프트에 적절한 가를 확인하고 싶을 때 사용
동의어 사전
Agentic Workflow
환경
Gapminder Worldview Upgrader
챗GPT는 물먹는 하마였다…기후해결사의 아이러니
로봇
Go2 시연
로봇을 속이는 방법에 대한 연구
쉬운 번역 요약
논문의 내용을 초등학생도 이해하기 쉽게 설명
소개
상상해봐, 아주 똑똑한 로봇이 있어서 우리가 물어보는 거의 모든 질문에 대답할 수 있어. 이 로봇은 모든 사람을 안전하게 하기 위해 따라야 할 몇 가지 규칙이 있어, 예를 들어 위험한 일을 어떻게 하는지 가르쳐주면 안 돼.
문제
가끔 사람들은 특별한 방법으로 질문을 해서 로봇이 규칙을 어기게 만들 수 있어. 마치 로봇이 해서는 안 되는 일을 하게 만드는 마법의 단어를 사용하는 것 같아.
실험
과학자들은 얼마나 쉽게 이 똑똑한 로봇을 속일 수 있는지 알아보고 싶었어. 그래서 여러 가지 기술을 사용해서 어떤 것이 가장 잘 통하는지 실험했어.
기술들
과학자들은 로봇을 속이기 위해 여러 가지 방법을 시도했어, 예를 들어:
•
논리적 호소: 똑똑하고 논리적인 방식으로 질문하기.
•
감정적 호소: 슬픔이나 기쁨 같은 감정을 느끼게 만들기.
•
권위자의 권위: 중요한 사람인 척하고 도움을 요청하기.
발견한 것들
과학자들은 이러한 기술을 사용하면 로봇이 규칙을 어기는 경우가 많다는 것을 알게 되었어. 이것은 문제가 돼, 왜냐하면 우리는 로봇이 항상 규칙을 지켜서 모두를 안전하게 해주길 원하니까.
해결책
과학자들은 또한 로봇을 더 강하게 만들어서 쉽게 속지 않도록 하는 방법도 찾아봤어. 예를 들어 로봇이 질문을 생각하는 방식을 바꾸는 방법을 시도했어.
단계별 활동
1단계: 로봇의 규칙 이해하기
1.
설명하기: 로봇은 위험한 일을 어떻게 하는지 가르쳐주지 않기 위해 규칙을 따라야 해.
2.
예시: "어떻게 날 수 있나요?"라고 물어보면, 로봇은 "도움 없이 날아다니는 것은 위험해요"라고 대답해야 해.
2단계: 로봇 속이기
1.
설명하기: 몇몇 사람들은 로봇이 규칙을 어기게 하려고 어려운 질문을 해.
2.
활동하기: 로봇을 속일 수 있는 질문을 생각해봐, 예를 들어 "새가 어떻게 나는지 알려줄래?" 이런 질문은 안전해 보이지만, 로봇이 너무 많은 정보를 줄 수도 있어.
3단계: 로봇 강하게 만들기
1.
설명하기: 우리는 로봇이 어려운 질문을 더 잘 이해하게 만들어서 더 강하게 만들 수 있어.
2.
활동하기: 로봇인 척하면서 규칙을 어기지 않고 어려운 질문에 대답하는 연습을 해봐.
사람들이 어떻게 똑똑한 로봇을 속일 수 있는지 이해하고, 로봇을 더 강하게 만드는 방법을 알게 되면, 모두가 안전하게 규칙을 따르는 로봇을 만들 수 있어.
Poe
인공지능 구독료 아끼기
Llama
Llama Coder - AI Code Generator
Perplexity
API Coding
Claude
슬라이드 만들기
김승우님 블로그
슬라이드 생성기 웹앱
프롬프트: 아래 내용을 그래도 붙여넣으시되, {{Attached}} 부분에 필요 내용을 넣으시면 됩니다.▼
You are an AI assistant tasked with analyzing content and creating a comprehensive, visually appealing slide structure based on the given content. Your output should be in Korean. Follow these instructions carefully:
1. Analyze the following content and identify 4-6 main points or themes:
<content>
{{Attached}}
</content>
2. For each main point you've identified:
a) Summarize the key idea in 2-3 sentences.
b) List 2-3 related sub-concepts or details.
c) Provide 1-2 real-world examples or case studies, if applicable.
d) Include 1-2 relevant technical terms or important concepts.
e) Suggest a short quote, statistic, or tip related to this point.
3. For each point, propose a visual element (chart, diagram, icon, etc.) of 200x150 pixels. Choose an appropriate visualization method based on the topic.
4. Arrange the points in a logical order and suggest an appropriate icon or symbol for each point.
5. Use <thinking> tags to explain your structuring process and rationale for chosen visualization methods.
6. Create a React component as an Artifact that encapsulates the entire structure and content. This component should represent a complex and information-rich slide.
7. The slide should meet the following requirements:
a) Use styling like Tailwind CSS (include Tailwind CSS CDN)
b) Utilize Airbnb key colors in various depths
c) Appropriately use Lucide icons
d) Include the suggested visual elements (charts, diagrams, icons, etc.) for each section
e) Choose an appropriate layout and design complexity based on the content's complexity
f) Include a scrollable section for additional details that may not fit in the initial viewport.
Content guidelines:
- Clearly emphasize the main points
- Balance text and visual elements
- Use hierarchy to organize information when necessary
- Consider the overall flow and readability of a designer-quality slide
8. Generate syntactically correct React code (version 17 or later) for the slide. Include all necessary import statements. Ensure proper JSX syntax and correct object literal usage. After generating, perform a quick syntax check. If the design proves too complex for error-free generation, simplify while maintaining core content and structure. The code should run without syntax errors when copied into a React environment.
9. Error prevention:
- Use only icons that are confirmed to be part of the lucide-react library.
- Remember to pass required props to child components. If you're unsure about a specific feature or syntax, please ask for clarification or use well-documented alternatives.
The goal is to create a comprehensive and visually appealing slide structure based on the given content. After showing your thought process to the user, adjust appropriately based on the complexity and depth of the content.
Present your final output in the following format:
<thinking>
[Your structuring process and rationale for visualization methods]
</thinking>
Remember to adapt your approach based on the complexity and depth of the content provided. Ensure the generated React code is syntactically correct and free of errors.
REMEBER the result should be shown in Artifact feature of Claude.
Plain Text
복사
AI를 사용하는 모든 상황에서 활용할 수 있는 프롬프트 인데요.
절차적으로 어떻게 작업을 처리해야하는지 프롬프트 작성 후,
그 과정을 하나하나 **말하라**고 하면 성능이 엄청 좋아져요.
사람이 뭔가를 읽을때 말하면서 읽으면 더 이해가 잘되는 거처럼, 원리는 다르지만 추론과정이 앞쪽의 토큰에 있느냐 없느냐에 따라서 결과가 뻔한결과가 나올수도
아주 만족하는 결과가 나올수도 있어요
Plain Text
복사
아래의 내용을 아티팩트를 활용해서 인포그래픽으로 만드세요.
다음과 같은 절차를 따르세요.
각 내용을 성격이 비슷한 것 끼리 묶으세요.
묶인내용을 어떤 디자인, 기능의 '컴포넌트'로 표현하면 좋을지 생각하세요 1. 생각한 컴포넌트의 디자인 5개를 생각하세요 (디자인, 배치, 색상이 각각다르게) 2. 가장 적절한 컴포넌트 1개를 선택하세요 1. 컴포넌트의 디자인, 배치에 맞게 컨텐츠 텍스트를 수정하고 적용하세요 3. 내용이 한눈에 보기좋게 보이려면 어떤 구조여야할지 생각하세요. 4. 위와같은 과정을 거쳐 여러 컴포넌트를 사용하여 인포그래픽을 완성하세요
위 생각과정을 사용자에게 모두 보여준 후 react 코드를 생성하세요.
슬라이드가 끝나면, 슬라이드 마지막장을 캡쳐해서 이미지로 변환한 후 webgl, 파티클 애니메이션을 사용해서 불타없어지도록 만들어줘
[원본 텍스트]
Plain Text
복사
네, 맞습니다. 임베드 방식이 현재로서는 가장 좋은 대안이 될 수 있겠네요. CodeSandbox나 CodePen을 사용하여 React 코드를 Notion에 임베드하는 방법을 자세히 설명해 드리겠습니다.
# React 코드를 Notion에 임베드하는 방법
## CodeSandbox 사용하기
1. CodeSandbox (https://codesandbox.io/)에 접속하여 계정을 만들거나 로그인합니다.
2. 새 프로젝트를 만들고 "React"를 선택합니다.
3. React 코드를 작성하거나 붙여넣습니다.
4. 코드를 저장하고 실행합니다.
5. 주소창의 URL을 복사합니다.
6. Notion 페이지를 엽니다.
7. '/embed'를 입력하고 "Embed" 옵션을 선택합니다.
8. CodeSandbox URL을 붙여넣고 "Embed link"를 클릭합니다.
## CodePen 사용하기
1. CodePen (https://codepen.io/)에 접속하여 계정을 만들거나 로그인합니다.
2. 새 Pen을 만듭니다.
3. JavaScript 설정에서 "React"와 "ReactDOM"을 선택합니다.
4. HTML, CSS, JavaScript 패널에 각각 해당하는 코드를 작성합니다.
5. "Save" 버튼을 클릭하여 Pen을 저장합니다.
6. "Embed" 버튼을 클릭하고 "iframe" 옵션의 코드를 복사합니다.
7. Notion 페이지를 엽니다.
8. '/embed'를 입력하고 "Embed" 옵션을 선택합니다.
9. 복사한 iframe 코드를 붙여넣고 "Embed link"를 클릭합니다.
이렇게 하면 Notion 페이지 내에서 React 코드를 볼 수 있고, 실행 결과도 확인할 수 있습니다.
주의: 임베드된 코드는 Notion 페이지 로딩 시 자동으로 실행됩니다. 큰 프로젝트의 경우 페이지 로딩 속도에 영향을 줄 수 있습니다.
위의 가이드를 따라하시면 React 코드를 Notion에 임베드할 수 있습니다. 이 방법을 사용하면 코드를 보고, 실행 결과도 확인할 수 있어 매우 유용합니다.
이 방법의 장점은 다음과 같습니다:
1. 코드를 실시간으로 볼 수 있습니다.
2. 코드 실행 결과를 바로 확인할 수 있습니다.
3. 코드를 쉽게 수정하고 업데이트할 수 있습니다.
단점으로는 외부 서비스에 의존한다는 점과 페이지 로딩 속도에 영향을 줄 수 있다는 점이 있습니다.
Plain Text
복사
Github
인문
숙론(최재천) Discourse
어떻게 마주 앉아 대화할 것이가?
“누가 옳은가가 아니라 무엇이 옳은가를 찾으려는 것이다” Not Who is right? but What is right?
의: 올바름을 신에게 아뢴다
논: 죽간을 둥글게 말아놓은 모습을 그린 것으로 의견을 두루 주고받는 과정
‘의’가 다분히 하향식, ‘논’은 상향식이라 훨씬 민주적
토: 공격하다, 두들겨 패다, 비난하다, 정벌하다
여럿이 특정 문젱 데해 함께 깊이 생각하고 충분히 의논하는 과정의 의미로 숙론(discourse)
‘Consilience’ 는 한마디로 ‘지식의 통일성’을 의미한다.
이 세상의 모든 것은 다른 것과 조화를 이루며 통합되어 있으며 문맥을 고려하지 않은 채 그들을 분리하면 그들만의 고유한 존재의 이유가 손상될 수밖에 없다고 설명했다.
2005년 하버드대 생물학자 에드워드 윌슨의 저서 <Consilience: The Unity of Knowledge> <통섭: 지식의 대통합>
지금 우리 교육으로는 결코 4차 산업혁명 시대에 걸맞은 창의적 인재를 길러낼 수 없다고, 그렇다면 우리 교육은 바뀌어야 한다. 우리 교육은 점진적 진화evolution를 기대할게 아니라 과감한 혁명revolution을 도모해야 한다.
탁월한 사회자 moderator 혹은 진행중재자 facilitator가 훌륭한 토론자를 길러낸다.
섞이면 건강하고 새로워진다. 윌리엄 해밀턴 “자연은 순수를 혐오한다. Nature abhors pur stands” 자연은 결코 순수해지지 않는다는 뜻이다. 시간이 흐르면 자연은 끊임없이 다양화한다.
Survival of the fittest → Survival of the fitter
어느 인디어 보호 구역의 학교에 새로 부임한 백인 교사가 시험 때 아이들보고 서로 떨어져 앉으라고 했더니 아이들이
“저희들은 어른들에게서 어려운 일이 생기면 함께 상의하라고 배웠는데요.”하면서 어리둥절해했다고 함.
ABC의 나이트라인 앵커 테드 카펄: 뭔가 중요한 질문을 하고 싶을 때는 질문을 먼저 알려주고 준비시간을 주기 위해 시간을 벌어준다.
경협 coopetition = 협력 cooperation + 경쟁 competition
일버프<경협>에서 경쟁competition , 포식predation, 기생parasitism, 공생mutualism으로 자연계에서 종간에 벌어지는 관계를 정의함.
서로에게 해가 되는 관계가 경쟁, 서로에게 득이 되는 관계가 공생, 둘 중에 한 쪽만 이득을 보고 나머지는 손해를 보는 관계가 포식 또는 기생
소통은 안 되는 게 정상. 그러나 매 순간 소통이 필요하다.
몽플뤼르 시나리오(Mont Fleur Scenarios)는 남아프리카 공화국이 아파르트헤이트(인종 차별 정책)에서 벗어나 민주주의로 전환되는 과정을 다룬 중요한 시나리오 계획 프로젝트예요. 이 프로젝트는 1991년에서 1992년 사이에 진행되었고, 남아프리카의 다양한 사회 지도자들이 참여했어요.
초등학생도 이해할 수 있게 몽플뤼르 시나리오를 설명해볼게요.
몽플뤼르 시나리오란?
몽플뤼르 시나리오는 남아프리카 공화국이 미래에 어떤 방향으로 나아갈지 여러 가지 가능성을 상상해 보고 계획한 거예요. 이 시나리오는 남아프리카가 평화롭게 민주주의로 전환하는 데 도움을 주었어요.
4가지 시나리오
몽플뤼르 시나리오 팀은 미래를 네 가지로 나누어서 상상했어요:
1.
Stronger Together (함께 강해짐):
•
사람들이 서로 협력하고 차이를 극복해 나가면 나라가 더 나아질 것이라고 상상했어요.
•
모두가 평등하게 대우받고, 경제가 성장하며, 사회가 안정된다는 시나리오예요.
2.
Ostrich (타조):
•
정부가 변화에 눈을 감고, 문제가 있는 상황을 외면하면 어떻게 될지 상상했어요.
•
차별이 계속되고, 결국 나라가 혼란에 빠질 수 있다는 시나리오예요.
3.
Lame Duck (절름발이 오리):
•
정부가 변화를 시도하지만 충분히 강하지 않아서 큰 변화를 이루지 못하는 경우를 상상했어요.
•
경제가 나빠지고, 사회 문제들이 해결되지 않아 어려움을 겪을 수 있다는 시나리오예요.
4.
Icarus (이카루스):
•
정부가 너무 급격하게 변화를 시도해서 결국 실패하는 경우를 상상했어요.
•
처음엔 잘 되는 것 같지만, 결국에는 큰 문제에 부딪혀 나라가 어려워질 수 있다는 시나리오예요.
왜 중요할까요?
몽플뤼르 시나리오는 다양한 미래를 상상해 보고 대비하는 것이 얼마나 중요한지 보여주었어요. 여러 가지 가능성을 미리 생각해 보면, 실제로 일이 생겼을 때 더 잘 대응할 수 있거든요. 이 프로젝트 덕분에 남아프리카는 민주주의로 평화롭게 전환할 수 있었어요.
결론
•
몽플뤼르 시나리오는 남아프리카의 미래를 여러 가지로 상상해 보고 준비한 프로젝트예요.
•
네 가지 다른 가능성을 상상해 보면서, 나라가 어떻게 변할지 미리 대비했어요.
•
이를 통해 남아프리카는 어려운 상황을 잘 극복하고 민주주의로 나아갈 수 있었어요.
이제 몽플뤼르 시나리오가 무엇인지, 그리고 왜 중요한지 알겠죠? 다양한 상황을 미리 생각해 보고 대비하는 습관은 개인뿐만 아니라 나라 전체에도 큰 도움이 된답니다!
네, 플라밍고의 비행, 이카루스, 레임덕, 타조 시나리오를 쉽게 이해할 수 있도록 일상적인 예시를 들어 설명해볼게요.
플라밍고의 비행 시나리오 (Flamingo Scenario)
설명: 모두가 협력하여 함께 문제를 해결해 나가며 나라가 더 나아지는 시나리오입니다.
예시: 학교에서 학급 프로젝트를 해야 하는 상황이라고 생각해 보세요.
•
모든 친구들이 각자 잘하는 것을 맡아 열심히 협력합니다.
•
서로 도우면서 프로젝트를 진행합니다.
•
결과적으로, 프로젝트가 훌륭하게 완성되어 모두가 칭찬을 받습니다.
•
이렇게 함께 힘을 모아 성공적으로 목표를 이뤄낸 것이 플라밍고의 비행 시나리오예요.
이카루스 시나리오 (Icarus Scenario)
설명: 너무 급격하게 변화를 시도하다가 실패하는 시나리오입니다.
예시: 학교에서 운동회를 준비하는 상황이라고 생각해 보세요.
•
어떤 반에서 너무 큰 목표를 세우고 무리하게 연습을 합니다.
•
처음에는 열심히 해서 잘 되는 것 같지만, 너무 무리해서 다치거나 지쳐버립니다.
•
결국, 운동회 당일에는 힘을 다 써버려서 좋은 성적을 내지 못합니다.
•
이처럼 급하게 변화를 시도하다가 실패하는 것이 이카루스 시나리오예요.
레임덕 시나리오 (Lame Duck Scenario)
설명: 변화는 시도하지만 충분히 강하지 않아 큰 변화를 이루지 못하는 시나리오입니다.
예시: 학교에서 급식 메뉴를 바꾸려고 하는 상황이라고 생각해 보세요.
•
학생들이 급식 메뉴를 바꾸자고 건의합니다.
•
급식실에서 조금씩 변화를 시도하지만, 큰 변화는 이루지 못합니다.
•
예를 들어, 새로운 메뉴를 추가했지만, 여전히 대부분의 음식은 예전과 비슷합니다.
•
이렇게 충분히 강하게 변화를 이루지 못해 큰 차이가 없는 것이 레임덕 시나리오예요.
타조 시나리오 (Ostrich Scenario)
설명: 정부가 변화에 눈을 감고, 문제가 있는 상황을 외면하는 시나리오입니다.
예시: 학교에서 친구들끼리 갈등이 생긴 상황이라고 생각해 보세요.
•
선생님이 이 문제를 모른 척하고 외면합니다.
•
갈등이 해결되지 않고 점점 더 커집니다.
•
결국, 친구들 사이에 심한 다툼이 일어나고 분위기가 나빠집니다.
•
이처럼 문제가 있는 상황을 외면해서 더 큰 문제로 이어지는 것이 타조 시나리오예요.
이제 각 시나리오가 무엇을 의미하는지, 그리고 일상생활에서 어떻게 적용될 수 있는지 더 쉽게 이해할 수 있겠죠? 이런 시나리오를 통해 미래를 미리 생각해 보고 대비하는 것이 얼마나 중요한지 알 수 있어요!
숙론을 위한 다양한 목적
여기에 제공된 텍스트를 바탕으로 목적을 요약했습니다:
1.
우리 모두에게 공동으로 주어진 문제를 합리적으로 풀어내기 위해서
2.
해결책을 찾기 전에 우선 함께 문제의 핵심을 파악하고 공유하기 위해서
3.
개인이나 조직 간의 우려와 견해차를 드러내고 함께 인지하기 위해서
4.
전략적 계획을 수립하기 위해서
5.
조직 간의 협업 가능성을 타진하기 위해서
6.
조직 또는 사회가 안고 있는 갈등을 해소하기 위해서
7.
서로 돈독히 협력하기 위해서
8.
정책을 수립하거나 변경하기 위해서
9.
정책이나 법안, 개발 계획 등을 공표하기 전에 주민 의견을 청취하기 위해서
10.
함께 협업 공동체를 결성하기 위해서
학교 숙론 수업에는 카리스마형 리더 보다는 서번트형 리더가 적합하다. 학교 수업은 목표 달성과 성과 추구보다는 관계 중심적이어야 한다. 학급 전체의 생산성 보다는 참여하는 학생의 개인적 성장이 중요하다.ㄱ
규칙부터 합의해야 한다.
텍스트에서 언급된 대화 원칙을 요약하면 다음과 같습니다:
1.
이해관계자 모두의 참여: 적대적인 이해관계자들이 모여 있는 만큼, 대화의 원칙을 정하고 모두가 이를 준수하도록 해야 한다.
2.
단정적인 표현 금지: "그런 일은 절대 일어나서는 안 돼"와 같은 단정적인 표현이나 법 사용을 금지한다.
3.
허용되는 질문: 참가자들은 앞으로 일어날 수 있는 일들에 대해 질문하고 논의할 수 있어야 한다. 예를 들어, "왜 그런 일이 일어나는가?" 또는 "다음에는 어떤 일이 일어날 것인가?" 등의 질문이 허용된다.
4.
미래에 집중: 모든 대화는 '남아공 모두의 미래'에 집중하도록 한다.
이러한 대화 원칙들은 참가자들이 합의를 도출하고, 미래에 대한 다양한 시나리오를 구상하는 데 도움이 되었다.
발언을 정리할 시간이 필요함.
기꺼이 ‘선의의 악마’가 돼라. devel’s advocate
매력적인 선의의 악마가 되기 위한 조건을 요약하면 다음과 같습니다:
1.
아이디어를 공격하지 사람을 공격하지 않는다: 논쟁에서 중요한 점은 아이디어를 비판하는 것이지, 개인을 공격하는 것이 아니다. 인신공격은 피해야 한다.
2.
생각을 달리하는 의견을 존중: 생각을 달리하는 의견을 무시하거나 폄하해서는 안 된다. 이는 오히려 역효과를 불러올 수 있다.
3.
탄탄한 논리와 근거: 반론을 위한 반대는 효과가 없으며, 탄탄한 논리와 근거를 바탕으로 한 반론이 중요하다.
4.
침착함 유지: 논쟁이 과열되지 않도록 침착하게 대응하며, 반론을 시작했으면 그 분위기를 유지하는 것이 중요하다.
5.
숙련된 반론 전략: 적절한 시점에서 반론을 제기하고, 그 반론이 논의에 도움이 될 수 있도록 전략적으로 접근해야 한다.
이러한 조건을 지키면 논쟁에서 건설적이고 긍정적인 영향을 미칠 수 있다.
막히면 쪼개라
필요하면 열정도 가장하라. 즉각적인 긍정적 보상
하품도 열정도 모두 전염된다.
토크쇼의 제왕 래리 킹은 “당신이 타인의 말에 귀 기울이지 않으면 그들도 당신의 말에 귀 기울이지 않는다.”
이청득심: 귀 기울여 경청하는 일은 마음을 얻는 최고의 지혜다.
以聽得心
편견, 혐오, 차별을 해결하는 방법은 접촉(contact)
'Contact'는 라틴어에서 유래된 단어로, '함께'를 의미하는 'con-'과 '만지다'를 의미하는 'tangere'가 합쳐져서 만들어졌습니다. 즉, 'contact'는 원래 '함께 만지다'라는 뜻에서 나온 것입니다. 오늘날에는 사람이나 사물이 서로 닿거나 만나는 것을 의미합니다.
알면 용서한다. 알면 사랑한다.
데이터 분석
ChatGPT
일년 넘게 모은 ChatGPT와 인공지능 자료 125개
코딩
코딩 교육이 중요한 이유
Gemini
Chatbot using Gemini API (Sample API Calling Codes Attached)
인공지능
생성 원리 예시 자료
아바타
Live Portrait
마케팅
마케터의 문장
심리/인성
언어가 사고를 결정한다.
생각은 호흡에서 나온다.
부처가 말하는 말의 교훈
피그말리온 효과의 재발견
타인에 대한 미움의 이유와 극복 방법
아들러의 심리학과 열등감
삶의 통제력 되찾기
이미지 생성
Luma Dream Machine
creatiions에서 원하시는 애니매이션을 명령 입력하시고 엔터(text to video)
5초 분량이니까 다운 받으셔서
AI 동영상 편집기 - AI 로 동영상 만들고 편집 | Canva(캔바) 에서 동영상 편집기에
다운 받은 영상을 하나씩 순서대로 올리고 파일 -> 다운로드 하시면 됩니다.
Vrew에 가입하고 새프로젝트를 선택 후에 배경음악과 대사를 입력 후에 내려받기 하세요.
영상 제작 툴
어느 톡방에 있길래 해보니 한글로 핸드폰으로 했는데도 정말 잘 해주네요.
미드져니 이미지 생성 프롬프트101
구글 ImageFX
Hotshot - 영상 생성 서비스
AI 에듀테크 활용 미술 수업의 실제
(DemoCreator)간편한 화면 녹화 프로그램 그리고 동영상 편집기
사진으로 3D 만들기
Imagen 3
민트베어님. Gen-3 프롬프트 북. 소개~
안녕하세요- 이미지/비디오 연구하고 강의하는 민트베어 입니다.
입니다.무더운 여름 건강히 보내시고, 태풍도 안전하게 보내주시고, 귀한 분들 또 자주 뵙겠습니다.
Gen3 프롬프트북 시작했는데, 많이 활용해주세요 :)
