개발 · 프로그래밍

/

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

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

31명 이 수강하고 있어요.

노아노마드

thumbnail background

입문자를 위해 준비한
[웹 개발, 기획 · PM· PO] 강의입니다.

이런 걸 배울 수 있어요

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

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

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

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

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

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

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

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

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

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

안녕하세요
노아노마드입니다.

78

명

수강생

3

개

수강평

5

개

답변

4.0

점

강의 평점

2

개

강의

안녕하세요, 여러분!

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

더보기

커리큘럼

전체

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분)

강의 게시일: 2024. 09. 12.

마지막 업데이트일: 2025. 05. 19.

수강평

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

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

노아노마드님의 다른 강의

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

구글태그매니저로 데이터 설계&수집하기강의 썸네일

구글태그매니저로 데이터 설계&수집하기

노아노마드

구글태그매니저를 통해서 고객의 행동 데이터를 수집하여 활용할 수 있는 실무역량을 기를 수 있어요.

초급

Google Tag Manager, 디지털 마케팅, GA4

비슷한 강의

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

웹플로우(Webflow) 시작하기 - 코딩 없이 자유도 높은 프로토타입 만들기강의 썸네일

웹플로우(Webflow) 시작하기 - 코딩 없이 자유도 높은 프로토타입 만들기

일잘러 장피엠

나만의 멋집 웹사이트와 프로토타입을 웹플로우로 만드세요! 쉽고 빠르게 시작할 수 있게 핵심 개념 잡고, 참고할만한 템플릿/플러그인도 정리해 드립니다.

초급

Webflow, No-code, 프로토타이핑

비전공자도 따라하는 워드프레스 홈페이지 제작강의 썸네일

비전공자도 따라하는 워드프레스 홈페이지 제작

LIKEWORD

아직도 홈페이지는 코딩 없이 제작할 수 없다고 생각하시나요? 워드프레스는 코딩 한 줄 없이 홈페이지를 제작할 수 있습니다. 워드프레스 이론이 아닌 실전을 통해 지금 바로 하나뿐인 홈페이지를 제작해 보세요.

입문

WordPress, 도메인, No-code

Softr를 활용한 노코드 프로토타이핑강의 썸네일

Softr를 활용한 노코드 프로토타이핑

일잘러 장피엠

노코드 (No-code)로 채용 사이트 등의 양면 플랫폼 서비스를 만들 수 있게 됩니다.

초급

Softr, No-code, 프로토타이핑

코딩 없이 랜딩페이지 만들어 사업 아이디어 테스트하기강의 썸네일

코딩 없이 랜딩페이지 만들어 사업 아이디어 테스트하기

일잘러 장피엠

🙋🏻‍♂️ 왕초보를 위한 노코드(No-code) 입문 강의입니다. 코딩할 줄 모르는 기획자 혼자서도 웹서비스를 만들어 시장의 반응을 빠르게 확인해볼 수 있게 됩니다!

입문

No-code, Softr

노코드, GPT, 백엔드 연결의 모든 것! 노코드로 끝내기강의 썸네일

노코드, GPT, 백엔드 연결의 모든 것! 노코드로 끝내기

SyncTree

노코드와 GPT를 활용하고 싶은 분들을 위해 '노코드, GPT'를 노코드로 활용하는 방법을 준비했습니다! 과정 수강 후, 다양한 서비스에 AI 연결은 물론, 노코드로 프론트와 백엔드 연결도 가능합니다! 😊 따라만 하세요! 싱크트리가 도와드리겠습니다.

초급

gpt, bubble

[LottieFiles 공식] Figma to Lottie: Figma에서 만드는 모션 애니메이션 (수료증 발급)강의 썸네일

[LottieFiles 공식] Figma to Lottie: Figma에서 만드는 모션 애니메이션 (수료증 발급)

LottieFiles

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

입문

모션그래픽, 애니메이션, Figma

₩20,900