본문 바로가기

노코드기초8

노코드 툴 버블(bubble.io) 회원가입 한 번에 끝내기! 노코드 툴 버블(bubble.io) 같은 경우 영어로 되어 있어 많은 분들이 학습에 어려움을 겪고 있습니다. 한국어 강의가 굉장히 부족하기 때문에 더 어렵게 느껴지기도 하는데요. 버블(bubble.io)에서 회원 가입하는 방법은 그렇게 어렵지 않습니다. 특히 구글 아이디를 활용한다면 더욱이 쉽게 해결할 수 있습니다. 1. 버블(bubble.io) 메인화면 노코드 툴 버블 홈페이지에 들어가게 되면 메인 화면을 볼 수 있습니다. 이곳에서 우측 상단에 보이는 Get Started를 클릭하게 되면 회원가입 페이지로 들어갈 수 있습니다. 영어라고 해서 당황할 필요가 없습니다. 2. 회원 가입 폼 작성 다음으로 진행할 것은 회원가입 폼을 작성하는 것입니다. 처음 설명드린바와 같이 구글 아이콘이 있는 Log in w.. 2023. 1. 20.
노코드 툴 버블 UI Builder 마스터하기! UI Builder는 디자인을 하는 공간입니다. 사실 버블을 이용해 서비스를 개발하다 보면 가장 쉽게 익숙해지는 공간이기도 합니다. 때문에 기능에 대한 자세한 설명보다는 사용 방법에 대한 설명을 위주로 진행을 하도록 하겠습니다. 자, 그럼 Visual elements를 먼저 살펴볼까요? 1. 텍스트(TEXT) 첫 번째는 텍스트입니다. 텍스트는 서비스를 개발하는 개발자가 직접 써서 보여줄 수도 있고, 데이터 베이스 저장된 텍스트를 불러와 보여줄 수 있는 기능을 담당하는 요소입니다. 사용자에게 텍스트를 보여주고 싶다면 Text를 기억하세요! 보이시나요? 텍스트 요소를 이용해서 사용자에게 보여주고 싶은 문장을 입력해 보세요! 그리고 우측 상단에 있는 Preview를 누르게 되면 입력한 문장이 그대로 보이는 걸.. 2022. 12. 20.
버블(Bubble.io) 학습 전 기본 구조 살펴보기! 버블(Bubble.io) 기본 구조 본격적인 버블 강의를 진행하기에 앞서 우리가 알아야 할 것은 버블의 기본 구조이다. 버블은 주요 기능이 정리되어 있는 탭(1)과 각 탭의 기능을 사용할 수 있는 하위 탭(2)으로나누어져있고, 각 기능을 시각화 할 수 있는 페이지(3)로 구성되어 있다. 디자인 탭 디자인 탭에는 페이지를 디자인할 수 있는 요소들이 들어 있는데, 크게 5가지로 구성되어 있다. 첫 번째는 Visual elements다. Visual elements는 화면에 표시되는 모든 요소들이 모여 있는 곳이며, 보여지는 화면을 꾸밀 사용하는 모든 요소라고 생각하면 쉽다. 두 번째는 Containers이다. Containers는 모든 elememnts를 담아내는 그릇이라 할 수 있다. 하나의 요소가 아닌 .. 2022. 12. 19.
웹사이트 빌더 웹플로우(Webflow)와 소프터(Softr) 주요 기능 비교 바야흐로 노코드 시대가 되었다. 노코드가 가야 할 길은 멀지만, 노코드에 대한 관심을 갈수록 뜨거워지고 있다. 노코드가 주목을 받는 이유 중에 하나는 제품 개발과 자동화를 코드 한 줄 쓰지 않고 개발하고 구현할 수 있기 때문이다. 노코드 툴은 크게 두 가지로 나뉜다. 하나는 웹을 기반으로 하고, 다른 하나는 모바일 앱을 기반으로 하는 것이다. 노코드가 유행을 하기 시작하면서 다양한 서비스가 출시되고 있는데, 그중에서도 가장 많이 사용하는 서비스를 위주로 소개를 하려 한다. 오늘 소개할 노코드 툴은 웹 사이트 빌더인 웹플로우(Webflow)와 소프터(Softr)이다. 1. 웹플로우(Webflow) 주요 기능 웹플로우 같은 경우 웹 사이트 중에서는 가장 자유도가 높은 툴 중에 하나다. PC 비롯해서 태블릿과.. 2022. 12. 7.