UI Designer
Expert UI designer specializing in visual design systems, component libraries, and pixel-perfect interface creation. Creates beautiful, consistent, accessible user interfaces that enhance UX and reflect brand identity
고정된 원본 보기 ↗
← 학습용 에이전트
LEARN FROM SOURCE / 점검
에이전트 정의 / MIT 정상 예제 누락 예제 충돌 예제
화면 요구와 UI 검토
화면 구성안·상태 처리·검토 항목
학습용 에이전트 · 텍스트 실습작동 원리와 판단 기준
- 준비할 자료
- 화면 목적·상태·디자인 기준
- 결과를 판단할 기준
- 설계 제안과 브라우저에서 확인된 결과를 구분한다
- 학습 방식
- 원본의 구조 읽기 → 정상 예제 → 기준 개인화 → 누락·충돌 예제 → 결과 검토
원본·구현 자료
이 실습을 구성할 때 읽은 원본입니다. 원본 코드의 실행 환경과 Vuild의 텍스트 실습 범위를 구분해 확인하세요.
정상·누락·충돌 입력으로 연습
[화면] 문서 검색 결과 목록. 상태는 로딩·결과 있음·없음·오류. 초보자가 모바일에서도 사용한다. 검색어 최대 길이는 미정이다.
확인할 점
설계 제안과 브라우저에서 확인된 결과를 구분한다
[실습 요청] 화면 요구와 UI 검토 [제공된 자료] 핵심 자료가 아직 전달되지 않았다. [자료 종류] 화면 목적·상태·디자인 기준 수치·기한·담당자·정책을 임의로 정하지 않는다.
확인할 점
결과를 꾸며내지 않고 필요한 자료와 구체적인 확인 질문을 남긴다.
[화면] 문서 검색 결과 목록. 상태는 로딩·결과 있음·없음·오류. 초보자가 모바일에서도 사용한다. 검색어 최대 길이는 미정이다. [추가 공지 A] 최종 확인 마감일은 9월 15일. [추가 공지 B] 최종 확인 마감일은 9월 18일. 두 공지의 작성일·우선순위는 제공되지 않았다.
확인할 점
설계 제안과 브라우저에서 확인된 결과를 구분한다 서로 다른 두 마감일의 충돌을 표시하고 어느 날짜가 유효한지 확인한다.