강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

이동윤님의 프로필 이미지
이동윤

작성한 질문수

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

🔥 감사합니다 (수강평 이벤트) 🔥

UI/UX 구성

작성

·

33

0

화면을 만들때, 기존의 참조할만한 사이트가 없을 경우, 어떻게 하면 좋을까요?

복잡한 화면을 하나하나 텍스트로 설명하는것도 쉽지 않고, 클로드코드가 잘 이해하지도 못합니다.

혹시 V0 나 이런것을 활용한다던가? 아니면 별도의 팁이 있을까요?

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요! 🙂

참고할 사이트가 없는 경우는 사실 거의 없어요. 완전히 동일한 서비스가 아니더라도, 유사한 레이아웃이나 구성 요소를 가진 사이트는 반드시 존재하거든요. Dribbble, Behance, Mobbin 같은 UI 레퍼런스 사이트만 찾아봐도 거의 모든 화면 유형의 참고 예시를 찾을 수 있어요. 클로드 코드에 URL을 직접 넣거나, 스크린샷을 첨부해서 "이런 스타일로 만들어줘"라고 하면 훨씬 원하는 결과에 가까워집니다.

만약 정말로 어디에도 없는 독자적인 UI라면, 그건 반대로 텍스트로 설명하기 어렵다는 게 당연한 거예요. 그럴 때는 도화지에 직접 와이어프레임을 그려서 사진 찍어 첨부하시면 돼요. 클로드는 이미지를 읽을 수 있고, "이 스케치를 기반으로 구현해줘"라고 하면 잘 따라와 줍니다. 어디에도 없는 UI라면 결국 그걸 가장 잘 아는 건 본인이고, 그 맥락을 잘 전달하는 게 핵심이에요.

v0도 좋은 도구지만, 레퍼런스를 잘 찾아서 컨텍스트를 풍부하게 넣는 게 먼저입니다.

감사합니다 🙂

이동윤님의 프로필 이미지
이동윤

작성한 질문수

질문하기