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

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

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

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

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

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

Vue.js 중급 강좌 - '누구나', '쉽게', '훌륭한' 웹 어플리케이션을 만들 수 있도록 도와주는 Vue.js 활용 강좌 입니다. Vue.js 에 대한 기본적인 이해를 바탕으로 Todo 앱을 만들어 보며 코드 중심의 실용적인 지식을 배우게 됩니다.

라이브러리는 선택이지만, 웹 표준 기술은 필수입니다. 웹 애니메이션의 새로운 표준인 Web Animation API에 남들보다 빠르게 적응하고, 실무에도 바로 활용해보세요!

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

HTML과 CSS에 대해 학습합니다. 부트스트랩을 공부합니다.

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

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

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

html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다.

주변에서 코딩을 처음 시작하시는 분들을 많이 봤어요. 경력자 분들은 자바스크립트가 쉽다고 하지만 처음 접하시는 분들은 어렵게 느낄 수 밖에 없습니다. 그래서 이번 강의는 코딩에 입문하시는 왕초보 분들을 위해 쉽고! 알찬! 내용을 준비했습니다. 💪🙂

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

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

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

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

Spring Boot와 React를 사용하는 개발자, 그리고 기업 환경에서 AI 시스템 도입을 고민하는 개발자분들께 Spring AI를 적극 추천드립니다. 본 과정에서는 단순한 라이브러리 소개에 그치지 않고, Spring AI의 핵심 개념과 내부 구조를 이해한 뒤 다양한 실습 예제를 통해 직접 구현해 보며 실무 적용 역량을 강화합니다. Spring AI 1.1.x 버전을 기준으로 설명하며, 향후 버전 업그레이드에도 대응할 수 있도록 지속적인 기술 지원과 확장 방향을 함께 제시합니다. 또한 MCP(Model Context Protocol)를 활용하여 도메인 간 컨텍스트 통합 및 분산 환경에서의 AI 연계와 엔터프라이즈 환경에 적합한 AI 아키텍처 설계를 실현함으로써, Spring AI 기술의 활용 가치를 한 단계 더 확장합니다. 기업 환경에서 실제로 도입 가능한 AI 시스템 구축을 목표로, 이론과 실습을 균형 있게 다루는 실전 중심의 가이드가 될 것입니다.

혼자서 인터넷을 찾아가면서 배우기는 너무 어려운 GA4(구글애널리틱스) 전자상거래 셋팅의 핵심을 실습을 통해서 학습할 수 있습니다. 퍼포먼스마케터나 GA4 전자상거래를 처음 셋팅해보는 초보 개발자들도 쉽게 이해할 수 있도록 직접 cafe24 데모 쇼핑몰에 하나하나 셋팅해보면서 연습해볼 수 있습니다. 개발자의 역할은 chatgpt에게 맡겨서 실습을 진행하기 때문에 전문적인 개발지식이 없는 마케터나 PM/기획자도 GA4 전자상거래 셋팅에 대해서 배울 수 있습니다.

부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기[2024년 개정판] 수업의 실전 제작수업으로 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹 실무 페이지를 부트스트랩4를 활용하여 직접 제작해 봅니다.

Next.js + Cursor IDE 로 챗 프로그램을 한시간만에 구현하는 능력을 가질 수 있어요.

웹 퍼블리셔를 위한 JS 핵심이론 및 실전예제 교재 및 완성본은 PDF로 제작된 강의 교재입니다. 해당 교재는 웹 퍼블리셔가 꼭 알아야 하는 자바스크립트와 제이쿼리 기본기를 충실히 갖출 수 있는 역할을 합니다. 해당 교재 특징으로는 이론과 연결된 스몰미션(Small Mission)을 통해서 이론을 더욱 탄탄히 할 수 있습니다. 특히 배운 모든 이론을 활용한 실전 예제 역시 충실히 준비된 교재입니다. 해당 PDF 전체 페이지는 순수 자바스크립트(Vanlila JavaScript)와 제이쿼리(jQuery) 페이지 수는 320페이지 이상으로 코딩웍스가 쉽게 이해할 수 있도록 충분한 설명을 덧붙여 놓았습니다. 특히, 퍼블리셔가 웹사이트 제작을 위해 필수적인 제이쿼리 상호작용 실전 예제를 학습하실 수 있습니다.

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.