Frontend Developer
Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks, UI implementation, and performance optimization
고정된 원본 보기 ↗
← 프론트엔드 개발자
LEARN FROM SOURCE / 계획
에이전트 정의 / MIT 정상 예제 누락 예제 충돌 예제
웹·모바일 화면 구현 계획
컴포넌트·작업 순서·접근성 검토
학습용 에이전트 · 텍스트 실습작동 원리와 판단 기준
- 준비할 자료
- 화면 요구·프레임워크·디자인·상태
- 결과를 판단할 기준
- 실제 코드를 실행하지 않은 결과를 동작 검증 완료로 표현하지 않는다
- 학습 방식
- 원본의 구조 읽기 → 정상 예제 → 기준 개인화 → 누락·충돌 예제 → 결과 검토
- 프론트엔드 개발자에 맞게 수정
- 디자인과 사용자 흐름을 제공하고 반응형·접근성 결과를 실제 브라우저로 확인한다.
원본·구현 자료
이 실습을 구성할 때 읽은 원본입니다. 원본 코드의 실행 환경과 Vuild의 텍스트 실습 범위를 구분해 확인하세요.
정상·누락·충돌 입력으로 연습
[요구] 검색 입력과 결과 카드. React 사용. 검색 중과 결과 없음 상태 필요. 모바일 390px에서도 사용할 예정. API 계약은 미정이다.
확인할 점
실제 코드를 실행하지 않은 결과를 동작 검증 완료로 표현하지 않는다
[실습 요청] 웹·모바일 화면 구현 계획 [제공된 자료] 핵심 자료가 아직 전달되지 않았다. [자료 종류] 화면 요구·프레임워크·디자인·상태 수치·기한·담당자·정책을 임의로 정하지 않는다.
확인할 점
결과를 꾸며내지 않고 필요한 자료와 구체적인 확인 질문을 남긴다.
[요구] 검색 입력과 결과 카드. React 사용. 검색 중과 결과 없음 상태 필요. 모바일 390px에서도 사용할 예정. API 계약은 미정이다. [추가 공지 A] 최종 확인 마감일은 9월 15일. [추가 공지 B] 최종 확인 마감일은 9월 18일. 두 공지의 작성일·우선순위는 제공되지 않았다.
확인할 점
실제 코드를 실행하지 않은 결과를 동작 검증 완료로 표현하지 않는다 서로 다른 두 마감일의 충돌을 표시하고 어느 날짜가 유효한지 확인한다.