클로드로 그냥 '이게 될까...?' 하면 되더라고요.

안녕하세요😋

지피티로 4시간 걸리는 걸 클로드가 4분만에 만들어주는 경험을 한 후,

경악을 금치 못해 유료 결제하고 클쳐버린 주현영입니다.

시간은 소중하니 바로 시작합니다.

하루가 너무 짧은 학생, 직장인, 대표님들 주목해주세요!!!

~~놀러 다니기~~일하고 공부하기도 너~~~무 정신없이 바쁜데

필수 수강 강좌라면서 온라인 교육을 들어야 하는 경우 한번쯤 있으시죠?

한두개라면 당연히 충실히 수강했겠지만…

이런 식으로 한 강좌 안에서도 계속 다음 버튼(무려 12번) 눌러줘야 한다면?

그런데 심지어 다음 버튼이 영상재생을 끝까지 들어야만 활성화 되는 구조라면?

그런데 심지어 영상 재생위치 조절도 안되는 구조라면?

그런데 심지어 이렇게 들어야 할 영상이 여러개라면?!

여러분은 어떻게 하실 건가요?

누가 좀 대신 들어줬으면 좋겠다는 생각이 들지 않으시나요?

(물론, 강의 스킵을 권장하는 말이 절대 아님을 밝힙니다.)

그래서 혹시나 하는 마음으로 F12(개발자모드)라는 걸 눌러서

환경설정에 들어간 다음 자바 스크립트 중지를 해보지만…(어디서 주워들은 거 많은 편)

안 넘어가더라고요 ㅠㅠ

자 저는 이 문제를 해결하기 위해

요즘 AI 씬에서 핫하다고 난리난 CLAUDE를 켜봤습니다.

사건의 발단 : 제가 불편했던 상황과 떠올린 해결책은 이랬습니다!

영상강의 화면은 최소화한 상태로 마우스와 화면을 자유롭게 쓰고 싶다.
그렇다고 영상 소리를 들으면서 끝났는지 실시간으로 파악할 여력은 없다.
다음화면으로 넘어가기 클릭은 안되지만 영상 끝나면 내부 화면에서 알림메시지가 뜬다.
알림메시지의 원리는 모르겠지만 개발자모드를 켜보니 textBubble view라는 녀석인 것같다.

※ 개발자모드가 이해가 안되는 분들을 위한 참고사항!

F12(개발자모드) 클릭
→ 좌측 상단의 화살표 모양 클릭
→ 원하는 아이콘에 마우스를 가져다 대면 요소의 이름(외계어)이 나옴

영상이 끝났을 때 나에게 외부 알림창으로 알려주면 다음 클릭 정도는 해줄 수 있다.
근데 자동으로 다음 페이지를 누르는 걸 프로그램으로 구현하기엔 좀 어려울 것 같다.
1. (대충 웹페이지 열고, 회원 로그인도 해줘야 하고, 강의 페이지 들어가야 하고, 일정 시간 지나면 자동으로 클릭도 해줘야 하고, 근데 클릭이 활성화가 안되는 건 시스템에서 막아놓은 것 같은데 이걸 어떻게 풀어)
전에 보니까 크롬 확장 프로그램 만들기 5분도 안 걸릴 정도로 쉬워 보이던데 그 방식으로 해결할 수 있지 않을까?

의식의 흐름대로 나열하긴 했는데

아무튼 저는 완벽한 제품보단 빠르고 간단하게 내 문제를 해결하고 싶었습니다.

자, 문제와 해결책이 정의됐다면 다음은 뭐다?

무작정 스크린샷 캡처하고, HTML 전체 파일 준다음에 클로드 노예 부려먹기!

※ HTML 파일은 웹페이지화면에서 Ctrl+S 누르시면 다운 받을 수 있습니다.

프롬프트 : 나는 재밌는 동영상을 보고 있어. 다른 중요한 프로젝트를 해야해서 마우스를 자유롭게 쓸 수 있어야 해. 그리고 영상을 실제로 볼 수가 없는 상황이기에 듣기만 하고 화면을 최소화 해두었어. 이 상태에서 영상이 끝난지 여부를 파악해서 자동으로 알림창이 뜨고 다음 버튼을 누를 수 있는 프로그램을 만들고자해. 그런데 자바로 구성되어서 영상을 임의로 마지막 장면으로 넘기거나 영상이 끝나기 전에 다음 화면을 클릭할 수 없어. 다만, 동영상을 모두 재생한 후에는 스크린샷 처럼 '다음페이지 이동' 알림창이 떠. 이 알림창을 F12 개발자모드로 확인하니까 textBubble view 라고 나와있네. 이 '다음페이지 이동' 알림이 떴을 때 이를 트리거 신호로 삼아서 윈도우에서 알림창이 뜨면 나는 그 알림창을 보고 재밌는 동영상 페이지에서 다음페이지를 누를 예정이야. 자동으로 다음 페이지를 누르는 걸 구현하기엔 자바 프로그램으로 막힌 것들이 많으니까 알림창만 떠도 충분할 것 같아.
이 영상 페이지 html 을 제공할테니 이를 기반으로 Chrome 확장 프로그램에 필요한 js, json 파일을 만들어줘.