굉장한 기능 잘쓰고있습니다! 이미지비교는 어떻게 될까요?

[daveletsgohome]

워드파일내에서 텍스트+이미지 드래그해서 ctrl+c 한 클립보드를 diffseek에 붙여넣으면
같은 클립보드임에도 이미지는 다르게 표기됩니다

이미지는 비교가어려운지, 아니면 다른문제가 있는지 확인부탁드립니다 개발자님!

[mundi4]

아이구... 저도 고민을 해봤던 부분인데...
어떤 경우는 임시폴더에 이미지가 복사되고 그 파일의 경로가 img의 src로 들어가는 경우도 있고 어떤 경우는 src에 이미지 자체가 data url형식으로 들어가기도 하는데
data url은 당연히 비교가 되지만 임시경로는 두개의 워드 문서에서 양쪽으로 복붙을 한 경우 다른 이미지임에도 같은 경로를 가지는 경우가 있는것 같았습니다. 즉 나중에 복붙한 문서의 이미지가 처음 복사한 문서의 이미지 임시경로를 덮어써버리는 문제. 그래서 경로로는 비교가 불가능하고...
구동환경의 한계상 스크립트로 파일 내용을 열어보는건 불가능이고 만약 정말정말정말 반드시 해야한다면 파일경로를 받고 파일을 읽어서 data url의 형태로 돌려주는 로컬 서버를 만들고 붙여넣기 할때 해당서버로 fetch로 요청을 넣어서 변환된 data url을 src로 사용하고 src대src비교를 한다면... 이런 생각을 막 해보긴 했지만...
제가 사내에서 시도해볼수 없는 것들이라서 생각을 접었습니디

[daveletsgohome]

충분히 고민많이하셨었군요! 명쾌한답변 감사합니다 즐거운주말되십시오

[mundi4]

퇴근하면서 생각을 조금 더 해봤는데요,
저는 애당초 코드를 수작업으로 회사로 옮겨야 했고 회사 컴퓨터에는 메모장과 브라우저 밖에 없고... 그런 제약들이 있었기 때문에, 그 범위 안에서 가능한 방법을 고민을 해봤던 것인데 만약 사용하는 입장에서 그런 제약이 좀 느슨해 질 수 있다면...

html을 electron으로 감싸서 빌드를 하고 그냥 데스크탑 앱처럼 사용. 붙여넣기(그리고 더 까다롭게 굴면 그림 파일을 드래그 해서 에디터에 떨궜을 때에도) 시에만 electron쪽으로 호출을 하면 이미지 파일을 읽어서 data url 형식으로 변경하는 게 가능합니다.

electron으로 빌드하는 걸 해본적이 없어서 chatgpt를 막 채찍질 하면서 빌드를 했는데 기존 코드 변경은 거의 없이 가능했고 이미지 변환 부분 넣는 것도 가능했습니다. 브라우저에서 html을 여는 대신 빌드된 폴더 채로 가지고 있으면서 exe 파일을 실행하면 되는데 결과물이 몇백메가가 나옵니다... 암튼 브라우저 환경의 제약을 벗어나는 게 되긴 됩니다.

[mundi4]

해보니까 로컬서버든 electron이든 그런 꼼수 없이 됩니다.

[dgdave]

그럼 반입하면 사용이 가능하겠네요??~!사이즈가
문제긴하네요 ㅎㅎ

[mundi4]

이건 저희 부서 업무사이트에서 데이터를 추출하는 코드를 짜다가(절대로 합법적인 것들) 떠오른 아이디어인데요...

엣지/크롬 브라우저 확장을 이용하는 거예요. 브라우저 확장은 권한이 쎄서 다른 웹사이트(biz플xx)나 하드에 있는 그림파일을 열 수 있으니까요. 새로 만들어지고 있는 비즈플랫폼의 경우 매뉴얼에 함께 첨부된 그림 파일들을 쉽게 내주지 않던데(아마도 인증쿠키를 요청에 같이 보내야 이미지를 내주고 그렇지 않으면 로그인 페이지로 이동시키는 스크립트를 뱉는 것 같은..) 브라우저는 이미 로그인 쿠키를 갖고 있으니까 이 부분을 우회가능...
엣지에서 edge://extensions 주소를 열면 그냥 하드에 있는 js코드를 바로 브라우저 확장으로 불러올 수 있더라구요. 코드도 몇 줄 안되니 용량 걱정도 없고요. 지금 코드는 집에서 회사에서 메모장으로 이것저것 시도해보던 것들이 남아있어서 심하게 난장판이긴 한데... ㅋ

대충 흐름은...

1. diffseek가 브라우저 확장으로 그림파일을 다운받아서 보내 달라는 메시지를 보냄
2. 브라우저 확장이 이 메시지를 수신하고 그림파일을 다운로드(혹은 하드에서 읽거나...)해서 파일 내용을 diffseek로 보냄
3. diffseek가 받아서 처리

여기까지는 대충 구현이 되었고 자잘한 버그들만 있는데 문제는 비교예요! 원래 같은 원본 이미지인데 저장 중에 변환되어서 화질이나 파일 포맷이 변경이 된 것은 잘 비교를 해주고 결과도 그럭저럭 나오는데 애당초 다른 원본인 경우(예. 워드에 있는 그림을 캡처해서 업로드한 경우)는 제대로 비교를 못해요. 그래도 서로 다른 그림을 같다고 판단해버리는 것보다는 서로 거의 같은 그림을 다르다고 판단해버리는 것이 더 낫지 않을까...요~
더 무거운 이미지비교 라이브러리를 찾아서 써볼 수도 있겠지만 그만큼 또 속도/성능이 문제가 될 것 같습니다!!

브라우저 확장을 쓰면 추가적으로 이런 게 쉽게 돼요.

• biz플xx에서 단축키(예: ctrl-1)을 누르면 현재 보고 있는 매뉴얼에서 걸러낼 건 걸러내고(즐겨찾기 아이콘 등등) 열려있는 diffseek의 편집기에 채워넣기
• 신biz에서 단축키를 누르면 구biz의 매뉴얼을 열어주기
  뭐 이런 소소한 것들...

근데 새 biz사이트가 jQuery를 사용 중이던데요... 게다가 iframe으로 내비게이션...
2025년에 이거 괜찮은 건가요.. ㅋ MSN/싸이월드 감성 뿜뿜! 응답하라 2005...? 농담이예요! ㅋㅋ