생성형 AI로 웹 사이트 제작부터 배포(w. Chat GPT, Cursor AI, Database)

AI 시대에 반드시 필요한 AI를 활용하여 최적의 결과물을 얻고 싶으신 분들을 위해 준비했습니다. 2시간 만에 AI 활용을 코딩으로 제대로 알아보실 수 있습니다.

1인 개발자, 1인 기업, 초보 개발자의 Unity 게임 프로젝트 개발입니다. 프로젝트를 개발하면서 Unity를 익히실 수 있습니다!

데이터베이스와 함께 Unity 실전 게임을 만드는 강의입니다. 접하기 힘든 부분을 강의로 풀어나갈 수 있습니다.

AI 비서와 함께하는 게임 기획의 시작과 끝

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

코드 한 줄 몰라도 괜찮습니다. 단 60분이면, 직접 웹페이지를 만들 수 있습니다. 이 강의는 비전공자를 위해 설계된 초단기 HTML/CSS 입문 강의로, 복잡한 이론 대신 실습 중심으로 진행됩니다. ✔ HTML로 웹페이지 구조 만들기 ✔ CSS로 디자인과 레이아웃 적용하기 ✔ 박스 모델과 Flexbox로 요소 배치하기 ✔ 나만의 자기소개 랜딩 페이지 완성 단순히 문법을 배우는 것이 아니라, “직접 만들어보는 경험”을 통해 웹의 구조를 이해하는 것에 집중합니다. 짧지만 강력한 8차시 구성으로 👉 처음 배우는 사람도 끝까지 완강하고 👉 결과물을 만들어낼 수 있도록 설계되었습니다.

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

워드프레스 수익화 테마 중 가장 잘 알려져 있는 제너레이트프레스(GeneratePress) 테마. 가볍고 빠르고 단순해서 많은 강사들에게 추천하는 테마입니다만, 실제로 제대로 가르쳐주는 강의는 찾기 어렵습니다. 보통은 "수익화를 통해 얼마를 벌수 있다"라고 홍보하고 실제로 테마를 꾸미고 설정하는 부분 보다 컨텐츠 SEO 관련한 어려운 플러그인이나 워드프레스 설정에 대해서만 듣지 않으셨나요? 실제 홈페이지를 원하는대로 꾸미려면 GeneratePress 테마의 사용자 정의 설정을 제대로 알아두어야 합니다. 이 강의를 통해 두고두고 써먹을 수 있는 진짜 지식을 가져가세요. 별로 어렵지 않습니다. 공식 홈페이지를 통하거나 여기저기 찾다보면 배울 수 있는 내용이지만, 이 강의를 듣는다면 빠르게 핵심만 압축적으로 배울 수 있습니다. 시간이 부담되거나, 실행력이 부족했던 분들께 제너레이트 프레스 테마, 아주 쉽게 알려드립니다.

AI한테 "매출 상위 10개 뽑아줘"라고 하면 그럴듯한 쿼리를 뚝딱 만들어줍니다. 근데 그 쿼리가 맞는지, 테이블 3개 JOIN한 결과가 정확한지, 인덱스 없이 50만 건을 풀스캔하고 있는 건 아닌지 — 판단하려면 결국 DB 기본기가 있어야 합니다. 이 강의는 어려운 거 안 합니다. 딱 AI한테 시키기 전에 알아야 할 만큼만, 2시간 안에 SQL의 전체 흐름을 직접 따라 치며 익힙니다. 강의가 끝나면 AI가 짜준 쿼리 앞에서 더 이상 불안하지 않을 겁니다.

부트스트랩5 (Bootstrap5)의 클래스, 컴포넌트 등 개념을 이해하고 이를 바탕으로 응용, 변형하고 실습으로 3개의 프로젝트를 제작해봅니다.

AI 시대에 반드시 필요한 AI를 활용하여 최적의 결과물을 얻고 싶으신 분들을 위해 준비했습니다. 2시간 만에 AI 활용을 코딩으로 제대로 알아보실 수 있습니다.

웹 프론트엔드 개발자를 희망한다면? 재미있는 자바스크립트 강의로 첫걸음을 내딛어보세요✨

요즘 핫한 바이브 코딩! AI 도구를 활용하여 딸깍! 클릭만으로 웹사이트(Next.js)를 개발하고 배포하는 방법을 배울 수 있습니다. 구글 Gemini pro를 무료로 이용하여 개발하는 법까지 알려드립니다.

📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

"2026년도 UIUX디자이너 |코딩하는 디자이너 에이전시 합격 포트폴리오 공개" 면접관의 눈길을 사로잡는 UIUX 웹 포트폴리오를 제작하는 실전 강의입니다. 단순한 포트폴리오 제작이 아닌, 인터랙션을 활용해 차별화된 결과물로 UIUX 디자이너로 취업 경쟁력을 높일 수 있도록 설계된 커리큘럼입니다.

타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관점에서 쉽고 재밌게 배워보겠습니다 😄

mongoDB, NoSQL 요즘 많이 들리지만 아직은 낯선 데이터베이스인가요? 관계형 데이터베이스(RDS/SQL)처럼 사용하고 계시지는 않으신가요? 아무리 좋은 기술도 올바르게 사용하지 않으면 역효과가 발생합니다. 그래서 몽고디비 사용 실패 사례도 종종 보이는데요. 이 강의는 mongoDB를 최대한 mongoDB스럽게 사용할 수 있도록 기본 개념부터 실무 노하우까지 가르쳐드려요.

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

🚀 자바스크립트 문법 공부를 막 끝낸 코린이들에게 적합한 미니 프로젝트 실습 강의입니다. 자바스크립트 기초 문법과 리액트나 뷰 등의 프레임워크 사이에 꽉 막힌 구간을 시원하게 뚫어드립니다. ✨

19페이지, 총 22가지 다양한 모바일 레이아웃 제작하면서 퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 특히 CSS 중첩(Nesting) 방식을 충분히 학습할 수 있습니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

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

에이전트 시대, 진짜 실력은 '통제력'에서 나옵니다.클로드코드의 핵심 아키텍처인 Agent, Tool, MCP, Skill, AgentTeam을 처음부터 직접 짜보며 에이전트의 작동 원리를 완벽히 체득합니다.

개발 유형을 테스트하는 웹 페이지를 만들어보세요! MBTI아닌 MBIT(My Best IT personalities)! 'MBIT 테스트 페이지'를 직접 만들어보며 웹 개발의 전반적인 프로세스를 익혀볼 수 있습니다. (Django 3.1 버전을 사용합니다.)

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)