전체 글 5

Do it! 바이브 코딩 + 안티그래비티 스터디 1주차 - 나노 바나나로 게임 그래픽 이미지 만들기

이전 글 보기 - 레트로 게임 만들기 이번에는 디자이너 에이전트를 만들고, 나노 바나나를 활용해 게임 화면의 스프라이트를 만들어 보기로 했다. Sprite란?2D 게임이나 애니메이션에서 배경과 독립적으로 움직일 수 있는 개별 이미지(캐릭터, 오브젝트 등)를 뜻한다. Antigravity에서 새 채팅을 추가한 후, 디자이너 에이전트에게 부여할 프롬프트 작성을 위해 AI 프롬프트 엔지니어 에이전트를 만들었다.구체적으로 프롬프트를 어떻게 작성하면 좋을까 싶었는데, 나 대신 에이전트가 프롬프트까지 작성해 준다니 편리했다. AI 프롬프트 엔지니어 에이전트가 작성해 준 프롬프트는 아래와 같다. 나는 새로운 채팅을 만들어서 '디자이너 에이전트'로 이름을 변경하고, 위의 프롬프트를 그대로 복사해서 작성..

Do it! 바이브 코딩 + 안티그래비티 스터디 1주차 - 레트로 게임 만들기

이전 글 보기 - 타이머 사이트 만들기 책의 가이드에 따라 간단한 레트로 슈팅 게임의 MVP 모델을 만들어보려고 한다.이번 실습은 Antigravity IDE 뿐만 아니라 Antigravity도 함께 활용했다. MVP 모델이란?아이디어의 핵심 가치를 검증하기 위해 기능은 최소한만 담아 빠르게 구현한 버전 우선 Antigravity IDE를 실행한 후, [파일]에서 폴더 열기...(Opern Folder...)를 누른 후 'py_game'이라는 이름의 폴더를 생성했다.(경로: PC사용자명폴더>.gemini>antigravity-ide>scratch>py_game) 그 뒤 Antigravity의 화면으로 이동해서, Projects 우측의 폴더 아이콘을 누르고 'New Project'>'Add Fold..

Do it! 바이브 코딩 + 안티그래비티 스터디 1주차 - 타이머 사이트 만들기

이전 글 보기 - AI를 활용한 개발에 적응하기 우선 책의 가이드에 따라, 간단한 타이머 사이트를 만들어 보기로 했다! Antigravity IDE 에이전트에게 이렇게 지시하니 똑똑하게 구현 계획서를 생성해준다. 화면에는 초록색 드래그와 빨간색 드래그가 있는데, 초록색 드래그는 새로 추가될 코드고 빨간색 드래그는 삭제될 코드이다.지난 번 사이드 프로젝트에서 개발자 분들끼리 리뷰해달라는 메시지를 많이 봤었는데,잘 코딩됐는지 검토하는 것 뿐만 아니라 승인이라는 의미도 있다는 사실을 깨달았다! 지시에 맞게, 에이전트가 구현할 화면의 미리보기를 띄워준 후 내가 드래그 영역들을 검토한 뒤 Submit을 누르면 최종 반영된다. 이렇게 타이머 사이트가 쉽게 만들어졌는데, 너무 신기하게도 AI가 알아서 크롬 창..

Do it! 바이브 코딩 + 안티그래비티 스터디 1주차 - AI를 활용한 개발에 적응하기

바이브코딩 + 안티그래비티 스터디를 시작하며 If you are not embarrassed by the first version of your product, you've launched too late.제품의 첫 번째 버전이 당황스럽지 않다면 너무 늦게 출시한 것이다. - 리드 호프만 최근 경험한 사이드 프로젝트에서는 기획만 해도 최소 2~3주가 걸렸다. 한 번에 완벽한 제품으로 출시하려 앱을 보완하다보면 MVP는 점점 무거워지고, 공들여 출시한 앱이 사용자의 반응을 얻지 못하면 그 만큼 인력과 리소스가 낭비된다.1. MVP를 바이브코딩으로 가볍게 구현한 뒤, 사용자 의견을 먼저 받아본다면 효율적이겠다는 생각이 들었다.2. 셋로그처럼 가벼운 구조의 앱들이 유행하는 것처럼 규모가 작은 아이디어를 혼자서..

UIUX, 어떤 부트캠프 혹은 학원을 수강해야 할까?

노베이스에서, UI/UX 및 프로덕트 디자이너 취업을 희망하게 된 나!내가 학원을 고를 때 중요하게 생각한 부분은 아래와 같다. 1. 커리큘럼이 UI 또는 UX쪽에만 치우쳐있지는 않은지? (말로만 둘 다 중요하게 가르친다고 하는 학원도 많았다.)2. 내배카로 KDT 또는 국비무료지원이 되는지? 훈련 장려금이 나오는지?(유료강의가 확실하게 퀄리티가 다르다면 유료도 고려해볼만했으나 돈이 없는 것도 사실이었다)3. 강사 정보가 명확히 공개되어 있는지? 강사의 경력이 가르침에 부족하지는 않은지?4. 강사의 작업물 스타일이나 강의 내용이 최신을 따라가지 못하고 올드한지?5. 취업 연계 또는 인턴십 기회가 주어지는지?6. 수료 후에도 포트폴리오 피드백과 취업 준비 도움을 꼼꼼하게 받을 수 있는지?7. 무작정 빠른 ..