이미지를 입력하면 코드가 생성되는 사이트가 있다는 것을 예전에 확인해서
찾아보니 웹사이트가 안열리더군요.
https://screenshottocode.com/
(20240412 추가)
앗~! 이제 되네요.
글 올린 날은 안되더니 며칠지나니 되네요.
이 사이트도 활용해보시면 좋은데 챗GPT API를
받아서 입력하셔야 합니다.
한 번 해보세요~^^
저는 GPTs가 있어 테스트 해봤습니다.
<링크>
ChatGPT - Screenshot To Code GPT그래서 다음과 같은 타이머 이미지를 캡처해 timewatch를 요청했습니다.
코드를 받아 메모장에 입력한 후 html 파일을 만들어 실행해봤습니다.
파일은 만들어졌지만, 실행이 안되네요.
실행이 되도록 요청했습니다.
코드를 잘 생성해줘서 실행이 되네요.
실행코드
상단에 텍스트가 나오도록 요청하고,
뒷쪽에 100분의 1초도 표시되도록 해보고 싶어 다시 요청해봤습니다.
원하는 프로그램 화면 UI를 만들고 싶어도 그리기 애매할 때가 있을텐데요.
그럴 때는 웹사이트에서 간단하게 필요한 화면 UI를 그려보셔도 좋습니다.
활용해볼 사이트
아래처럼 도형이나 텍스틀 입력해 화면을 빠르게 그릴 수 있습니다.
위 이미지를 캡처해서 코드를 요청했더니 아래처럼 나오네요.
한글을 잘 인식하지 못하는 경우가 많아요.
따른 코드 편집기가 없을 경우 메모장에서 html 파일을 열고, 텍스트를 수정하면 됩니다.
다운 받은 html 파일을 메모장에서 열어서 수정할 텍스트 부분을 수정하면 됩니다.
<마치며>
만약에 GPTs 같은 자동화 도구가 없을 경우에는
코드에 대한 프롬프트를 꽤 많이 작성해야할텐데,
기초 이미지를 하나 만들어 업로드하고, 차근차근 필요한 코드를 요청하니
작은 프로그램들은 금방 만들어 사용할 수 있을 것 같습니다.
필요한 프로그램을 그려서 다양한 도구를 만들어보면 좋을 것 같습니다.
간단한 웹페이지도 만들 수 있으니 시도해보세요.
프로토타입 만들 때 유용합니다. ^^
#10기 AI사내자동화