코딩 없이
당신의 아이디어를 현실로!
노코드, 누구나 할 수 있습니다.
코딩을 몰라도
당신만의 웹사이트, 앱 OK!
누구나 아이디어 하나로 디지털 세상을
창조할 수 있는 시대가 열렸습니다.
이제는 코딩 경험이 없어도
누구나 웹사이트와 웹앱을 만들 수 있어요.
버블(Bubble.io)은 코딩 경험이 없어도
누구나 웹사이트와 웹앱을 만들 수 있는
대표적인 노코드 플랫폼입니다.
별도의 서버 구축 없이 바로 배포할 수 있어요.
강력한 시각적 UI 편집기
마우스로 요소를 끌어다 놓는 방식으로
디자인이 가능해요. 버튼, 이미지, 입력창 등을
원하는 위치에 배치할 수 있어요.
논리적 흐름 설정(Workflow)
사용자 클릭, 페이지 로딩, 데이터 입력 등의
행동에 따라 앱이 어떤 반응을 할지
직접 설정할 수 있어요.
데이터 설정 및 관리
데이터베이스를 용도에 맞게 생성하고
쉽게 관리할 수 있어요. '사용자', '게시글',
'댓글'같은
항목을 직접 구조화 할 수 있죠.
누구를 위한 교육인가요?이런 분들께 추천드려요!
막연했던 IT 꿈,
노코드로 현실이 됩니다!
비전공자 / 일반인
개발자 없이도 우리 가게 홈페이지,
고객 관리 시스템 구축!
소규모 사업자
졸업 프로젝트, 창업 아이템
노코드로 빠르게 완성!
대학생
Bubble로 제작한
실제 사이트를 만나보세요
Rumind
Rumind는 사용자가 개인 향수를 발견하고 추적하며 궁극적으로 구매할 수 있도록 도와주는 뷰티 플랫폼입니다. 스마트한 검색 및 데이터 기반 인사이트를 제공합니다.
Kowl
Kowl은 아티스트가 전통적인 음악 레이블을 우회할 수 있도록 설계된 네이티브 모바일 애플리케이션입니다. 아티스트가 새 앨범을 홍보할 수 있는 전략을 개발하는 데 도움을 줍니다.
Droom - Dream Journaling App
Droom을 통해 AI로 꿈을 캡처, 저널링, 시각화할 수 있습니다. 꿈을 빠르게 기록하고 패턴을 추적하며 장르별로 스타일링할 수 있습니다. 꿈이 사라지기 전에 꿈을 저장하세요.
Planit Event
Planit은 이벤트 기획의 모든 측면을 간소화하는 올인원 이벤트 관리 플랫폼입니다. 초대장 발송, 참석 추적, 초대 그룹 생성 등을 통해 개인화된 경험을 제공합니다.
무엇이든 물어보세요이런 게 궁금하실 거예요
노코드 개념도 모르고
Bubble도 처음 듣는데 괜찮을까요?
네, 전혀 문제없어요! Bubble은 코드를 몰라도 웹앱을 만들 수 있게 도와주는 도구예요. 화면에 요소를 드래그해서 배치하고, 클릭 몇 번으로 기능을 설정할 수 있어서 초보자도 쉽게 시작할 수 있어요. 수업에서는 기본 개념부터 차근차근 설명해 드리기 때문에 누구나 따라올 수 있어요.
Bubble로 진짜 내가 직접
웹사이트를 만들 수 있나요?
네, 가능합니다! Bubble은 단순한 소개 페이지뿐 아니라 로그인, 게시판, 예약 기능, 지도 연동 등 복잡한 기능까지 구현할 수 있어요. 원하는 기능을 설정하고 디자인까지 직접 구성할 수 있어서, 내 아이디어를 실제로 눈에 보이는 웹앱으로 만들 수 있어요.
디자인 감각이나 개발 경험이
전혀 없는데도 할 수 있을까요?
할 수 있어요! Bubble은 복잡한 디자인 툴처럼 어렵지 않고, 기본적인 틀과 구성요소를 제공해 줘서 디자인에 자신이 없어도 깔끔한 결과물을 만들 수 있어요. 기능도 '이 버튼을 누르면 → 어떤 일이 일어난다' 식으로 쉽게 연결할 수 있어 개발 경험이 없어도 충분히 가능합니다.
Bubble로 만든 웹사이트는
실제로 출시하거나 사용해도 되나요?
네, 당연히 가능합니다! Bubble은 단순한 연습용 툴이 아니라, 실제로 서비스를 운영할 수 있을 만큼 강력한 플랫폼이에요. 유료 플랜을 이용하면 도메인 연결, 사용자 데이터 관리, API 연동 등도 가능해서 스타트업, 개인 프로젝트,소규모 창업용 웹사이트로 충분히 활용할 수 있어요.
처음 배우는 분도 단계적으로 탄탄하게!상세한 커리큘럼을
확인해 보세요
- chapter 1. 노코드와 Bubble 기초 이해
-
- 노코드란 무엇인가? 왜 주목받는가?
- Bubble의 주요 개념 및 화면 구성 이해
- 페이지 제작, 요소 배치, 기본적인 UI 설정 방법
- (실습) 나를 소개하는 미니 프로필 페이지 만들기
- chapter 2. 데이터 구조와 UI 연결
-
- Bubble에서 데이터타입과 필드 생성
- 반복 그룹(Repeating Group)을 활용한 리스트 출력
- 상세 페이지로 이동하고 개별 데이터를 보여주는 방법
- (실습) 나만의 기록장 만들기
- chapter 3. 워크플로우와 사용자 상호작용
-
- 워크플로우의 기본 동작 구조 이해
- 사용자 이벤트 처리
- 사용자 입력값을 기반으로 데이터 처리 및 UI 반영 방법
- (실습) 나만의 성향 테스트 앱 만들기
- chapter 4. 유저 인증 & 이미지 파일 처리
-
- Bubble의 사용자 시스템 이해 / 회원가입, 로그인, 로그아웃 흐름
- 개인화 UI 구성
- 이미지 업로드 컴포넌트 사용법 및 DB 저장 방법
- (실습) 나만의 기록장 업그레이드
- chapter 5. 외부 API 연동 및 고급 기능
-
- Bubble에서 외부 서비스와 데이터 주고 받기
- 지도 API 연동: 위치 기반 정보 표시
- 인터페이스 제어 고도화
- (실습) 우리 동네 맛집지도 만들기
- chapter 6. 최종 프로젝트 개발
-
- 각자의 주제에 맞춘 프로젝트 설계
- 필요한 기능 구성 및 Bubble 내 구현
- 디자인 피드백, 데이터 구조 점검, UX 개선
- 최종 프로젝트 실습
- 우리 동네 축제·행사 지도
- 나만의 독서기록 노트
- MBTI/테토&에겐 테스트 앱
- 개인 브랜딩 페이지
- 기상 인증 커뮤니티
노코드 교육의 진짜 전문가를 모셨습니다노코드 일타 강사님을
소개합니다
코드는 몰라도 괜찮아요,
아이디어만 있으면 됩니다.
당신의 아이디어에 날개를 달아드리겠습니다.
최지원 강사님
- KH정보교육원 전임강사
- 해커스 HRD 강사
- 전) 브로제이 개발팀장
- 직업훈련능력교사 3급 - 정보기술개발
- NVIDIA Deep Learning Institute (DLI)
- Building LLMs 과정 수료 - NVIDIA Deep Learning Institute (DLI)
- Cohort 과정 수료
아직 끝이 아닙니다!수강생 만을 위한 추가 혜택 제공
수료 후 포트폴리오 완성 지원
취업 연계 정보 제공 & 채용 추천서 발급
수료증 발급
복잡한 개발, 이제 걱정 마세요.
코드 없이도, 코드와 함께도!
KH와 함께면 실전 웹 제작이
가능합니다!
③ 제1항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있습니다. 이 경우 개인정보보호법 시행규칙 별지 제11호 서식에 따른 위임장을 제출하셔야 합니다.
④ 개인정보 열람 및 처리정지 요구는 개인정보 보호법 제35조 제4항, 제37조 제2항에 의하여 정보주체의 권리가 제한 될 수 있습니다.
⑤ 개인정보의 정정 및 삭제 요구는 다른 법령에서 그 개인정보가 수집 대상으로 명시되어 있는 경우에는 그 삭제를 요구할 수 없습니다.
⑥ KH정보교육원은 정보주체 권리에 따른 열람의 요구, 정정·삭제의 요구, 처리정지의 요구 시 열람 등 요구를 한 자가 본인이거나 정당한 대리인인지를 확인합니다.
