코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기

비싼 홈페이지 제작 없이, 네이버 블로그를 홈페이지처럼 바꿔보세요. Google Stitch와 피그마 템플릿을 활용해 홈페이지형 블로그 스킨을 직접 만들고, 투명 위젯으로 메뉴, 상담, 예약, 스토어 링크를 연결하는 방법까지 배웁니다. 디자인이나 코딩을 몰라도 강의 순서대로 따라오면, 내 블로그 첫 화면을 전문적인 소개 페이지처럼 구성하고 직접 수정, 관리할 수 있습니다.

피그마 입문: 기초부터 웹사이트 디자인까지 | 피그마 기초, 디자인시스템을 배우실 수 있어요 전세계 가장 많은 사람들이 사용하는 협업 툴 피그마를 배워보세요

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

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

개발 지식 없이 IT서비스(웹/앱)를 가장 쉽고 빠르게 만들 수 있는 방법, 버블! 이 강의에서는 Bubble의 기본 사용법부터 기본 기능 구성을 상세하게 다루며, 실제 에어비앤비 웹사이트를 클론을 통해 직접 제작해 볼 수 있습니다 :)

이 강의 저 강의 찾아볼 필요없이!! 한번에 노코드 앱 개발의 전체과정을 이해하고 실습합니다. 비전공자의 개발 기초(로컬,서버) 입문 부터 SNS 앱 개발 ~ 출시 까지 전체 흐름을 구현합니다. 코딩 경험이 없어도 따라올 수 있도록 설계되어, 전 세계 1위 앱 개발 노코드 프레임워크 FlutterFlow와 구글의 노코드 백엔드 플랫폼 Firebase의 전반적인 스킬을 익히며 출시 및 리팩토링까지 끝까지 완성합니다.

Microsoft 365 Copilot 에이전트의 동작 원리와 개발 도구를 활용해, 내가 원하는 방식으로 작동하는 에이전트를 설계하고 확장하는 방법을 체계적으로 배울 수 있습니다. 1장에서는 에이전트를 만들기 전에 꼭 알아야 할 개념과 원리를 정리하고, 2장에서는 다양한 시나리오에 맞는 에이전트 유형과 도구를 살펴본 뒤, 3장에서는 Agent Builder, SharePoint Agent, Copilot Studio를 활용해 직접 나만의 에이전트를 구현해보세요. 기초부터 실습까지, 이 강의 하나로 Copilot 에이전트의 잠재력을 실무에 연결할 수 있습니다!

최신 UI3 인터페이스로 피그마의 배리어블을 활용하여 함께 디자인 시스템을 만들어보세요🔥 배리어블은 일관된 사용자 경험을 제공하고 디자인 프로세스를 혁신적으로 개선할 수 있는 열쇠🔑입니다.

기초부터 실무까지, 피그마 하나로 끝내는 UI 디자인 올인원 클래스! 오토레이아웃·컴포넌트 핵심 기능부터 반응형 디자인, 효율적 핸드오프, 협업까지 실무 스킬을 완벽 마스터합니다. 지금 시작해서 당신의 디자인 역량을 한 단계 업그레이드하세요!

코딩 없이도 나만의 앱을 만들 수 있다! 🚀 초보자도 따라 할 수 있는 노코드 입문 강의! FlutterFlow를 활용한 실전 앱 개발로 쉽고 빠르게 앱을 완성해보세요.

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

AI 프롬프트만으로 여행 MBTI 진단 웹앱을 만들고, 한국관광공사 공공 Open API를 실제로 연동해 실서비스 수준으로 완성하는 실전 바이브코딩 강의입니다. 프롬프트 쪼개기 기법으로 조잡한 결과물을 완성도 높은 웹앱으로 개선하고, API 키 보안과 배포까지 전 과정을 다룹니다.

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

"생성형 AI를 활용해 기획·디자인·구현·배포까지 완성하는 웹개발 실전 프로젝트 강의" 아이디어 구상부터 시작해서, AI로 디자인 뚝딱 만들고, React로 실제 작동하는 웹사이트 구현, 그리고 인터넷에 배포까지 - 모든 과정을 차근차근 함께 완성합니다. Stitch와 Figma Make 같은 최신 AI 도구들이 디자인 작업을 도와주고, 복잡한 코딩도 단계별로 쉽게 따라할 수 있게 알려드려요.

[Tailwind CSS로 만드는 멋진 웹 UI 스타일링] 강의는 현재 가장 핫한 프레임워크인 Tailwind CSS v3.4.1을 이론부터 실전 반응형 웹사이트까지 19시간 충실하게 다루고 있습니다. 수업 시간이 길다고 좋은 강의는 아닙니다. 하지만 해당 강의는 시간도 긴 좋은 강의라고 자부합니다. 특히, Tailwind CSS 모든 이론을 8시간 30분 동안 상세하게 다루기 때문에 CSS 이론이 부족한 사람에게 CSS 이론을 충실히 학습할 수 있습니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

부트스트랩(BOOTSTRAP)을 사용하지 않고 순수하게 html/css/js 만을 활용하여 디바이스별로 다양한 레이아웃을 구현할 수 있는 반응형 웹페이지 만들기[2024년 최신판] 수업의 실전 제작수업입니다.

CSS Grid는 복잡한 레이아웃도 간단하고 직관적으로 구현할 수 있는 강력한 도구입니다. 이번 강의에서는 CSS Grid의 핵심 개념부터 실전 활용법까지 단계별로 쉽게 배울 수 있도록 구성했습니다. 이제 복잡한 float과 flexbox에 얽매이지 말고, 효율적인 레이아웃 설계의 정석을 배워보세요! 지금 바로 시작하세요!

복잡한 환경 설정과 반복적인 배포 과정 없이 백엔드를 노코드로 개발하고 관리할 수 있는 신세계의 비법, 알려드리겠습니다!

우리는 과연 HTML과 CSS를 제대로 활용하고 있을까요? 복잡한 프레임워크와 자바스크립트 로직에 갇히기 전, 웹의 본질인 마크업과 스타일링만으로 두더지 잡기부터 방탈출 게임까지 직접 구현해 봅니다. 4년 차 현직 개발자가 알려주는 '도구에 휘둘리지 않는 기본기'의 힘을 경험하세요.

한 강의로 끝내는 TailwindCSS 입문부터 실전까지! 두 개의 프로젝트와 함께 레이아웃 구성부터 반응형 디자인! 다크모드! 까지 완벽하게 배워보세요.