#프로덕트
비개발자도 AI툴로 웹사이트 만들 수 있을까?

디자이너의 코딩 도전기. feat. ChatGPT + V0

결론:

​"만들 수 있을 것 같다. 하지만 개발 공부 하긴 해야한다."

​

아직 웹사이트를 다 만든 것이 아니라서 확답은 못하겠지만 가능할 것 같기는 하다. 물론 웹사이트의 난이도에 따라 다르겠지만.

​

아래 글에 나오는 Next라던가 V0라던가 하는 생소한 용어들은 나도 이 웹사이트를 만들면서 처음 들었고, 모르는 용어들은 하나하나 검색해 가면서 공부했다. 이 글에서 각 개념에 대해 자세히 설명하지는 않았다. 이 글은 내 개발 도전 과정을 기록하기 위한 것이다.


2025.04.19 토요일. 개발 일지

​어감이 좀 다소 욕같이 들릴 수도 있는데 '개자이너'라는 말이 있다.

개발자 + 디자이너. 두 직군의 합성어이다.

​

나는 8년 넘게 디자인 일만 해왔다. 만들어보고 싶은 서비스가 있어도 개발 지식이 없어서 만들지 못했었다. 그런데 요즘은 엄청나게 성능좋은 AI 툴들이 많다. 그 툴들을 활용해서 내가 직접 웹사이트 하나를 만들어보기로 했다.


디자인 작업은 피그마로

유즈케이스, 워크플로우 등등 정석대로 차근차근 만드려면 시간도 오래걸리고 귀찮아서 그냥 꼭 필요한 페이지만 몇개 만들었다.


초기 코드화 작업은 V0로

V0의 도움을 받아서 화면을 코드화 했다.

아주 정확히 디자인 시안대로 만들어주지는 않았지만 세부적인 것은 GPT랑 대화 나누면서 조금씩 손을 봐야겠다.

​

V0무료 버전으로는 5개인가.. 몇개인지는 정확히 기억 안나지만 아무튼 코드화 요청할 수 있는 횟수 제한이 있다. 내가 필요한 페이지는 4개뿐이라서 각 페이지들을 코드화 하고 만들어진 파일들은 내 컴퓨터에 다운 받았다.


나머지 상세 작업은 VScode로

VScode로 열어서 웹 브라우저에 띄워 다시 확인해봤다. 처음에는 Next가 안 깔려 있다면서 오류가 나길래 GPT한테 물어봐서 해결했다. 브라우저에 다시 띄워보니 잘 열린다.

​

이 모든 작업은 어제 한.. 1~2시간, 오늘도 1~2 시간 작업한 내용들이다. 정말 세상 좋아졌다는 걸 다시 한 번 체감한다.

​


 

링크 복사

댓글 0
댓글이 없습니다.
추천 아티클
0