뒤로
연주환
연주환 ·

드로잉 코딩이란?

Untitled (6).png

드로잉 코딩(Drawing Coding)은 단어 그대로
“그림을 그려서 코딩을 하는 신개념 노코드 방법론”입니다.

OpenAI에서 GPT4에 눈이 달린 GPT4 Vision 모델을 공식적으로 공개하고 난 후 등장한 개념입니다.

Untitled (7).png

“A very good Whiteboard”를 지향하는 tldraw라는 화이트보드 서비스(오픈소스)에서 GPT4 Vision을 결합한 것이 드로잉 코딩의 신기원을 열였는데요,

현재 X의 해외 개발자 커뮤니티를 중심으로 와우한 사례들이 많이 등장하면서 매우 핫한 주제가 되었습니다.

2-5.gif2-7.gif

실제로 사용법이 매우 간단합니다.

  1. tldraw 화이트보드에 도형, 화살표 등으로 원하는 UI, UX, 비즈니스 로직을 그린다.

  2. 화살표와 텍스트로 추가 설명을 작성한다.

  3. 모든 요소를 드래그해서 인공지능에게 전달한다.

  4. 조금 기다리면 바로 사용할 수 있는 웹 데모가 나온다.

X에서 다양한 와우 사례를 보면서 “와 이거는 앞으로 노코드 개발에 혁명이 되겠다!”라고 생각했고, 이번에 드로잉 코딩 클럽을 개설하게 되었습니다🤩

드로잉 코딩 클럽이 프로덕트 메이커, 기획자, 디자이너, 개발자들이 모여있는 디스콰이엇에서 드로잉 코딩과 관련한 각자의 노하우와 활용사례를 공유하는 장이 되었으면 좋겠습니다.

[드로잉 코딩으로 얻을 수 있는 것들]

메이커의 입장에서 드로잉 코딩을 사용하면 얻을 수 있는 것들을 몇가지 적어보자면,

  1. 개발자가 없어도 자신이 상상하던 디자인, 기획을 실제 웹서비스로 구현할 수 있다.

  2. 아임웹, 웹플로우 등 노코드 웹빌더와 연동하여 노코드 웹빌더에서는 안되던 복잡한 인터렉션 UX, API Call 등을 구현할 수 있다.

  3. 프로토타이핑이 쉬워진다.

[드로잉 코딩 클럽에서 여러분과 하고 싶은 것들]

  1. 드로잉 코딩 노하우 공유

  2. 해외 사례 공유

  3. 프로젝트 진행 및 연재

  4. 콘테스트 / 세미나 등 오프라인 이벤트 진행

개인적으로 인공지능 시대는 직업 대통합의 시대가 올 것 같습니다! 그리고 드로잉 코딩이 그런 흐름의 시작이지 않을까 생각합니다.

변화의 흐름 속에서 두려워하지 않고 오히려 흐름을 타면서 다같이 성장했으면 좋겠습니다.

감사합니다!

드로잉 코딩 클럽 그룹의 글
30

댓글

로그인 후 댓글을 남길 수 있습니다.

백민기
백민기

로우 코딩, 노코딩도 아니고, 드로잉 코딩이라니! 앞으로 어떻게 될지 정말 기대됩니다!🔥

Cailyn Yong
Cailyn Yong

멋있어요!! 🌟

연주환
연주환

오 감삼당🤩

David Bang
David Bang

신기하네요 ㄷㄷ

연주환
연주환

저도 매번 느낍니다..ㄷㄷ

Doeon Kwon 권도언
Doeon Kwon 권도언

오! 드로잉코딩 재밌어보이네요 ㅎㅎ 뭔가 참여하는 프로그램도 있을까요?

연주환
연주환

자신이 그동안 만들어보고 싶었지만, 개발장벽으로 인해 시도하지 못했던 웹서비스나 웹디자인을 드로잉 코딩으로 직접 구현해보는 프로그램을 진행하면 어떨까 생각하고 있습니다! 콘테스트도 열면 재밌을거 같고요ㅎㅎ 드로잉 코딩을 더 잘할 수 있는 세미나도 기획중입니다!!

Doeon Kwon 권도언
Doeon Kwon 권도언

저 참여할게요!

이홍열
이홍열

지금 이게 Frontend만 가능하고, Backend는 안되는 거죠? 그리고 이런 서비스 볼 때마다 느끼는 거지만, 페이지단위별로 코딩을 해준다고는 하지만, 결국 이 모든 페이지를 병합해서 Product를 만드는 일은 다른 일이 아닐까 싶습니다. 물론 이런 서비스가 계속 발달하면, 결국 정말 나중에는 1인 창업자들이 많아지겠죠?

연주환
연주환

네네 맞습니다! 지금 백엔드는 구현이 안되지만 에어테이블이나 구글 시트같은 노코드 데이터베이스와 API 연동은 가능합니다. 그리고 말씀주신대로 페이지 병합은 한번에 어렵지만, 기존의 아임웹이나 웹플로우, 프레이머와 같은 노코드 웹빌더의 코드블럭 기능을 같이 활용하면 웹서비스 자체도 가능하더라고요!ㅎㅎ 앞으로 더 발전될거 같고 정말 1인 창업자들이 많아질거 같아요.

이홍열
이홍열

와우 너무 좋습니다. 저도 가입하겠습니다.

박경식
박경식

바운스웹은 이것과 똑같지만 백엔드도 됩니다~!

최현종
최현종

주환님 제가 오늘 이곳 저곳 공유했는데 조회수가 엄청 늘어났네요ㅋㅋㅋㅋ 우왓

연주환
연주환

와...ㅋㅋㅋㅋ 이 적응안되는 조회수는 뭐죠!! 공유 감사합니다 현종님ㅎㅎ

최현종
최현종

주환님 구글에 드로잉 코드 치면 이 글이 SEO 1등이에요!!!

연주환
연주환

와!!! 드로잉 코딩 키워드 선점 완료👍

Gee Bum Park
Gee Bum Park

tldraw를 보니, 미래가 기대되며 가슴이 설렙니다!! 많이 써보고 경험도 공유해보고 싶어요!

연주환
연주환

저도 처음 접하는 개념이다보니 잘모르지만 같이 스터디하고 공유하면 좋을거 같습니다!!

Hayoung Jang
Hayoung Jang

와 너무 재미있어요! 어디까지 될지 궁금하네요!!

연주환
연주환

아직 초기 단계의 개념이라 부족한 점들이 많아보여요! 그래도 가능성은 무궁무진하다고 생각합니다ㅎㅎ

이요한
이요한

오늘 저녁 19시에 드로잉 코딩 웨비나가 진행될 예정입니다 ㅎㅎ 아직 신청 받고 있으니 많이 확인해 주세요! https://dis.qa/aTMxG0y