그림 쓱 그리면 HTML/CSS 코딩 끝? 이 AI 진짜 미쳤다! ㄷㄷ
게시일:
작성자: 자청의 유튜브 추출기
그림만 그리면 HTML/CSS 코드로 뚝딱! 마법 같은 AI 등장!
"그림만 대충 그려도 HTML, CSS 코드로 짠! 하고 만들어주는 AI가 있다고?"
이거 완전 신기하지 않아? 마치 마법 같잖아!
어떻게 하는 거냐면 말이야:
- 사이트 접속: 먼저 이 AI를 쓸 수 있는 사이트에 들어가야 해.
- API 키 붙여넣기: 거기 들어가서 'API 키'라는 걸 붙여넣어야 하는데, 이건 뭐냐면 AI한테 "나 이거 할 거야!" 하고 알려주는 비밀번호 같은 거라고 생각하면 돼.
- 원하는 대로 그림 그리기: 이제부터 네가 원하는 웹사이트 모양을 그림으로 그리는 거야. 마치 네이버나 당근마켓처럼 말이지. 나는 당근마켓처럼 한번 그려봤어.
- 코드로 변신!: 다 그렸으면, 네가 그린 그림에서 원하는 부분을 딱! 선택하고 버튼을 누르면 끝! 짜잔! HTML이랑 CSS 코드로 바로 바꿔줘.
- 복사해서 쓰기: 이렇게 만들어진 코드를 복사해서 네가 쓰는 에디터에 붙여넣으면 바로 웹사이트가 완성되는 거지. 완전 편하지?
"근데 만약에 좀 마음에 안 드는 부분이 있으면 어떡하지?"
걱정 마! 이 AI는 똑똑해서 그런 것도 다 해줘.
- 화살표로 설명 추가: 마음에 안 드는 부분에 화살표를 딱! 그리고 "이거 오른쪽으로 정렬해줘!" 하고 설명만 더해주면 돼.
- 자바스크립트 기능까지 척척!: 심지어 "이 버튼 누르면 이런 기능 되게 해줘!" 하고 자바스크립트 기능까지 부여하라고 하면, 진짜로 알아서 척척 만들어줘. 자바스크립트 코드도 엄청 잘 짜준다고!
"이런 AI는 진짜 법으로 막아야 하는 거 아니야?"
이렇게 똑똑한 AI가 나오니까 신기하기도 하고, 앞으로 어떻게 될지 궁금하기도 하고 그렇지?