nocode12 노코드 툴 버블 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. 노코드 툴로 개인 강의 사이트 만들기 3탄 결제 기능 지난 시간까지 자신만의 강의를 올리고, 검색할 수 있는 기능까지 구현을 해보았다. 이제는 유저들이 강의를 볼 수 있는 페이지를 구축하고, 가장 중요한 결제 기능을 만들어 줘야 하는 시간이다. 사실 텍스트로만 표현하기에는 여러모로 아쉬운 점이 있다. 해당 포스팅에서 참고할 점은 워크플로우를 어떻게 설정하는지, 우리가 설정한 데이터 베이스가 어떻게 활용되는지를 위주로 살펴보면 좋을 것 같다. 1. 콘텐츠 리스트 강의 콘텐츠를 제작해서 업로드했으니, 이제 남은 것은 유저들이 시청할 수 있는 페이지를 만들어 주는 것이다. 먼저 데이터를 쉽게 불러올 수 있도록 "Type of coneten"를 "Course"로 설정해 준다. 이렇게 되면 워크플로우에서 해당 이벤트 데이터를 쉽게 불러올 수 있다. 다음으로 설정해 .. 2022. 12. 1. 이전 1 2 3 다음