<div>어느 게시판에 올려야하나 고민하다가 이기능을 가장 많이 쓸 것 같은 연예게시판에 올립니다.</div> <div><br></div> <div>작년 11월부터 오유에 일정크기 이상의 gif 움짤을 올리면 mp4로 변환되어 보여졌습니다.</div> <div><span style="font-size:9pt;">그 이후 많은 연게인이 멘붕을 겪다가 영상의 주소에서 확장자만 바꾸면 gif로 저장할 수 있다는 사실을 알게되었습니다.</span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;">이 방법은 이미 많은 분들이 알고 계시죠.</span></div> <div>하지만 많은 양의 움짤을 저장하기 위해 일일히 영상주소 복사에서 확장자 바꾸고 움짤 저장하는게 쉽지 많은 않죠.</div> <div><br></div> <div>이런 일로 인해... 번거로움을 무릎쓰고 외부 사이트에 움짤을 올려서 본문에 올려주시는 분들도 계시고... </div> <div><br></div> <div><a target="_blank" href="http://todayhumor.com/?star_386870">http://todayhumor.com/?star_386870</a></div> <div><span style="font-size:9pt;">움짤 저장기라는 프로그램을 만들어 주신 분도 계십니다.</span></div> <div><span style="font-size:9pt;">저도 잘 쓰고 있었습니다만... 몇가지 문제점이...</span></div> <div><span style="font-size:9pt;">댓글에 있는 움짤은 저장이 안되고 가끔은 본문의 움짤도...(</span><span style="font-size:9pt;">외부 사이트가 아닌 오유에 올라온 움짤임에도)...</span><span style="font-size:9pt;">제대로 저장이 안될 때가 많더라구요.</span></div> <div><br></div> <div>그래서 혼자 스크립트를 만들어서 쓰다가 공유해봅니다.</div> <div>내용은 길지만 어렵지 않은 내용이며 쉽게 따라하실 수 있을겁니다.</div> <div>여기까진 잡설이었고... 아래 내용부터 보시면 됩니다.</div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><font size="5"><b>1. Tampermokey 설치</b></font></div> <div><br></div> <div>일단 사용하고 계시는 브라우저에 Tampermokey라는 확장 프로그램을 깔아줍니다.</div> <div><span style="font-size:9pt;">이미 깔려 있다면 이 내용은 스킵하고 2번 항목으로 가시면 됩니다.</span></div> <div><br></div> <div>크롬을 쓰고 계신다면...</div> <div><a target="_blank" href="https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=ko">https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=ko</a></div> <div>위의 링크를 통해서 설치하시면 되고...</div> <div><br></div> <div>그 외 브라우저를 쓰신다면...</div><a target="_blank" href="https://tampermonkey.net/">https://tampermonkey.net/</a> <div>위의 링크에서 해당 브라우저에 맞는 것을 찾아서 설치하시면 됩니다.</div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><font size="5"><b>2. 스크립트 설치</b></font></div> <div><br></div> <div>Tampermokey설치가 완료되면...</div> <div>주소창 옆에...</div> <div> <div style="text-align:left;"><img width="128" height="128" style="border:;" alt="http://i.imgur.com/NCmJj4Y.png" src="http://i.imgur.com/NCmJj4Y.png"></div></div> <div>이렇게 생긴 아이콘이 하나 생겼을 겁니다.</div> <div><br></div> <div>아이콘을 클릭하면 팝업창이 뜹니다.</div> <div><br></div> <div><br></div> <div> <div style="text-align:left;"> <div style="text-align:left;"><img width="398" height="209" style="border:;" alt="http://i.imgur.com/oXyGDKM.png" src="http://i.imgur.com/oXyGDKM.png"></div><br></div></div> <div><br></div> <div><br></div> <div>팝업창에서 Create a new script... 항목을 클릭해 주세요.</div> <div><br></div> <div>그러면 새창이 하나뜨고 에디터화면이 나오게 됩니다.</div> <div><br></div> <div> <div style="text-align:left;"><img width="553" height="479" style="border:;" alt="http://i.imgur.com/uTVPTlI.png" src="http://i.imgur.com/uTVPTlI.png"></div><br></div> <div><br></div> <div>에디터 화면에 나온 모든 텍스트를 지우고...</div> <div><br></div> <div><a target="_blank" href="https://drive.google.com/open?id=1IY4qi46MT-zo9ALSt4RFot-qC9OFrBK47PErIzVZR8E">https://drive.google.com/open?id=1IY4qi46MT-zo9ALSt4RFot-qC9OFrBK47PErIzVZR8E</a></div> <div><br></div> <div>위 링크에 있는 텍스트 내용을 복사하여 에디터화면에 붙여넣습니다.</div> <div><br></div> <div>혹 붙여 넣는 과정에서 아래처럼 빨간 점이 보인다면 빨간점은 지워주세요.</div> <div><br></div> <div> <div style="text-align:left;"><img width="165" height="59" style="border:;" alt="http://i.imgur.com/pcAbi1n.png" src="http://i.imgur.com/pcAbi1n.png"></div><br></div> <div><br></div> <div><br></div> <div>이제 디스크 모양의 아이콘을 눌러서 스트립트를 저장해줍니다.</div> <div><br></div> <div> <div style="text-align:left;"> <div style="text-align:left;"><img width="340" height="158" style="border:;" alt="http://i.imgur.com/OHsq14o.png" src="http://i.imgur.com/OHsq14o.png"></div><br></div><br></div> <div>또는 ctrl + s 키를 눌러서 저장하셔도 됩니다.</div> <div><br></div> <div>이것으로 움짤 저장을 쉽게 할 수 있게 되었습니다.</div> <div><br></div> <div><br></div> <div><font size="5"><b><br></b></font></div> <div><font size="5"><b>3. 스크립트 적용</b></font></div> <div><br></div> <div>이제 움짤들이 그득한 게시물을 눌러보시면...</div> <div><br></div> <div> <div style="text-align:left;"><img width="696" height="428" style="border:;" alt="http://i.imgur.com/Cyd9485.gif" src="http://i.imgur.com/Cyd9485.gif"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">동영상으로 표시되고... 마우스로 드래그 & 드랍도 안되던 움짤이...</div><br></div> <div><br></div> <div> <div style="text-align:left;"><br></div></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div> <div style="text-align:left;"><img width="702" height="458" style="border:;" alt="http://i.imgur.com/G5J3SQJ.gif" src="http://i.imgur.com/G5J3SQJ.gif"></div></div> <div><br></div> <div>이렇게 이미지로 표시되고 마우스로 드래그 & 드랍도 되어서 원하는 움짤만 쉽게 저장하실 수 있게 됩니다.</div> <div><br></div> <div>또한 이미지 위에 mp4 영상이 gif로 바뀌었다는 <<< MP4 to GIF >>> 알림글자가 표시되어 원래 영상이었음을 표시해줍니다.</div> <div><br></div> <div><br></div> <div>외부이미지나 용량이 작은 gif는 기존과 마찬가지로 표시됩니다.</div> <div> <div style="text-align:left;"><img width="333" height="365" style="border:;" alt="http://i.imgur.com/OjFGOzi.png" src="http://i.imgur.com/OjFGOzi.png"></div><br></div> <div><br></div> <div><br></div> <div><br></div> <div>댓글에 있는 움짤도 물론 쉽게 저장하실 수 있습니다~!</div> <div><br></div> <div> <div style="text-align:left;"><img width="440" height="490" style="border:;" alt="http://i.imgur.com/eTSZoci.png" src="http://i.imgur.com/eTSZoci.png"></div><br></div> <div><br></div> <div><br></div> <div><font size="5"><b>4. 스크립트 수정</b></font></div> <div><br></div> <div>혹 댓글에 있는 움짤 변환이 안되는게 보인다 싶으시면...</div> <div><br></div> <div>스크립트 내용을 참고하셔서... 300이라는 숫자를 좀 더 크게 해주시면 됩니다.</div> <div><br></div> <div><br></div> <div> <div style="text-align:left;"><img width="484" height="277" style="border:;" alt="http://i.imgur.com/a9DCtIL.png" src="http://i.imgur.com/a9DCtIL.png"></div><br></div> <div><br></div> <div><<< MP4 to GIF >>>라는 문장을 바꾸거나 삭제하고 싶으시면...</div> <div><br></div> <div>var NOTIFY_REPLACE = " 이부분을 지우거나 변경 ";</div> <div>쌍 따옴표 안에 있는 내용을 수정 하시면 됩니다.</div> <div><br></div> <div><br></div> <div>스크립트를 수정하는 방법은...</div> <div><br></div> <div>에디터 창을 아직 안 닫았다면 에디터창에서 스크립트를 수정하시면 되고...</div> <div><br></div> <div>에디터 창을 닫았다면...</div> <div><br></div> <div>주소창 옆에 Tampermonkey 아이콘을 눌러서 Dashboard를 클릭합니다.</div> <div><br></div> <div> <div style="text-align:left;"><img width="398" height="209" style="border:;" alt="http://i.imgur.com/rEE3xsi.png" src="http://i.imgur.com/rEE3xsi.png"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">Dashboard 창이 뜨면 Installed userscripts 탭을 누릅니다.</div><br></div> <div> <div style="text-align:left;"><img width="321" height="83" style="border:;" alt="http://i.imgur.com/Ax0mxvb.png" src="http://i.imgur.com/Ax0mxvb.png"></div><br></div> <div><br></div> <div>그럼...</div> <div><br></div> <div> <div style="text-align:left;"><img width="497" height="38" style="border:;" alt="http://i.imgur.com/QMSw9Of.png" src="http://i.imgur.com/QMSw9Of.png"></div><br></div> <div><br></div> <div>이런 항목을 보실 수 있습니다.</div> <div><br></div> <div>클릭하면 에디터 창에 스크립트가 보이며 편집을 하실 수 있습니다.</div> <div><br></div> <div>스크립트의 모든 라인에 주석을 달아두었으니 어떠한 역할을 하는 코드인지 이해하시기 쉬우실 겁니다.</div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><span style="font-size:9pt;">그럼 움짤 수집에 조금이나마 도움이 되시길 바라면서 긴글 보시느라 수고하셨습니다아~! ^^</span></div> <div><br></div> <div>연계이니... 움짤 몇개 투척하고 끝내겠습니다 ㅎㅎ</div> <div><br></div> <div><br></div> <div> <div style="text-align:left;"><img width="600" height="457" style="border:;" alt="%23MLBxTWICE_2017_S_S_화보_촬영_스케치_(2).gif" src="http://thimg.todayhumor.co.kr/upfile/201704/1491001389f1ecc92aed97488397634e647236e177__mn414807__w600__h457__f2748624__Ym201704__ANIGIF.gif"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img width="550" height="542" style="border:;" alt="%23MLBxTWICE_2017_S_S_화보_촬영_스케치_(3).gif" src="http://thimg.todayhumor.co.kr/upfile/201704/1491001391cae50c50f24146dfa6dddbcfc338c607__mn414807__w550__h542__f1362923__Ym201704__ANIGIF.gif"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img width="600" height="338" style="border:;" alt="4ce858bb7a3ef5319f17b245310a88f9.gif" src="http://thimg.todayhumor.co.kr/upfile/201704/1491001394c6fe1c82b4114b48b44f27db8de2232d__mn414807__w600__h338__f4694004__Ym201704__ANIGIF.gif"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img width="400" height="480" style="border:;" alt="1488268107aa9905a5d6574b2d90e0f16393523eaf__mn225975__w400__h480__f6456421__Ym201702__ANIGIF.gif" src="http://thimg.todayhumor.co.kr/upfile/201704/14910014041a83359c6a2a4669aa3d4148a090823d__mn414807__w400__h480__f6456421__Ym201704__ANIGIF.gif"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img width="400" height="500" style="border:;" alt="bKuEgUf.gif" src="http://thimg.todayhumor.co.kr/upfile/201704/1491001406372e2eb683624b85a880bb93025379bf__mn414807__w400__h500__f1565142__Ym201704__ANIGIF.gif"></div><br></div> <div><br></div> <div><br></div>