채택완료

html 코딩(반응형 포함) 잘 해주는 AI는 뭐가 있을까요?

여러 스킨도 쓰고 테마도 써봤는데

테마를 만들어야 할 일이 있어서...그림은 그렸는데

HTML코딩을 해야할텐데

이번기회에 AI로 한번 해보고 싶네요

코딩 잘해주는 AI는 뭐가 있을까요?

그림을 넣으면 바로 해주나요?

해보신 분들의 답변 부탁드립니다.

|

답변 3개 / 댓글 5개

채택된 답변
+20 포인트
주요 AI 툴들은 어느 정도 HTML/CSS 생성은 가능합니다.

'그림을 그려넣어서 반응형 HTML로 구현' 기준이라면 개인적으로는 Claude나 ChatGPT가 조금 더 수월했던 것 같습니다.
다만 그림만 넣는 것보다
- PC/모바일 시안 여부
- Bootstrap 사용 여부
- 순수 HTML/CSS인지
- 메뉴 동작 방식
등을 함께 제시해 주면 결과물이 훨씬 좋아집니다.

특히 그누보드에 적용할 예정이라면 스킨 형태인지, Bootstrap 사용 여부 등을 함께 제시해 주는 것이 좋습니다.
AI가 초안은 꽤 잘 만들어 주지만 실제 적용 단계에서는 모바일 스타일이나 브라우저 호환성 정도는 직접 확인해 보셔야 합니다.
2026-06-23 (화) 11:16:09
저는 제미나이 gtp 둘다 씁니다

답변에 대한 댓글 2개

제미나이 단일코드는 하지만 결과물 수정시 1~3번은 해주지만 그이상은 한계가 있어요 gtp 는 코드는 해주지만 코드 너무 긴 코드는 잘못해요 그냥 codex 사용하는게 좋아요
저도 gpt 쓰는데, 사진 넣고 원하는 스타일대로 뽑는건 구글ai스튜디오도 괜찮더라고요! 하지만 다른분들 말씀처럼 세세하게 수정해줘야 쓸만합니다.
단일 코드이면 클로드로 해보세요 저도 사진 찍어서 이 디자인으로 코드 만들어 달라면 해줘요

답변에 대한 댓글 3개

단일코드라는게 어떤것을 말하는지요?
제가 원하는건 php프로그래밍은 제가 나중에 하고
일단 HTML코딩(반응형)을 먼저 AI가 하는것입니다.
이렇게 하는게 말씀하신 "단일코드" 맞나요?
빈 페이지에 코드 작성 입니다. php 페이지도 사진 보여주고 디자인 하고 디비 연경 해달라고 하면 해줘요 단지 체크 조금 해야합니다. 그누보드는 충분히 학습 시켜야 합니다. 빈페이지 부트스트랩 5 반응형 모바일 화면에서는 디테일하게 설명해야합니다. 아이폰 수리 가격표 해줘하면 해줘요
2026-06-23 (화) 18:29:41
"클로드" 추천

답변을 작성하려면 로그인이 필요합니다.