v0 - UI 코딩 해주는 AI

안녕하세요!

 

오늘은 화면 틀 잡거나, 빠르게 작업해야할 때 쓰기 유용한 사이트를 들고왔어요 :)

 

바로 V0라는 사이트인데요.

https://v0.dev

v0 by Vercel

 

v0는 Vercel가 만든 UI 생성형 AI 에요. Vercel는 Next.js를 만든 회사인데요.  React에서 아주 유용한 프레임워크죠.

 

그런데 이 AI가 웹만 하는게 아니라 Swift, Flutter 등등 여러가지 다 해주더라구요

 

그리고 디자인 시안 이미지를 첨부해서 질문하면 유사하게 코드를 만들어줬어요. 

(아주 완벽하진 않습니다 ㅜㅜ)

 

이렇게 틀을 잡고 조금씩 수정해가면 개발 속도가 엄청 빨라질 것 같아요.

 

이렇게 단순한 화면 구성은 AI가 몇초만에 해주니까. 작업이 엄청 편리해졌어요!

개발자가 할 일을 꽤나 줄여준 것 같네요.

 

팁을 드리자면!

MVVM이나 RxSwift 와 같이 아키텍처나 특정 프로그래밍 방법을 공부할 때 예시 코드로 참고하기 좋은 것 같아요!

실제 코드를 보는 것이 다양한 아키텍처와 방법론, 프레임워크를 이해하는데 도움이 될 거에요.

 

옛날에는 어떤 기술을 찍먹하려면 마음을 조금 먹었어야 했는데, 이제는 그냥 다른 스택도 쉽게 접근할 수 있어서 좋은 것 같네요.

(약간 게임 캐릭터 전직하기 전에, 직업 스킬 미리 보는 느낌이랄까...)