그림으로 빠르게 작은 프로그램 만들기

이미지를 입력하면 코드가 생성되는 사이트가 있다는 것을 예전에 확인해서

찾아보니 웹사이트가 안열리더군요.

https://screenshottocode.com/



(20240412 추가)

앗~! 이제 되네요.

글 올린 날은 안되더니 며칠지나니 되네요.

이 사이트도 활용해보시면 좋은데 챗GPT API를

받아서 입력하셔야 합니다.

한 번 해보세요~^^

https://screenshottocode.com/


저는 GPTs가 있어 테스트 해봤습니다.

<링크>

ChatGPT - Screenshot To Code GPT


그래서 다음과 같은 타이머 이미지를 캡처해 timewatch를 요청했습니다.

20240411-1116-10.6399028.mp4


코드를 받아 메모장에 입력한 후 html 파일을 만들어 실행해봤습니다.

20240411-1117-46.1280913.mp4

파일은 만들어졌지만, 실행이 안되네요.


실행이 되도록 요청했습니다.

20240411-1120-09.3258218.mp4

코드를 잘 생성해줘서 실행이 되네요.

실행코드

timewatch2.html


상단에 텍스트가 나오도록 요청하고,
뒷쪽에 100분의 1초도 표시되도록 해보고 싶어 다시 요청해봤습니다.

20240411-1123-44.8553776.mp4timewatch3.html


원하는 프로그램 화면 UI를 만들고 싶어도 그리기 애매할 때가 있을텐데요.

그럴 때는 웹사이트에서 간단하게 필요한 화면 UI를 그려보셔도 좋습니다.


활용해볼 사이트

https://makereal.tldraw.com/

아래처럼 도형이나 텍스틀 입력해 화면을 빠르게 그릴 수 있습니다.

위 이미지를 캡처해서 코드를 요청했더니 아래처럼 나오네요.

한글을 잘 인식하지 못하는 경우가 많아요.


따른 코드 편집기가 없을 경우 메모장에서 html 파일을 열고, 텍스트를 수정하면 됩니다.

다운 받은 html 파일을 메모장에서 열어서 수정할 텍스트 부분을 수정하면 됩니다.



<마치며>

만약에 GPTs 같은 자동화 도구가 없을 경우에는
코드에 대한 프롬프트를 꽤 많이 작성해야할텐데,
기초 이미지를 하나 만들어 업로드하고, 차근차근 필요한 코드를 요청하니
작은 프로그램들은 금방 만들어 사용할 수 있을 것 같습니다.
필요한 프로그램을 그려서 다양한 도구를 만들어보면 좋을 것 같습니다.
간단한 웹페이지도 만들 수 있으니 시도해보세요.

프로토타입 만들 때 유용합니다. ^^


#10기 AI사내자동화

2
2개의 답글

👉 이 게시글도 읽어보세요