웹 개발

노코드 버블, 클론웹사이트 만들기 A to Z

노코드 개발의 끝판왕, 버블(bubble) 버블을 통해서 쉽고 빠르게 IT서비스를 개발해볼 수 있어요. 해당 강의에서는 실제 웹사이트를 따라 만들며(클론 제작), 버블의 기능들에 대해서 차근차근 배우게 됩니다.

41명 이 수강하고 있어요.

노아노마드

실습 중심

이런 걸 배울 수 있어요

버블의 기능들에 대해서 차근차근 배우게 됩니다.
데이터 설계, 프론트 디자인 등 IT 서비스의 기본적 개념을 배우게 됩니다.
실제 서비스 구현을 할 떄 참조할 수 있는, 편집권한을 공유하여 자가학습을 도와드립니다.

노코드 개발의 끝판왕, 버블(bubble)로 내가 원하는 IT 서비스를 만드세요!

해당 강의는 버블의 초보자들을 위한 입문 강의입니다

Bubble.io는 개발자 없이도 웹/앱 애플리케이션을 구축할 수 있는 노코드(No-Code) 플랫폼입니다. 비전문가도 시각적인 인터페이스를 통해 웹/앱 개발을 쉽게 시작할 수 있습니다.

웹/앱 개발에 진입 장벽이 높은 이유는 코드에 대한 전문적인 지식이 필요하기 때문입니다. Bubble.io는 이런 문제를 해결하며, 시간과 비용을 절약할 수 있는 혁신적인 도구인데요 :)

이 강의에서는 실제 웹사이트를 클론을 통해 직접 제작해볼 수 있습니다.
그리고 자신만의 강의 기획 배경이 있으면 더 효과적으로 수강생을 설득할 수 있어요.

버블로 무엇을 만들 수 있나요?

Bubble.io는 전자상거래 사이트, 소셜 네트워크, SaaS 플랫폼 등 다양한 웹 애플리케이션을 제작할 수 있습니다.

여러분이 상상할 수 있는 거의 모든 웹 애플리케이션을 노코드로 구현할 수 있어요 🙂 하지만 버블에 대한 높은 진입장벽 때문에, 많은 분들이 공부하다가 포기하시게 되는데요.

이 번 클론 강의를 통해서 버블의 기능들을 천천히 익히며, 노코드 개발에 입문할 수 있는 길라잡이가 될 강의가 되실거에요!

이런 분들께
추천드려요

학습 대상은
누구일까요?

노코드에 관심이 있는 예비 창업자
개발 지식 없이 웹/앱을 만들고 싶은 분
노코드 개발에 관심이 있는 누구나

안녕하세요
입니다.

명

수강생

개

수강평

개

답변

4.3

점

강의 평점

개

강의

안녕하세요, 여러분!

디지털 마케팅과 관련된 강의를 진행하고 있는 노아노마드 송재욱 입니다.
저는 처음 마케팅을 너무 어렵고 추상적으로 배워서 힘들었는데요.
그런 점을 고려해서 제 강의에서는 최대한 실습 비중을 높여서 여러분들이 실제로 현업에 바로 적용할 수 있도록 모든 강의를 준비하였습니다.

커리큘럼

전체

30개 ∙ (7시간 10분)

해당 강의에서 제공:

수업자료

섹션 1. 로그인 페이지 만들기

6개 ∙ (1시간 35분)

1. 강의소개 (OT)
18:55
2. 캔버스 & 스타일 기본 설정
12:55
3. 레이아웃 & 그룹 설정
13:53
4. 로그인 페이지 디자인
25:01
5. 워크플로우, State 활용하기
15:19
6. 로그인 페이지 완료
09:49

섹션 2. 메인 페이지 만들기

8개 ∙ (1시간 38분)

7. 네비게이션 메뉴 1
11:50
8. 네비게이션 메뉴 2
09:57
9. 네비게이션 메뉴 3
07:36
10. 페이지 변환, 헤드배너 만들기
11:59
11. 버튼 필터 만들기
13:45
12. 데이터 만들기
10:36
13. 카드형 썸네일 만들기
17:22
14. 메인 페이지 완료
15:22

섹션 3. 강의실 페이지 만들기

9개 ∙ (2시간 25분)

15. 강의실 만들기, Slug
09:35
16. 클립 데이터 만들기
13:29
17. 리피팅 그룹 in 리피팅 그룹
15:09
18. 클립이동, 강의실 탭 구현하기
13:40
19. 강의자료 다운로드 구현하기
13:17
20. 질의응답 만들기 1
24:21
21. 질의응답 만들기 2
21:24
22. 질의응답 만들기 3
21:22
23. 강의실 만들기 완료
12:56

섹션 4. 마이 프로필 만들기

7개 ∙ (1시간 31분)

강의 게시일:

마지막 업데이트일:

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

₩20,900

노아노마드님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

Designing & Collecting Data with Google Tag Manager

noahnomad

You can develop practical skills to collect and utilize customer behavioral data through Google Tag Manager.

초급

Google Tag Manager, Digital Marketing, GA4

Designing & Collecting Data with Google Tag Manager

noahnomad

Airbnb Clone Bubble Development Master (bubble.io)

noahnomad

The easiest and fastest way to create IT services (web/apps) without development knowledge - Bubble! This course covers Bubble's basic usage and fundamental feature configuration in detail, and you can actually create a clone of the Airbnb website through hands-on practice :)

입문

No-code, bubble.io, bubble

Airbnb Clone Bubble Development Master (bubble.io)

noahnomad

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

Getting started with Webflow - Create high-freedom prototypes without coding

jangpm

Create your own cool website and prototype with Webflow! We'll help you get started quickly and easily by organizing key concepts and templates/plugins that you can refer to.

초급

Webflow, No-code, Prototyping

Getting started with Webflow - Create high-freedom prototypes without coding

jangpm

How to create a website 'in just one day' with a web builder (wix)

startupjobs

The beginning of Lean Startup, Creating a homepage with a web builder!

입문

wix.com, No-code

How to create a website 'in just one day' with a web builder (wix)

startupjobs

WordPress Website Creation for Non-Majors

LIKEWORD

Do you still think you can't create a website without coding? With WordPress, you can create a website without writing a single line of code. Create your own unique website right now through practical experience, not just WordPress theory.

입문

WordPress, Domain, No-code

WordPress Website Creation for Non-Majors

LIKEWORD

Creating a homepage with Aimweb by following and learning [Shared Office Edition]

magentawave

In this course, you will take away a “homepage template with reservation function” that can be used for real businesses.

입문

imweb, Notion, Figma

Creating a homepage with Aimweb by following and learning [Shared Office Edition]

magentawave

Create a homepage with Notion

magentawave

You can create a homepage with Notion, which is used for schedule and document management?! Start your business with Notion quickly and easily!

입문

Notion, oopy, No-code

Create a homepage with Notion

magentawave

Airbnb Clone Bubble Development Master (bubble.io)

noahnomad

입문

No-code, bubble.io, bubble

Airbnb Clone Bubble Development Master (bubble.io)

noahnomad

[LottieFiles Official] Figma to Lottie: Creating Motion Animations in Figma (Certificate Issued)

LottieFiles

Check out the first official Korean-localized course from global motion design platform LottieFiles, available exclusively on Inflearn now! Complete the course and receive an official LottieFiles certificate.

입문

Motion Graphic, Animation, Figma

[LottieFiles Official] Figma to Lottie: Creating Motion Animations in Figma (Certificate Issued)

LottieFiles

Agent development, difficult? With Microsoft, it's easy!

microsoftkr

By utilizing the operating principles and development tools of Microsoft 365 Copilot agents, you can systematically learn how to design and expand agents that operate in the way you desire. Chapter 1 organizes the essential concepts and principles to know before creating an agent, Chapter 2 explores agent types and tools suitable for various scenarios, and Chapter 3 allows you to directly implement your own agent using Agent Builder, SharePoint Agent, and Copilot Studio. From basics to hands-on practice, this single course will enable you to connect the potential of Copilot agents to practical applications!

중급이상

AI, Microsoft Copilot, AI Agent

Agent development, difficult? With Microsoft, it's easy!

microsoftkr