피그마 입문: 기초부터 웹사이트 디자인까지

Claude + IntelliJ로 TodoList 개발하기 - MCP 완전 정복 Claude와 IntelliJ로 TodoList를 만들며 MCP의 작동과정을 완벽히 익혀보세요!

Springboot 모니터링 시스템 구축 (프로메테우스 + 그라파나) | Springboot 모니터링 시스템 구축 (프로메테우스 + 그라파나) 을(를) 세팅부터 활용하는 방법을 가르칩니다.

React + SpringAI로 만드는 안전신문고 AI 신고 서비스 개발 Neo + Essential 5번째 프로젝트 강의는 정부 시스템 개선 아이디어 안전신문고 신고 시스템 구축 입니다!

이 강의는 Spring Boot 서버를 대상으로 K6를 활용한 부하 테스트를 직접 경험해보는 강의입니다. CRUD 기반의 간단한 서버에 K6로 트래픽을 발생시키고, 그 결과를 Grafana와 InfluxDB로 시각화하는 과정을 경험하실 수 있습니다!

이 강의는 Nginx, Docker, Spring Boot를 활용한 서버 배포 방법을 실습 중심으로 빠르게 익힐 수 있도록 설계되었습니다. 실무에서 자주 사용되는 Blue-Green 배포를 누구보다 빠르게 배워보세요!

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 ReactNative로 나만의 게시판을 만들어보세요!!

SpringAI + React로 만들어보는 나만의 감정일기 서비스 Neo + Essential과 함께 만들어보는 4번째 프로젝트 시간입니다!

React, Javascript, SpringAI, Springboot를 통해서 나만의 비주얼 노벨 게임을 만들어 보세요. SpringAI와 React 를 통하여 웹기반 비주얼 노벨 게임을 만드는 법을 알려드립니다! Neo + Essential

누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Flutter로 나만의 게시판을 만들어보세요!!

요즘 이걸 모르면 안된다 할 정도로 유명해진 Nano Banana? Gemini 3.0? 이 강의에서 Gemini API 로 모두 다룰 수 있습니다.

Kotlin과 Spring Boot를 활용하여 JWT(Json Web Token) 기반 로그인 기능을 구현하는 과정을 단계별로 학습합니다. JWT를 직접 적용해 보면서, 백엔드 로그인 기본기를 빠르게 익힐 수 있습니다.

누구보다 빠르게 배우는 Springboot + Android(Compose) RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Android로 나만의 게시판을 만들어보세요!!

ThreeJS와 SpringAI로 만드는 3D 지구본 아티클 서비스 | Neo + Essential 나만의 챗봇과 ThreeJS를 통해 3D 지구본 아티클 서비스를 만들어 보세요!

ChatGPT를 클론코딩하며 처음부터 끝까지 직접 구현해보는 풀스택 실습 강의입니다. Spring Boot 서버와 React 프론트엔드까지 | Neo + Essential 단순히 코드만 따라 치는 강의가 아니라, 실제 서비스 배포를 통해 완성도 높은 AI 챗봇 서비스를 구축할 수 있도록 안내합니다.

누구보다 빠르게 배우는 Springboot + React RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 React로 나만의 게시판을 만들어보세요!!

최초로 공개된 ChatGPT 오픈소스 GPT-OSS 누구보다 빠르게 찍먹하기. GPT-OSS가 뭔지 알아보고 로컬에서 돌리면서 누구보다 빠르게 GPT-OSS 로 초격차를 만드세요!

치킨콤보값으로 스프링부트를 수동배포 -> 도커로 배포 -> Github Action CI/CD 순으로 배포과정을 배웁니다!

1시간 만에 배우는 포토샵 기본 사용법을 알려드립니다

누구보다 빠르게 해보는 파이썬 알고리즘 기초 정복 (분할정복, 이진탐색) 파이썬 기초를 배우고 분할정복, 이진탐색 알고리즘을 배워보세요!

누구보다 빠르게 해보는 Electron Todo List With TypeScript 리액트 기반의 데스크탑 동작 서비스를 만들 수 있는 Electron을 타입스크립트로 개발해보세요!

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

Figma라는 새로운 디자인 툴에 대해 아직 고민하고 계신가요? 쉽고 빠르게 하나씩 따라 하다 보면 어느새 나도 피그마 전문가!

구현하고 싶은 앱/웹 아이디어는 있지만, 앱 서비스 기획 경험이 없어 어떻게 시작해야 될지 막막한 스타트업 대표, 단기간에 기획을 체계적으로 배우고 싶은 실무자, 경력자의 기획 업무 프로세스와 노하우를 배우고 싶은 주니어 기획자 모두 전문가가 될 수 있도록 Figma를 활용한 새로운 기획 방식 및 PM 17년차의 업무 스킬을 기초부터 차근차근 알려드립니다.

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

After Effects 중급 이상, 실무에서 활용할 수 있는 기술을 설명합니다. CC2023으로 설명하지만 버전에 상관없이 기본 원리를 위주로 했습니다. 도구 설명으로 시간을 버리지 말고 능동적인 연구를 할 수 있는 꺼리를 만들어 놓았습니다.

HTML로 만든 카페 홈페이지를 CSS로 아름답게 꾸미는 실전 프로젝트 강의입니다. 색상, 레이아웃, 타이포그래피부터 Flexbox, Grid, 애니메이션, 반응형 디자인까지 CSS의 모든 기초를 민지와 코드 선생의 스토리를 따라가며 자연스럽게 배울 수 있습니다. 4시간의 학습으로 초보자도 프로페셔널한 웹 디자인을 완성할 수 있습니다.

개발? 디자인? 몰라도 괜찮아요! 강의에서 하나하나 세세하게 알려드리니까, 따라오기만 하면 개발과 관련 없는 분들도 생애 첫 웹사이트를 완성할 수 있어요!

언리얼 UMG 입문 과정입니다. 게임 업계 11년 차 UI/UX 디자이너 루시가 직접 진행하며, 쉽고 재미있게 언리얼 엔진과 UMG를 배울 수 있습니다. 수료 후에는 다양한 UI를 위젯 블루프린트에 배치하고 간단한 머터리얼 및 연출과 이벤트 노드 등을 제작할 수 있게 됩니다.

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

"이렇게 바쁜 세상, AI를 활용해서 포트폴리오를 빠르게 만들 수 있다고?" 문제 정의부터 리서치 정리, 아이데이션, 프로토타이핑까지! AI를 실전 파트너로 활용해 완성도 높은 UX/UI 포트폴리오를 빠르게 만들어봐요. 최신 AI 툴은 물론, 실무에서 꾸준히 쓰이는 검증된 툴까지 프로젝트에 맞게 전략적으로 활용할 수 있어요.

이제 AI의 힘으로 누구나 쉽게 앱을 기획하고 UI를 그릴 수 있습니다! 코딩 몰라도, UI 경험 없어도 괜찮아요. Claude, ChatGPT 같은 AI 도구가 여러분의 아이디어를 현실로 만들어 드립니다. 단 몇 번의 질문만으로 타겟 고객을 분석하고, 앱 구조를 설계하고, 심지어 UI 화면까지 자동으로 생성할 수 있어요. 이 강의에서는 피그마를 처음 만져보는 분도 따라할 수 있도록 기초부터 차근차근 알려드립니다. 직접 손으로 그리지 않아도 HTML to Design 플러그인으로 기존 웹사이트 UI를 한 번에 가져올 수 있고, 구글 스티치나 readdy.ai 같은 AI 도구로 몇 초 만에 완성도 높은 화면을 만들 수 있어요. 창업을 꿈꾸는 분, 기획자로 전직하고 싶은 분, 개발자와 소통하고 싶은 분 모두에게 딱 맞는 강의입니다. 복잡한 이론 대신 바로 써먹을 수 있는 실전 노하우만 쏙쏙 뽑아서 알려드릴게요. 이제 아이디어만 있으면 누구나 앱 서비스를 기획할 수 있습니다!

예쁜 화면 100개보다 움직이는 프로토타입 1개! 피그마에서 조건부 로직으로 실제처럼 작동하는 프로토타입을 만들고, AI 시대에도 흔들리지 않는 디자인 사고력을 기르세요.

이 강의대로만 따라 하시면, 빠르고 쉽게 핵심만 배워 세련된 스마트스토어를 꾸밀 수 있습니다. 1:1 무료 디자인 코칭으로 원하는 느낌의 스마트스토어를 만들어보세요!

디자인부터 코딩 배포까지 풀스택 코스!! [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포] 내 디자인 그대로를 바이브코딩으로 완성! AI를 활용해 작업 생산성을 5배 높이는 풀스택 공략집! 디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다. ✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현 ✅ AI가 이해하는 디자인을 설계 ✅ AI를 정확하게 통제하는 프롬프트 제작 ✅ AI가 맘대로 작성한 코드도 분석하여 수정 하는 실무 워크플로우를 배웁니다. 본 강의는 1차,2차로 오픈되는 연재식 강의입니다. ✅ 1차 오픈 : 2026년 2월 22일 - Figma - Desktop모드 디자인 - Figma - Variables 등록 및 naming작성법 - Figma - Tablet모드 & Mobile모드 디자인 - Vibe Conding을 위한 준비 - 실전! Vibe Coding - TailWind적용 리펙토링 - Git버전관리 및 Github배포 ✅ 2차 오픈 : 2026년 3월 9일 - React.js리펙토링 및 vercel배포 - javaScript를 통한인터렉티브 웹구현

초보자도 무료로 세련되고 전문적인 웹사이트나 랜딩 페이지를 제작하고 싶은 분들을 위해. Canva를 사용해서 빠르게 매력적인 웹사이트를 만드는 방법을 배워보세요. 창업·부업 비즈니스용 LP나 프로필 페이지에도

이미지 생성형 인공지능의 대표 툴, 미드저니! 기초 사용 방법부터 실제 디자인 프로젝트 실습을 통한 실무 적용까지 한 번에!

리서치 자동화부터 백엔드 데이터 연동, 나아가 실제 라이브 동적 웹을 배포하는 과정까지 함께 다루며 개인이 제품의 전체 생애 주기를 주도적으로 이끌 수 있는 풀스택 관점을 기르는 데 목적이 있습니다. AI 시대 경쟁력을 강화하고 싶은 분들께 생각을 현실화 하는 강력한 엔진으로 활용하는 힘을 드립니다.

저희 '실제현업 방식'이며, 회사에 입사하는 기획자와 개발자의 '온보딩용 영상' 공개합니다. 디자이너 없이 서비스 화면 디자인을 한 후, Figma를 몰라도 화면 UX Flow를 만들어서, 프로토타입하는 방법을 알려줍니다. 저희 회사가 서비스 기획시 빠르게 프로토타입하여, 빠른 의사결정과 필요 기능 Fix를 하고, 프론트엔드 개발에 사용할수 있도록 하여, 생산성을 극대화 하여 일을 하고 있습니다. 반응이 좋으면, "현업방식" 다른 강의도 올리겠습니다.

이 강의는 인기 디자인 툴인 Canva(캔바)를 사용하여, 온라인강좌, 쇼핑몰 등에서 사용되는 상품 상세 페이지를 디자인하는 방법을 알려주는 입문용 강의입니다.

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!