프로토타입 결과 코드 가져오기 & 코드 평가 및 리팩토링

graph LR
A[Firebase Studio에서 프로젝트 생성 및 설정] --> B(프로젝트 코드 생성);
B --> C[GitHub 저장소 생성 및 코드 업로드];
C --> D{로컬 개발환경 설정};
D -- Git 설치 --> E[GitHub 저장소 클론];
D -- Node.js/Python/Firebase CLI 설치 --> F[개발 도구 및 라이브러리 설치];
E --> G[로컬 개발 시작];
F --> G;

subgraph Firebase
A
B
end

subgraph GitHub
C
end

subgraph 로컬 개발환경
D
E
F
G
end

1. 다양한 프로토타입 도구 살펴보기

Human-AI Co-Creation: A Framework for Collaborative Design in...

화면 디자인 등 창의적 활동이 포함되는 서비스 개발 차원에서

”예술가의 창조적 영감 가두기” 와 같은 AI 활용의 부작용을 피합니다!

⇒ 다양한 AI 도구를 활용해서 스타일비교 내 의도에 부합하는 내용 여러가지로 뽑아보고 조합하고 내 머릿속에 있는 생각을 더 나 자신으로부터 뽑아낼 수 있는 방법으로 워크플로우 자체를 설계하기

핵심 비교 포인트

- 트러블 슈팅 없이 한번에 어디까지 나오는가? 안나옴 / 메인 페이지만 / 페이지 이동 - MVP 등 의도한 작업 범위가 구현에 잘 반영되는가? 구현 범위 부족 / 과잉 구현 / 딱 맞거나 적절한 확장 - 기능적 UX 및 디자인의 아름다움이 어떤가? 기능 UX 부족 / 기능 UX 충분 / 디자인까지 만족