소개
지난 사례발표때 웹클리퍼를 단순하게 사용하면 모든 배너의 쓸모없는 자료까지 함께 클리핑되어서 하이라이트 클립기능을 사용하여 한땀한땀 골랐어야함.
그 기능을 조금더 편하게 템플릿을 만들어볼 가능성이 생겨서 시도
진행 방법
유튜브 검색을 하다가 한 웹클리퍼 검색기능을 소개하는 외국 영상을 접하였는데 해당 유튜버는 본인이 만든 웹클리퍼 템플릿 뿐만아니라 옵시디언 포럼에서도 추가 템플릿들을 발견 할 수 있다고 하여서 탐색을 함.
일단 유튜버가 올린 템플릿으로만 입맛에 맞추어 진행 하기로 결정.
컴퓨터 화면에 표시된 항목 목록의 스크린샷
사이트 별로 Json파일로 만들어 둔 것 같은 느낌에 GPT를 호출하여 보자.
파일중 youtube 클리퍼 템플릿은 마음에 들었지만 확장프로그램중 Transcript & Glasp Summary의 기능으로 인한 대본 추출을 사용하여 한번에 클리퍼 하고 싶었음. 그래서 GPT에게 파일을 모두 올린뒤
해당 파일들을 파악해서 youtube홈페이지의 glaps의 Transcript & Summary 기능을 이용한 대본 추출 내용까지 클리핑 할 수 있게 템플릿 만들어줘 youtube-embed-and-transcript-clipper.json 기준으로 만들어줘라고 명령.
하나 제대로 작동하지 않기에
F12번을 눌르고 대본 나오는 장소 JS경로 복사하고 GPT한테 가서
경로 복사 해줄테니 참고하여 다시 코드 만들어줘. 해당 경로는 대본이 나오는 경로야
document.querySelector("#glasp-yt-summary-widget > div > div.border.border-gray-300.dark\\:\\!border-gray-600.border-solid.border-t-0.rounded-b-md > div.overflow-y-scroll.h-\\[calc\\(100vh-170px\\)\\].pt-2.pb-4.px-4")라고 입력한 후 테스트.
화면에 한국어 텍스트 스크린샷
웹클리핑 템플릿을 만든후 결괏값이 마음에 들었음.
이어서 Smart Composer를 이용해 요약본 만들어서 삽입해달라는 명령을 하니
'요약 요약'이라는 문구가 적힌 녹색 화면
마무리까지!
결과와 배운 점
이상한 내용까지 딸려오는게 불만이었던 웹클리핑, 그로인해 하이라이트 클리핑 기능을 이용하여 좀더 걸리던 시간을 템플릿을 쉽게 AI를 활용해 만들고 진행하여 1분걸리는거 5초만에 진행하였음! 이게 AGI가 나오기 전까지의 AI의 순기능 아닐까!?
도움 받은 글 (옵션)
참고한 지피터스 글이나 외부 사례를 알려주세요.
(내용 입력)
