"> 제목 "> 제목 ">
<head>
  <!-- HTML Meta Tags -->
  <meta charset="UTF-8" />
  <title> 제목 </title>
  <meta
    name="description"   content=" 설명 "   />
  <meta name="keywords" content="키워드, 양파고, Yang Phago, 노션, 양파고 노션, notion" />

  <!-- Open Graph / Facebook -->
  <meta   property="og:title"   content="제목 "  />
  <meta  property="og:description" content=" 설명, 양파고, Yang Phago, 노션, 양파고 노션  "  />
  <meta property="og:image" content="대표 이미지" />
  <meta property="og:url" content="페이지 주소" />
  <meta property="og:type" content="website" />
</head>

<aside> 💡 오류가 주로 나는 부분은 다음 2가지 포인트

  1. 배포용으로 만드는 과정에서 설정
  2. 데이터베이스 역할을 하는 구글 스프레드시트의 탭이름

</aside>

교실혁신 선도교사 연수를 진행하며, 각 학교에서 학생들의 지필 또는 수행평가를 조회하는데 있어, 자신의 점수가 아닌 타인의 점수가 노출되는 상황을 방지하는 용도로 사용됨

  1. 기존의 리로스쿨에는 해당기능이 이미 포함되어 있음.
  2. 시스템을 만드는 과정에서 생성형AI를 활용하여 기록된 점수를 개별조회가 가능한 시스템으로 변환하는데 그 핵심이 있음

1. 예시작품

1-1. 더미 데이터로 구성된 데이터베이스 예시(수행평가 점수)

[https://docs.google.com/spreadsheets/d/1YQZiV4svwHN-t-R-7Fgxae6_k6Ec2kuekab4Em2gxzM/edit?gid=1067784270#gid=1067784270](https://docs.google.com/spreadsheets/d/1YQZiV4svwHN-t-R-7Fgxae6_k6Ec2kuekab4Em2gxzM/preview?gid=1067784270#gid=1067784270)

https://docs.google.com/spreadsheets/d/1YQZiV4svwHN-t-R-7Fgxae6_k6Ec2kuekab4Em2gxzM/edit?gid=1067784270#gid=1067784270

image.png

1-2. 개별점수조회 사이트 체험하기

script.google.com

2. 기초파일 연습

✅gemini를 사용한 프롬프트 및 내용 확인

📝 사용 방법