드로잉코딩 GPT4와 함께 그림그려서 웹서비스 만들기

[서론]
1. 책 소개
a. 드로잉 코딩은,
b.

드로잉 코딩은,

개발을 하지 않고 인공지능에게 그림과 설명을 제공해주면, 간단한 웹페이지부터 게임, 3D 동작까지 구현하는 새로운 노코드 개발 방법입니다. 이제 막 해외 개발자 커뮤니티를 통해 확산되고 있는 정말 따끈따끈한 주제입니다. (정말 바로 가져왔습니다!)

멋진 UI/UX 아이디어를 가진 디자이너/기획자, 비즈니스 아이디어를 실현하기 위해 개발자를 구해야만 했던 사업가 등이, 더이상 개발자에게 기대지 않고 스스로 상상을 현실로 만들 수 있습니다.

이렇듯 “드로잉 코딩은 정말 많은 사람들에게 도움이 될거고 꼭 알려야겠다.”라고 생각하여 되어 이번 전자책(드로잉코딩의 정석: 입문편)을 집필하게 되었습니다.

이런 내용을 다룹니다.

드로잉 코딩의 정석: 입문편은 드로잉 코딩에서 가장 유명한 툴인 tldraw 서비스의 기초적인 사용법에서부터 복잡한 인터렉션의 UX, 복잡한 비즈니스 UI 로직 등을 구현하는 방법을 다룹니다. 또한 드로잉코딩의 결과물을 아임웹 등의 노코드 웹빌더를 통해 배포하는 방법을 소개합니다.

이런걸 하실 수 있습니다.

1. 인공지능 GPT4와 함께 그림만 그려서 UI/UX 디자인을 실제 구동되는 프로토타입으로 만들 수 있습니다.

2. 개발을 전혀 모르더라도 도형, 화살표, 설명만으로 복잡한 인터렉션 UX, 비즈니스 로직 등이 담긴 웹서비스를 만들 수 있습니다.

3. 아임웹, 웹플로우와 같은 노코드 웹빌더와 연동할 수 있기 때문에, 기존의 노코드 웹빌더가 가지고 있는 한계를 뛰어넘는 웹서비스를 구현할 수 있습니다.

난이도

- 개발을 전혀 몰라도 괜찮습니다.

- 인공지능을 전혀 몰라도 괜찮습니다.

- UI/UX 디자인, 웹서비스 기획 등의 경험이 있으시면 좋지만, 없어도 괜찮습니다.

 이런 분들에게 추천합니다.

1. 개발자와 UI/UX 관련 커뮤니케이션에서 어려움을 겪었던 디자이너/기획자

- 직접 데모를 제작해서 커뮤니케이션 비용을 줄일 수 있습니다.

2. 멋진 웹 UI/UX 아이디어는 많은데 “개발자가 안된다”고 했던 경험이 있으신 디자이너/기획자

- 드로잉코딩으로 스케치와 아이디어를 직접 코드로 실현할 수 있습니다.

3. 자신의 포토폴리오에 진짜 동작하는 멋진 웹페이지를 만들고 싶으신 디자이너/기획자

- 개발이 없으면 불가능했던 복잡한 인터렉션, UX 등을 드로잉 코딩으로 구현할 수 있습니다.

4. 웹페이지 디자인 외주에서 직접 개발까지 해서 경쟁력을 높이고 싶은 디자이너

- 직접 디자인한 웹페이지를 드로잉 코딩으로 손쉽게 구현하여 개발 외주까지 커버할 수 있습니다.

- 단순 개발만 하는 전문 개발외주사와 차원이 다른 여러분의 디자인으로 경쟁할 수 있습니다.

5. 웹페이지 개발자/개발외주를 찾는게 너무 힘들었던 사업가

- 웹페이지를 개발하기 위해서 들어가는 최소 몇백만원의 비용과 시간을 줄일 수 있습니다.

6. 빠르게 변화하는 인공지능 시대에 어떻게 대응해야 할지 고민했던 모든 분들

저자를 소개합니다.

뉴바타:

안녕하세요, 인공지능 시대 살아남기 뉴바타입니다. 저는 3년간 개발외주사를 운영하는 동시에 과외 플랫폼(숨*)에서 1년간 43명의 성인을 대상으로 프론트엔드, 백엔드 개발 강의를 진행했습니다. (3년간 엘지유플러스 헬스챗봇, 누적 800억 투자를 받은 스타트업(올웨이즈 운영사 레브잇) 등의 개발 외주를 진행했습니다.)

올해 1월 챗GPT를 접하게 되면서 거대언어모델과 생성형 AI에 관심을 가지게 되었고, 인공지능 시대에 적응하고 살아남는 법에 대해서 많은 고민을 하게 되었습니다. 그렇게 올해 3월부터 인공지능 에듀케이터 채널 뉴바타를 운영하고 있습니다.

또한, 의료용 컴퓨터 비전 인공지능 모델을 연구하였고, 1편의 논문과 1개의 프로젝트에 참여하여 의료용 인공지능 프로그램을 납품하였습니다. (고려대학교 전기전자공학부 곽진태 교수님, 고성제 교수님 지도)

현재는 보다 대중을 위한 인공지능 서비스를 만들기 위해 팍스 휴마나라는 스타트업 팀을 운영하고 있습니다.

혹자는 앞으로 인공지능 시대는 직업 통합의 시대가 될거라고 말하는데요,

드로잉 코딩은 기획자/디자이너/프론트엔드 개발자의 통합이라는 결과를 낳을 것입니다.

그리고 드로잉 코딩은 우리의 직업이 통합되는 과정에서 살아남기 위해 꼭 필요한 역량이라고 확신합니다.

앞으로 드로잉 코딩의 정석이 직업 대통합의 인공지능 시대를 헤쳐나가는데 많은 도움이 되었으면 좋겠습니다.