[프로젝트-insert_blank_pages] 티스토리에 웹 앱 기능 구현

2025.07.13 - [프로그래밍/파이썬 Python] - [프로젝트-insert_blank_pages] 각 PPT마다 필기용 빈 페이지 추가하기

 

 

1. Hugging Face Spaces 배포

 

허깅 페이스나 Streamlit Cloud, 랜더 사이트를 이용해서 하라고 한다.

허깅 페이스 회원 가입한 김에 허깅페이스 기반으로 진행해보자. 

Welcome - Hugging Face

http://render.com/

 

방법 ) 

Hugging Face에서 New Space → Gradio 선택 → GitHub에서 업로드 → 자동 배포

 

 

 

설정: Space 이름: 예) pdf-insert License: MIT 또는 Apache 2.0  Visibility: Public SDK 선택: Gradio ✅ Space 생성

 

 

 

 

생성 후: 오른쪽 상단 "⋮ More  > Add Files from GitHub" 클릭 해당 기능 사라짐. 개발자 모드는 유료 GitHub 저장소 주소 입력 (예: https://github.com/사용자명/pdf-insert-blank-pages) main branch 선택 → Confirm

 

그냥 여기에 수동으로 다시 업로드 했다. 

 

 

업로드 하고 시간이 좀 지나니까 앱이 만들어졌다 

 

마찬가지로 파일을 선택해서 변환할수 있다. 

 

 

오류사항은 위에 로그 버튼을 눌러서 문제 원인을 파악하자. 

 

 

완성 

 

https://euname1-insert-blank-pages.hf.space/?logs=container&__theme=system&deep_link=8cyk6Bqmy7c

Gradio

 

이제 위 링크에 접속하면 파일 선택 및 변환 파일 다운이 가능하다. 

 

 

 

2. 티스토리에 임베딩 - iframe으로 Hugging Face 앱 임베드

 

결론은 실패 . 

📄 PDF 빈 페이지 삽입기

이 도구는 PDF의 각 페이지 뒤에 동일한 크기의 빈 페이지를 자동 삽입해주는 웹 앱입니다.
학습 필기용으로 활용하기 좋습니다.

아래 버튼을 클릭하면 웹 앱이 열리며, PDF 업로드 후 결과를 바로 다운로드할 수 있습니다.

👉 웹 앱 사용하러 가기

 

여기까진 가능하다. 

 

하지만 Hugging Face Spaces는 iframe으로 임베드 불가능 티스토리에 넣든, Notion에 넣든, 네이버 블로그에 넣든 "연결이 거부되었습니다" 에러가 뜬다고 한다. 

그래서 티스토리 내에서 기능 수행하는건 어려울 것 같다. 

 

 

 

 

허깅 페이스가 아닌 다른 방법을 사용할 수도 있겠지만,, 일단은 모바일에서도 링크 들어가서 변환이 가능하니까. 이 과정은 여기까지 진행하려 한다.