노코드

개발자조차 노코드를 사용하는 이유

프론트엔드 개발초보가 4시간만에 어플을 만들 수 있었던 이유를 공개합니다.

2023.12.16 | 조회 3K |
0
|

 

노코드 도구 소개페이지
노코드 도구 소개페이지

1인 사업자로 큰 매출을 만들기 위해서는 탄탄한 개발실력이 있어야한다고 생각했습니다. 그런데 최근 노코드 도구들을 살펴보니 부족한 개발실력을 메꿀수 있는 도구가 있었습니다. 오늘은 4년차 개발자인 제가 왜 노코드도구를 선택했는지 어떤 도구를 선택했는지 공유드리겠습니다. 😀

노코드란 기존 컴퓨터 프로그래밍 대신 그래픽 사용자 인터페이스 및 구성을 통해 애플리케이션 소프트웨어를 만들 수 있습니다. 쉽게 말해서, 키보드대신 마우스로 애플리케이션을 만들 수 있습니다.


저는 4년차 개발자였습니다 (?)

의료인공지능 스타트업 뷰노
제조업인공지능 스타트업 마키나락스
건축설계인공지능 스타트업 스페이스워크
데이터가공 스타트업 어노테이션에이아이
이미지생성 인공지능스타트업 팀러너스

저는 위의 기업들에서 인공지능 엔지니어로 근무하였습니다. 근무하던 중 스스로 수익창출을 하고 싶어서 퇴사를 하고 여러가지 시도를 하고 있습니다.

퇴사하고 링크드인에 올린 글
퇴사하고 링크드인에 올린 글

주로 인공지능 영역과 서버개발 그리고 인프라관련된 업무를 해서 앱이나 웹 페이지를 만드는 역량은 부족했습니다. 😂

노코드 도구를 선택하기전은 어땠나요?

처음부터 노코드 도구를 사용했던 것은 아니었습니다. 아무래도 개발자로 산 세월이 있던 탓에 익숙한 코딩먼저 찾게되었습니다. 앱/웹을 개발하기 위해서 Flutter를 선택했습니다. 그리고 당시에 구상중이던 Planner앱을 만들기 시작합니다.

Flutter는 Google에서 만든 오픈 소스 UI 소프트웨어 개발 키트입니다. 모든 웹 브라우저, Fuchsia, Android, iOS, Linux, macOS 및 Windows용 단일 코드베이스에서 크로스 플랫폼 애플리케이션을 개발하는 데 사용됩니다. 

약 4일간 만든 Planer 앱
약 4일간 만든 Planer 앱

그 결과 위의 이미지와 같은 앱을 만들었습니다. 첫 앱개발이라 재미는 있었지만 진행속도가 너무 느렸습니다. 특히 디자인 요소를 소스코드로 재현하는게 시간이 많이 걸렸습니다. 저는 이 때부터 키보드에서 손을 떼고 부족함을 채울 수 있는 도구를 찾기 시작합니다.

왜 이 노코드 도구를 선택하였나요?

노코드 도구를 선택할때 우선순위에 둔 것은 생산성과 독립성이었습니다. 생산성은 얼마나 빠르게 앱/웹을 만들수 있는지를 의미합니다. 독립성이란 서비스가 확장될때 노코드 플랫폼에서 자유로울수 있는지에 대한 척도입니다. 대부분의 노코드 도구들은 서비스가 확장될때 플랫폼에서 독립할 수 없습니다. 이 때문에 노코드로 만든 서비스를 처음부터 다시 코드작업을 하는 경우도 있습니다.

하지만 FlutterFlow라는 도구를 발견하였습니다. FlutterFlow는 아래 이미지처럼 마우스로 필요한 컴포넌트들을 삽입할 수 있습니다. 

FlutterFlow
FlutterFlow

FlutterFlow 가장 큰 장점은 Code Export 기능입니다. (유료) FlutterFlow로 작업한 결과물을 Flutter Code로 변경해주는 작업입니다. 나중에 서비스 확장시 Flutter Code를 직접 수정하고 추가할 수 있습니다. 

FlutterFlow Code Export
FlutterFlow Code Export

소스코드를 제공하기 때문에 소스코드를 직접 수정/추가할 수 있다는 장점이 있습니다. 하지만 수정하고나면 FlutterFlow사용은 어려우니 참고해주시기 바랍니다.

4시간동안 노코드로 만든 앱

노코드로 만든 앱
노코드로 만든 앱

4시간정도 노코드도구로 만든 결과물입니다. 기본적인 로그인 기능과 데이터베이스는 Supabase를 사용하였습니다. Supabase는 보통 Firebase대체제로 알려져 있는데 인증, 데이터 읽기, 쓰기, 변경하기 등 다양한 기능을 개발없이 사용할 수 있도록 지원해줍니다. 기회가 된다면 Firebase대신 Supabase를 사용하는 이유에 대해서도 공유드리겠습니다. 

로그인 기능: FlutterFlow는 Supabase와 연동되어 로그인 기능을 마우스 클릭만으로 구현이 가능합니다. 이를 구현하는데는 10분도 걸리지 않았습니다.

이미지 읽기: 이미지를 읽는 기능도 사전에 구현되어 있는 모듈을 사용하였습니다.

리스트뷰: 데이터베이스에서 복수의 데이터를 받아와 화면을 구성하는 것도 사전에 구성되어 있는 모듈을 사용하였습니다.

버튼: 버튼을 누르면 실행하는 일련의 과정들도 모두 마우스 클릭을 통해서 구현가능했습니다.

이외에도 데이터 업로드, 파일 업로드등도 사전에 구현되어 있는 기능을 활용할 수 있습니다.

노코드를 쓰고 나서 이런 것들을 느꼈어요.

개발자가 아니더라도 좋은 앱/웹 서비스를 만들 수 있겠다.

FlutterFlow외에도 Bubble등 다양한 노코드 도구들이 있습니다. GUI기반으로 작업할 수 있기때문에 개발지식이 부족하더라도 하나의 결과물을 만들어낼 수 있습니다. 물론 개발지식이 전혀 필요없지 않지만, 구글링이나 유튜브를 통해서 검색할 수 있는 자료가 많고 커뮤니티도 운영하고 있습니다.

개발자도 노코드도구를 잘 활용하면 좋겠다.

개발자들도 소수를 제외하고는 모든 영역에 대한 능숙도가 높지 않습니다. 특히 프론트엔드 부분에서 부족함을 느끼지만 자신만의 서비스를 만들고 싶은 분이 있다면 노코드 도구를 탐색해보는 것을 추천합니다.

다음 글 예고

다음 글은 2023년 11월부터 지금까지 시도했던 사례들과 솔로프리너(1인 비지니스)가 되기 위해서 하고 있는 것들을 공유드릴려고 합니다. 👊

 

 

 

 

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

노코더 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글

의견을 남겨주세요

확인
의견이 있으신가요? 제일 먼저 댓글을 달아보세요 !

다른 뉴스레터

앱 배포하기

[6] 내가 쓰고 내가 만드는 서비스. 약 3주간 뉴스레터를 휴재하고 틈틈히 앱을 만들고 있었어요. 서버없이 노코드 툴과 ChatGPT를 이용해서 간단한 인공지능 기반 영어단어 앱을 만들었어요. 오늘 포스팅에서는 어떻게

2024.06.23·노코드·조회 1.57K

경영학과로 입학한 학생은 어떻게 개발자가 되었을까?

컴맹에서 개발자까지. 저는 4년차 정도의 AI 개발자에요. 다양한 도메인에서 AI 기능을 개발하고 서비스화하는 작업들을 진행했어요. 하지만 몇년전까지만 해도 엑셀마저 능숙히 다루지 못할정도로 컴퓨터와

2024.08.05·회고·조회 3.27K

혼자서 Character.ai를 클론하기

거인의 어깨위에 올라타기. Character.ai는 ChatGPT다음으로 유명한 AI 서비스에요. 내가 좋아하는 캐릭터와 대화할 수 있는 서비스죠. Character.ai는 120명정도의 큰 조직으로 이루어

2024.08.20·조회 3.15K

[6부작] 내가 만들고 내가 쓰는 서비스

2. 프로토타이핑. 이번주에는 IELTS 기출문제를 조금 풀어봤어요. IELTS를 경험한 후 단기간에 원하는 점수를 얻을려면 매일 2시간씩 집중해야 원하는 성적으로 얻을 수 있을 것 같다는 생각이 들

2024.04.07·노코드·조회 1.05K

노코드로 만든 서비스 살펴보기

Flutterflow로 어디까지 갈 수 있을까?. 노코드로 어디까지 만들 수 있을까요? 노코드 도구를 도입하기로 결정할 때 구현해야하는 기능의 요구사항을 구현 가능한지 확인해야해요. 노코드 도구를 도입하게 되면 최종적으로 구현할

2024.04.22·노코드·조회 2.13K

[6부작] 내가 만들고 내가 쓰는 서비스

1. 한달간 해외 살면서 느낀 것. 호주, 뉴질랜드의 다양한 곳을 돌아다니면서 여러 삶의 모습을 보고 다양한 사람들과 더 깊은 대화를 나누고 싶다는 생각이 들었어요. 가능하면 여행이 아닌 생활도 해보고 싶었어요. 그

2024.04.01·노코드·조회 1.17K
© 2026 노코더

개발자가 아니어도 서비스를 만들 수 있는 방법들을 공유드려요!

뉴스레터 문의ryu071511@gmail.com

메일리 로고

도움말 자주 묻는 질문 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so 채팅으로 문의하기

메일리 사업자 정보

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울특별시 송파구 위례광장로 199, 5층 501-8호

이용약관 | 개인정보처리방침 | 정기결제 이용약관 | 라이선스