파싱이 완료된 웹서비스의 프론트 화면을 만들어 보고자한다. 최근에 chatGpt 4 에서 이미지를 입력가능하도록 변경되었으며 사진을 입력하여 해당기능을 가진 프론트엔드 페이지를 제작해 달라고 하면 코드를 작성해 준다고한다. 아래와 같이 chatGPT 4 Vision attatch image 를 이용하면 계산기도 만들 수 있다고 한다. 이미지를 업로드 후 이런 모양의 계산기를 코딩해 달라고 하면 4칙 연산까지 실제 수행되는 웹앱을 만들어 주었다고 한다. 왼쪽이 캡춰해서 올려준 이미지이며 chatGPT가 제공해준 코드를 이용하여 브라우저에서 동작하는 계산기를 만들어 줬다고 한다. 데이터를 주고 화면을 그려달라고 한다. 정확한 요청사항을 주면 반영한다. 대략적인 형태도 알려준다. 여기에 추가로 수정가능하도록 ..
