AI와 함께 춤을7 Hero UI Chat : 생성형 AI와 대화로 웹사이트 뚝딱 만들기 요즘 기획자들 사이에서 ‘Vibe 코딩’이 유행하고 있어요.정확한 명세나 코드를 몰라도, AI에게 자연어로 “이런 기능, 웹페이지 만들어줘”라고 말하면 코드로 구현해주는 방식을 말하죠. 예를 들어,“고양이 카드 뽑기 페이지 만들거야. 뽑기 버튼 누르면 귀여운 고양이랑 명언 보여줘!”이렇게만 말해도, AI가 그걸 알아듣고 실제 웹페이지를 만들어주는 시대가 온 거예요.이처럼 기획자의 아이디어(감성+취향+방향성)만 있으면 웹이 구현되는 새로운 코딩 방식이 바로 ‘Vibe 코딩’이고, 그 대표적인 도구 중 하나가 Hero UI입니다.이번에 Hero UI를 직접 사용하여, ‘랜덤 고양이 카드 생성기’ 웹페이지를 만들어봤는데요, 놀랍게도 제작 요청-수정-웹배포까지 5분도 안 걸렸고, 복잡한 코드 작성은 1도 필.. 2025. 5. 22. 챗지피티 : 손으로 그린 스케치를 실사 이미지로 바꾸기 멈출 줄 모르는 챗GPT 이미지 생성 기능의 열풍,이번에는 내가 손으로 직접 그린 스케치를 실제 사진같은 이미지로 바꾸는 방법을 알아보겠습니다.이 방법을 이용하면 only 텍스트로 이미지를 생성하는 것보다, 내 의도에 더욱 가까운 결과물을 만들 수 있어요.그 방법을 지금부터 함께 알아봅시다.목차1. 프롬프트 작성하기 - 기본정보 - 추가정보2. 이미지 생성하기 - 선 스케치로 - 채색 스케치로 - CC0 스케치 활용 1. 프롬프트 작성하기프롬프트는 기본적인 것과, 디테일을 가미한 추가 정보로 나누어 입력할 수 있어요. ✅ 기본 정보무엇을 그린 것인지에 대한 설명 (대략적인 구도, 소재의 위치 등)ex. 소녀가 공원 벤치에 앉아 책을 읽고 있음"이 스케치를 실사 이미지로 바꿔줘"라는 요.. 2025. 5. 8. [AI탐방] 챗GPT로 이미지를 폴라로이드 & TV & 액자 속에 넣기 챗GPT로 지브리풍 이미지를 만드는 것이 화제입니다. 저작권 논란 속에서도 대중에게 지피티의 존재감을 확실하게 각인시킨 전환점이 되기도 했습니다. 이 기세를 이어(?) 챗GPT를 활용하여 이미지를 변환할 수 있는 방법을 세 가지 소개드리고자 합니다.1. 폴라로이드 사진으로 만들기먼저 휴대폰으로 찍은 사진을 폴라로이드 사진처럼 바꿔보겠습니다.바꾸고싶은 사진을 같이 첨부하면서 아래와 같은 프롬프트를 작성해 보세요.프롬프트 결과 그럼 이렇게 폴라로이드 필름 속으로 쏙 들어간 사진을 보실 수 있습니다.원본 이미지와 살짝 차이가 나지만 오히려 더 매끄럽게, 깔끔하게 사진이 가공된 것을 보실 수 있습니다.2. 티비 속에 넣기다음으로는 사진을 TV 브라운관 속으로 넣어보겠습니다.마찬가지로 사진을 준비해주시고, 프롬프.. 2025. 4. 9. [AI탐방] 블로그 내용에 맞게 일러스트 만들어주는 챗GPT 여러분은 블로그 포스팅할 때 필요한 이미지를 어떻게 찾으시나요?일상 포스팅이라면 직접 찍은 사진을 사용할 수 있겠지만, 전문적이고 기술적인 내용의 글을 쓸 때는 마땅한 이미지를 찾기 어려울 때가 많습니다.제 블로그를 보시면, 이렇게 글마다 깔끔한 일러스트를 사용하고 있습니다. 그런데, 이런 이미지를 누구나 3초만에 만들 수 있다면 믿으시겠습니까? 어떻게? GPT앱으로요! 아래는 제가 만든 블로그용 일러스트 생성 GPT입니다.이 GPT앱을 통해 누구나 자신의 블로그 내용에 맞는 일러스트를 다양한 스타일로 알잘딱깔센 생성할 수 있습니다. ChatGPT - Blog Content IllustratorAnalyzes blogs and creates themed illustrations in various st.. 2025. 1. 13. 챗GPT로 불교 탱화 이미지 만들기 챗GPT의 Dalle(달리)라는 이미지 생성 기능은 광고, 유튜브, 블로그 등에서 이제 아주 일상적으로 사용되고 있는데요, 날이 갈수록 디테일이 점점 더 발달하여 인간의 작품과 구분하기 어려울만큼 정밀해지고 있습니다! 그럼 오늘은 그 디테일이 어느정도 수준인지, Dalle로 불교 탱화 이미지를 만들어보며 알아보겠습니다. 일단 아주 단순한 프롬프트로 시작해 봅시다. 프롬프트 1평면적인 바랜 탱화, 가운데는 불상 결과물 어떠신가요? 오래된 사찰에서 본 것 같은 바랜 느낌의 탱화가 사실적으로 만들어졌습니다! 번지고 때묻은 질감이 특히 진짜처럼 잘 묘사되었네요. 이번에는 좀 더 디테일한 묘사를 더해볼까요? 프롬프트 2불교 탱화, 바랜 느낌, 금박으로 장식, 가운데 미륵보살, 주변에 새와 사슴 결과물이번엔 좀 더.. 2024. 10. 21. 챗GPT와 함께 스탬프 쿠폰을 만들어보자 (with html, css, java script) 이제 코딩에 ㅋ자도 잘 모르는 사람도 10분 안에 웹페이지를 만들 수 있습니다. chatGPT에 아이디어를 적고 코드를 달라고 하면 html, css, java 코드를 뚝딱 만들어주기 떄문입니다. 오늘은 chatGPT와 함께 스탬프 쿠폰 웹페이지를 한번 만들어 보겠습니다. (도장 10개 찍으면 커피 1잔 무료!) 프롬프트I want to make digital punch card web page. if user get 10 punches, he get 1 free post card. the punch card has 10 holes and 1 hole means one punch. can you write me html, css, javascript code ? 답변그럼 이런 식으로 코드를 작성해 줍니다.. 2023. 4. 9. 그림 생성 AI, Craiyon에서 신박한 이미지를 만들어보자 제 블로그 글들에는 꼭 이미지 하나씩이 들어가는데요, 주석을 자세히 보시면 'Created by Craiyon' 또는 'Created by DALL-E'라고 쓰인 것을 보실 수 있습니다. Craiyon과 DALL-E는 이미지를 생성해주는 AI 플랫폼으로, 간단한 요청사항을 영어로 쓰면 그에 맞는 이미지를 생성해줍니다. 따로 이미지를 찾고, 구매할 필요 없이 AI에게 원하는 이미지를 불러주기만 하면 되니 엄청 편리합니다. 오늘은 제가 Cariyon을 활용하는 방법에 대해 간단하게 소개해드리겠습니다. cf. Craiyon 접속 링크 Craiyon, AI Image Generator Craiyon is an AI model that can draw images from any text prompt! www.c.. 2023. 4. 8. 이전 1 다음 728x90 반응형
