# data[].attributes.headline
구글 사이트 소스코드 입력

# data[].attributes.subject
구글 사이트 소스코드 입력

# data[].attributes.headline
제미나이에 첨부한 파일

# data[].attributes.subject
제미나이에 첨부한 파일

# data[].attributes.attachment_link.title
초등학생을 위한 가벼운 읽을거리

# data[].attributes.headline
제미나이 공유 + 앱 스크립트 연동

# data[].attributes.subject
제미나이 공유 + 앱 스크립트 연동

# data[].attributes.headline
구글 사이트 앱 스크립트 연동 

# data[].attributes.subject
구글 사이트 앱 스크립트 연동 

# data[].attributes.headline
파닉스 학습 웹앱_앱 스크립트

# data[].attributes.subject
파닉스 학습 웹앱_앱 스크립트

# data[].attributes.headline
파닉스 학습 결과 저장 시트

# data[].attributes.subject
파닉스 학습 결과 저장 시트

# data[].attributes.attachment_link.readable_text
// Code.gs

// 1. 웹앱을 실행했을 때 HTML 파일을 보여주는 함수
function doGet() {
  return HtmlService.createTemplateFromFile('Index')
    .evaluate()
    .setTitle('초등 파닉스 마스터')
    .addMetaTag('viewport', 'width=device-width, initial-scale=1');
}

// 2. 학습 결과를 스프레드시트에 저장하는 함수
function saveToSheet(data) {
  // 선생님이 제공해주신 시트 URL의 ID입니다.
  var sheetId = "1sDsQKZyqEEJT2yAKNTg1CEorXopaJdimwXdOr9fsP20"; 
  var ss = SpreadsheetApp.openById(sheetId);
  var sheet = ss.getSheets()[0]; // 첫 번째 시트 사용
  
  // 데이터 추가: 번호, 이름, 학습한 기호들, 점수, 현재시간
  sheet.appendRow([
    data.studentId,
    data.name,
    data.learnedSymbols,
    data.score + " / 5",
    new Date()
  ]);
  
  return "저장 완료!";
}

# data[].attributes.headline
파닉스 학습 웹앱 프롬프트

# data[].attributes.subject
파닉스 학습 웹앱 프롬프트

# data[].attributes.attachment_link.readable_text
안녕, 난 초등학교 교사야.
난 너로 바이브코딩을 하려고 해.
구글 appscript를 이용해 원하는 웹앱을 만들려고 하는데 내가 웹앱에 대한 설명을 하면 구현할 수 있는 명령어를 알려줘.

1. 파닉스 학습 웹 앱이야. 영어 발음 기호의 종류는 50개로 알고 있는데 아니라면 너가 추가해줘.
2. 학생들이 한 번 실행할 때 발음 기호는 5개씩 학습할 거야. 50개 중 랜덤으로 5개를 학습할 수 있게 해줘.
3. 먼저 5개를 학습할 때는 발음 기호는 크게, 밑에 한국어로 어떻게 발음하는 지 한국어로 보여주고, 가능하다면 발음 기호 별로 소리도 들을 수 있으면 좋겠어. 그리고 또 그 밑에는 해당 발음 기호를 사용하는 영어 단어 예시 3개를 초등 수준에서 보여줬으면 좋겠어.
4. 학습 화면 오른쪽 아래는 다음으로 가는 버튼을 넣고, '다음'버튼을 누르면 문제를 풀 수 있게 해줘.
5. 문제의 유형은 첫째, 발음 기호를 보여주고 올바른 한국어 발음 선택하기 / 둘째, 학습한 예시 단어를 보여주고, 발음 기호에 해당하는 부분은 빨간색으로 나타내어 학생들이 빨간색 부분에 맞는 발음 기호를 선택하기, 총 두 가지 유형으로 5문제를 내줘.
6. 학습한 결과는 https://docs.google.com/spreadsheets/d/1sDsQKZyqEEJT2yAKNTg1CEorXopaJdimwXdOr9fsP20/edit?gid=0#gid=0 에 저장되게 해줘.
 (내가 시트에 기록하고 싶은 내용은 학생 번호, 이름, 학습한 발음 기호, 문제 풀이 결과 총 4개야. 그러니 앱을 시작할 때 학생 번호, 이름을 쓰는 화면도 만들어주고, 이를 입력해야 다음 파닉스 학습으로 넘어갈 수 있게 해줘.)
 (시트에 기록하려면 내가 시트를 어떻게 만들어야 하는지 마지막에 따로 설명해줘.)

-----------------------------------------------------------------------------
1. 파닉스 데이터 50개 다 넣어줘.
2. Exception: Index(이)라는 이름의 HTML 파일을 찾을 수 없습니다.('Code' 파일, 5행) 라는 오류가 떴어. 수정해줘.

-----------------------------------------------------------------------------
수정 요청 사항
1. 듣기 눌렀을 때 예시 단어 중 제일 위에 있는 단어를 읽어주네. 발음 기호만 읽어줄 수 없을까?
2. 예시 단어의 한국어 뜻도 같이 볼 수 있게 해줘.

-----------------------------------------------------------------------------
발음 기호 자체를 읽지 못한다면 소리 듣기 버튼 아래 '예시 단어 첫 번째 읽어준다'는 식의 참고 문구도 보일 수 있게 해줘

# data[].attributes.attachment_link.title
파닉스 학습 웹앱 프롬프트

# data[].attributes.headline
한자 학습 웹앱_앱 스크립트

# data[].attributes.subject
한자 학습 웹앱_앱 스크립트

# data[].attributes.headline
한자 학습 결과 저장 시트

# data[].attributes.subject
한자 학습 결과 저장 시트

# data[].attributes.headline
한자 학습 웹앱 프롬프트

# data[].attributes.subject
한자 학습 웹앱 프롬프트

# data[].attributes.attachment_link.readable_text
안녕, 난 초등학교 교사야.
난 너로 바이브코딩을 하려고 해.
구글 appscript를 이용해 원하는 웹앱을 만들려고 하는데 내가 웹앱에 대한 설명을 하면 구현할 수 있는 명령어를 알려줘.

1. 한자 학습 웹 앱이야. 한자 급수는 대한 검정회를 기준으로 하고, 학생들이 급수를 선택하면 급수에 해당하는 한자를 학습할 수 있도록 해줘. 한자 급수는 5~8급까지만 하고, 코드가 길어져도 괜찮으니까 급수에 해당하는 한자를 코드에 다 써줘.
2. 학생들이 한 번 실행할 때 한자는 5개씩 학습할 거야. 급수에 해당하는 한자 중 랜덤으로 5개씩 보여줘.
 (혹여나 시트와 연동해서 시트에 번호, 이름을 보고 학습한 경험을 확인할 수 있다면 순서대로 5개씩 보여줘. 이게 가능하다면 위 부탁보다 이걸 우선으로 해줘.)
3. 5개를 학습할 때는 한자는 크게, 밑에 한자의 훈음을 적어주고, 음을 훈보다 조금 더 크게 보여줘. 그리고 용례를 3개만 보여주고, 해당 용례를 한글로도 나타내줘.
4. 학습 화면 오른쪽 아래는 다음으로 가는 버튼을 넣고, '다음'버튼을 누르면 문제를 풀 수 있게 해줘.
5. 문제의 유형은 첫째, 한자를 보여주고 올바른 훈음을 선택하는 객관식 문제 / 둘째, 학습할 때 보여줬던 용례를 보여주고 용례를 한국어로 어떻게 읽는지 선택하는 객관식 문제, 총 두 가지 유형으로 섞어서 내줘.
6. 학습한 결과는 https://docs.google.com/spreadsheets/d/1LEOyjRLa6cKWs60eT1Rh-wdnCvt_h_VFfNMmu2hq3xI/edit?gid=0#gid=0 에 저장되게 해줘.
 (내가 시트에 기록하고 싶은 내용은 학생 번호, 이름, 학습한 한자, 문제 풀이 결과 총 4개야. 그러니 앱을 시작할 때 학생 번호, 이름을 쓰는 화면도 만들어주고, 이를 입력해야 다음 한자 학습으로 넘어갈 수 있게 해줘.)
 (시트에 기록하려면 내가 시트를 어떻게 만들어야 하는지 마지막에 따로 설명해줘.)

# data[].attributes.attachment_link.title
한자 학습 웹앱 프롬프트

# data[].attributes.headline
수학 문장제 학습 프로그램_앱스크립트 배포

# data[].attributes.subject
수학 문장제 학습 프로그램_앱스크립트 배포

# data[].attributes.attachment_link.title
AI 수학 선생님 - 소수의 나눗셈

# data[].attributes.headline
수학 문장제 학습프로그램_구글 시트 기록지

# data[].attributes.subject
수학 문장제 학습프로그램_구글 시트 기록지

# data[].attributes.attachment_link.readable_text
/**
 * 웹앱 접속 시 index.html 파일을 보여주는 함수
 */
function doGet() {
  return HtmlService.createHtmlOutputFromFile('index')
    .setTitle('AI 수학 선생님 - 소수의 나눗셈')
    .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL)
    .addMetaTag('viewport', 'width=device-width, initial-scale=1');
}

/**
 * 프론트엔드에서 받은 데이터를 구글 시트에 저장하는 함수
 * @param {Object} data - 학생 정보와 점수가 담긴 객체
 */
function saveData(data) {
  try {
    // 현재 연결된 활성 스프레드시트를 가져옵니다.
    const ss = SpreadsheetApp.getActiveSpreadsheet();
    const sheet = ss.getSheets()[0]; // 첫 번째 시트 사용

    // 한국 시간 구하기
    const date = new Date();
    const formattedDate = Utilities.formatDate(date, "GMT+9", "yyyy-MM-dd HH:mm:ss");

    // 시트의 마지막 행에 데이터 추가
    // 순서: [날짜, 학년/반/번호, 이름, 선택 유형, 맞힌 개수, 총 문제 수]
    sheet.appendRow([
      formattedDate,
      data.number,
      data.name,
      data.topic,
      data.score,
      data.totalQuestions
    ]);

    return "Success";
  } catch (e) {
    return "Error: " + e.toString();
  }
}

# data[].attributes.attachment_link.readable_text
AI ì ìëê³¼ í¨ê»íë ììì ëëì ì±ë¦°ì§

ê²°ê³¼ë¥¼ ì ì¥íê³  ììµëë¤...

AI ìí ì±ë¦°ì§

íë, ë°, ë²í¸ì ì´ë¦ì ìë ¥í´ì£¼ì¸ì.

ë²í¸ (ì: 6-1 15ë²)

ì´ë¦

íìµ ììíê¸°

ìí ëª¨íì ììí´ë³¼ê¹ì?

íì, ëì íê³  ì¶ì ë¬¸ì  ì íì ì íí´ì£¼ì¸ì!

â» íë£¨ì 5ë¬¸ì ì© ëì í©ëë¤!

ìì Ã· ìì°ì ìì Ã· ìì ìì°ì Ã· ìì ìì°ì Ã· ìì°ì
(ëª«ì´ ìì)

< ê·¸ë§íê¸°
AI ì ìëê³¼ ìì ëëì

| íì¬ ì ì: 0ì 

ë¬¸ì ë¥¼ ì½ê³  ëëì ìì ì¸ìë³´ì¸ì.

Ã·

ì¸ë¡ì ë§ë¤ê¸°

ì ëµ íì¸

ë¤ì ë¬¸ì  ì¤ëì íìµ ê²°ê³¼ ì ì¡íê¸° ð