[AI_web_app] 표지원 - Githubissues

HanyangTechAI / 2023-Summer-Project

2023년 여름 방학 과제를 위한 repo 입니다.

MIT License

3 stars 16 forks source link

[AI_web_app] 표지원 #3

Open VYWL opened 1 year ago

VYWL commented 1 year ago

Repo :

사용한 라이브러리 등은 해당 레포의 README.md를 참고해주세요

Front-end 부분 설명

편의성을 위해 모바일 웹 기준으로 디자인해서 구현했습니다.
- 기능으로는 파일 업로드하기, OCR 요청 날려서 결과보기, 그리고 요약된 텍스트로 보기(toggle)가 있습니다.
최상단 폴더의 main.jsx 가 진입점이고, pages/App.jsx 에 화면 구성 및 상태변수 들을 정의해두었어요.
- 근데 폴더명이랑 실제로 그 역할이 불일치하네요 ㅠ ~App.jsx로 하면 안되는데~
components에 사용된 모든 Component가 정의되어있습니다
이미지를 업로드 할 수 있는 부분(이하 UploadBox)과, 하단에 요청(어떤 형태든)에 대한 결과를 출력하는 부분(ResultBox) 가 있습니다.
- 모든 코드는 UploadBox와 ResultBox 관련으로 나뉩니다.

Back-end 부분 설명

과제 사이즈 상 복잡하게 하는게 오히려 독일것 같아서 간단하게 했습니다.
- /ocr과, /summary에 POST 요청만 정의해두었습니다.
- 모든 요청에 대해 required 값 (ocr -> image와, summary -> text) 이 없는경우 400 반환 하는 거 까지만 처리해두었습니다.
Skeleton code에 있던 모든 Python 문법으로 적힌 요청을 JS 형식으로 바꿔서 테스트후에 logic/index.js에 다 넣어두었어요.
- 그 GPT API에 보내는 prompt를 약간 수정했습니다. (안되는거면 말씀주세요.)

Demo 시연

DEMO

MyeongGuJo commented 1 year ago

헉 짱입니다