로그인

웹URL 주소로 캡쳐 하는 프로그램 만들어 보도록 하겠습니다

웹 URL주소를 이미지로 변환해 주는 프로그램을 만들어 봅니다

조회 3,870 2026-08-18 등록

소개

웹URL 주소로 캡쳐 하는 프로그램 만들어 보도록 하겠습니다 html2canvas 플러그인을 통해서 웹페이지를 캡쳐할수 있습니다 하지만 자신의 홈페이지에서만 가능 하지 다른 URL주소의 내용은 캡쳐할수 없는 단점이 있습니다 해서 URL주소를 입력하면 해당 주소의 내용을 캡쳐후 이미지로 반환해주는 프로그램을 만들어 보려합니다 작동원리 작업전 준비 작업 1)PHP 홈페이지 2)서브서버로 사용할 윈도우 PC 3)공유기 포트포워드 설정 (메인서버에서 가상아이피를 사용하는 서브서버로 접속하기 위함) 4)서브서버에 파이썬 설치 5)서브서버에 파이썬 flask 설치 6)서브서버에 파이썬 selenium 설치 위 순서대로 진행을 하려합니다 핵심은 메인서버에서 서브서버의 특정 프로그램을 실행 시켜주는 것입니다 일반적으로 웹상에서 다른 PC의 프로그램을 컨트롤 하기가 어렵습니다 처음 개발단계에서 웹소켓을 통해 프로그램을 컨트롤 하려 했습니다 실재로 http로는 컨트롤까지 되었습니다 그러나 홈페이지가 https인 경우 ws가 아닌 wss 웹소켓만 사용해야 하는 문제가 있어서 php file_get_contes() 함수와 flask서버를 사용해 컨트롤 하는 방법을 채택하였습니다 처음 계획이 수정되어 편법을 사용한 것이 아닌가 생각되었지만 flask 를 사용해보니 서브서버가 안정적으로 작동하여 오히려 더 나은 방법이라 판단됩니다 유튜브주소 https://www.youtube.com/watch?v=aCWmZplpts0 https://www.youtube.com/watch?v=iE1wAFZmR-w

태그

의견 0

로그인하면 의견을 남길 수 있습니다.

아직 의견이 없습니다. 첫 의견을 남겨보세요.

비슷한 사이트

픽슬러

pixlr.com

웹에서 사용하는 포토샵 픽슬러 https://pixlr.com/editor를 소개합니다 픽슬러는 포토샵과 같이 이미지를 편집할 수 있는 프로그램으로 설치 없이 웹 상에서 바로 사용 가능한 웹 이미지 편지툴 입니다 이미지 편집툴은 여러 가지가 있습니다 윈도우에서 기본적으로 제공하는 그림판도 있고 이미지편집 이라고 검색하면 수많은 프로그램들을 쉽게 찾을 수 있습니다. 그래도 아무리 많다 해도 이미지편집의 대표적인 프로그램은 포토샵일 것입니다. 사용하기도 편리하고 기능도 많기 때문에 많은 디자이너들이 포토샵을 사용합니다. 그런데 웹 상에서 포토샵과 비슷한 프로그램이 바로 픽슬러 입니다. 픽슬러는 프로그램을 특별히 설치하지 않고 사이트(https://pixlr.com/editor)에 들어가시면 바로 사용가능 합니다. 인터페이스가 포토샵과 유사하여 포토샵을 사용 하실 수 있는 분이라면 어렵지 않게 사용 가능합니다. 그런데 인터페이스가 비슷하다고 해서 모든 기능이 동일한 것은 아닙니다. 아무래도 포토샵은 응용프로그램이고 픽슬러는 플래시로 만든 웹프로그램 이다 보니 태생적인 한계를 벗어나지 못하는 부분이 있습니다. 그러나 약간의 디테일만 다를 뿐 포토샵에 있는 기능 대부분을 구현해 놓았습니다. “포토샵과 같이 좋은 프로그램이 있는데 왜 픽슬러를 사용해야 하지?” 라는 의문을 가질 수 있습니다. 틀린 말은 아니지만 그래도 픽슬러 만의 장점이 있습니다. 프로그램을 설치 없이 사용 가능한 장점, 인터넷이 가능한 곳이라면 어느 곳에서도 사용 가능하다는 장점, 업데이트를 별도로 할 필요가 없다는 장점 등 웹프로그램 만의 모든 장점을 가지고 있습니다. 그러기에 포토샵만 사용한다, 픽슬러만 사용한다 라는 이분법적 접근보다 상황에 따라 포토샵 이나 픽슬러를 선택적으로 사용하시는 것이 좋습니다. 디자인을 주업으로 삼고 있으신 분이라면 포토샵을 디자인툴을 자주 사용하지 않고 간혹 디자인 작업을 해야 하시는 분이라면 픽슬러를 사용해보시길 추천해드립니다.

w3schools

www.w3schools.com

w3schools을 소개합니다. w3schools 은 다양한 프로그램 소스를 공부할수 있는 사이트 입니다. w3schools의 장점은 소스와 실행되는 결과같은 바로 볼수 있다는 것이 장점입니다. 웹관련 소스가 궁금한 경우 검색하면 잘 나옵니다. 그러나 소스를 적용했을때 잘 되는지에 대해서는 장담하지 못합니다. 열심히 적용해 봤는데 소스가 잘못된경우 또는 버전이 맞지 않아 사용할수 없는 경우가 있기 때문입니다. 물론 올린사람이 의도적으로 틀린 소스를 올리는 것은 아니지만 시간이 흐름에 따라 틀린 소스가 되기도 합니다. 그러다 보니 적용하기전 정상적인 소스인지 먼저 확인 해봐야 하는데 w3schools 에서는 Try it Yourself 를 통해 미리 확인해 볼수 있습니다. 또 다른 장점으로 CSS관련 정보를 많이 얻을수 있다는 것입니다. 개인적으로 CSS관련 부분이 궁금한 경우 자주 활용하는 사이트입니다. 일반적으로 CSS의 특정 기능이 궁금하면 인터넷에 검색하여 정보를 얻습니다. 그러다 보니 체계적인 정보를 얻기보다는 산발적인 정보를 얻게 되는데 w3schools 에서는 체계적으로 관련정보가 잘 정리되어 있습니다. 적용 예시 뿐아니라 연관된 스타일들까지 다양하게 확인해볼수 있습니다. 그러기에 CSS를 공부하기에는 더할나위없이 좋은 사이트입니다. 메뉴구성은 HTML, CSS, AJVASCRIPT, SQL, PYTHON, PHP등으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 웹관련 프로그램 소스가 궁금하시다면 w3schools를 활용해 보시기 바랍니다. 자세한 정보를 원하신다면 https://www.w3schools.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.