[GAS웹앱제작]6.(업그레이드)첨부파일 제출 기능 구현

이제 이 웹앱을 통해 학생들이 자신들의 첨부파일을 제출할 수 있도록 하는 기능을 추가해 보자.

1단계. 구글AI스튜디오에게 명령

아래 명령을 복사하여 구글AI스튜디오에 입력

학생이 파일을 첨부하면 내 구글 드라이브의 특정 폴더 안에 파일이 저장되게 하고 싶어. 

[요구사항]
-유저가 파일을 첨부하여 제출 버튼을 누르면 파일이 개발자인 나의 구글드라이브 내 폴더 안에 저장
-파일명은 '학번_닉네임'으로 강제 지정해 줘.

[권한 갱신 관련 요구사항]
-기존 웹앱에 DriveApp(구글 드라이브) 기능이 처음 추가되는 것이므로, 권한 오류(Scope Error)가 무조건 발생할 것을 알고 있어.
-따라서 코드 작성 전에, 편집기에서 '파일 생성(쓰기) 권한'을 미리 완벽하게 승인받을 수 있는 더미(Dummy) 함수를 같이 작성해 줘.
-코드를 복사한 후 내가 편집기에서 어떤 순서로 권한을 허용받고, 어떻게 '새 배포'를 해야 에러 없이 한 번에 작동하는지 스텝바이스텝 매뉴얼을 포함해 줘."

2단계. 코드 수정

AI가 새로 알려주는 코드를 GAS의 창에 덮어써서 저장. 이 때 AI가 구글 드라이브 내 폴더의 id를 복사하여 코드에 붙여넣으라는 지시를 할 것이다. AI의 지시를 잘 따르면 된다.

3단계. 권한 검토

AI가 새로 추가해준 코드 속 새로운 함수들을 아래와 같이 하나 하나 택하여 실행시킨다.

실행 과정에서 구글이 Google 드라이브 내 특정 폴더에 접근하여 파일을 저장할 수 있도록 권한을 요구하는 창이 뜬다. 이를 구체적으로 ‘읽기’, ‘쓰기’ 권한이라고도 한다. 아래와 같이 권한을 허용해 준다.

[권한 검토] -> 계정 선택 -> [고급] -> [이동(안전하지 않음)] -> [허용]

4단계. 테스트 배포 후 새 배포

모든 권한 검토가 끝났으면 테스트 배포를 해 보고 이상이 있는지 확인한다.

만약, 에러창이 뜬다면, 특히 배포와 관련하여 복잡한 에러창이 뜬다면 그 에러창을 그대로 캡처하여 AI에게 보여주며 해석해 달라고 하자. 그러면 AI가 해결책을 알려줄 것이다. 이를 그대로 따라 하여 수정하면 된다.

예를 들어, 아래와 같이 에러 캡처창을 보여주면 된다.

더 이상 에러 없이 파일이 완벽히 잘 전송되면 다시 한 번 새배포를 진행하여 웹앱을 완전히 배포시킨다.


코멘트

“[GAS웹앱제작]6.(업그레이드)첨부파일 제출 기능 구현”에 대한 댓글 1개

  1. […] 6.(업그레이드) 첨부파일 제출 기능 추가 […]

댓글 남기기

Cha's Record에서 더 알아보기

지금 구독하여 계속 읽고 전체 아카이브에 액세스하세요.

계속 읽기