피그마(Figma) 제대로 배우기 (기초)

본 과정은 기계 제도 및 설계 분야에 관심이 있거나, 해당 분야의 자격증 취득을 목표하고 계신 분 또는 관련 분야로 진출을 하고자 하는 분이나 전문성을 향상시키고자 하는 분들을 위한 기초 내용의 습득을 목표로 한 과정입니다.

그래픽 편집 툴 포토샵의 제일 기본이 되는 중요한 기능을 차근차근 익히는 입문자용 포토샵 강의입니다.

객체지향언어인 C++ 과 동시에 자료구조와 알고리즘을 공부할 수 있는 강좌 입니다.

다빈치 리졸브를 통한 기본적인 편집과 색보정, 타 소프트웨어와의 연동 등 대표적인 기능을 학습합니다.

BIM(Building Information Modeling) 구현을 위한 레빗(Autodesk Revit) 응용편 강의입니다.

TED(http://ted.com)의 '알릴 가치가 있는 아이디어' 의 모토에 따라 좋은 강연을 소개합니다.

라즈베리파이와 다양한 센서를 활용해 AI 기반 자율주행 자동차를 직접 제작해보는 실습형 강좌입니다.

이 강의는 소프트웨어 개발 과정에서 안전하고 신뢰할 수 있는 코드를 작성하는 방법을 배우는 과정입니다. 단순히 기능 구현에 그치지 않고, 보안 취약점을 예방하며 안정성을 확보할 수 있는 프로그래밍 원칙과 기법을 학습합니다. 실습과 사례를 통해 실제 개발 환경에서 발생할 수 있는 보안 위협을 이해하고, 이를 방지하기 위한 코딩 규칙, 입력 값 검증, 예외 처리, 메모리 관리 등 안전한 코드 작성 기법을 습득할 수 있습니다. 본 과정을 수강하면 개발자는 코드의 완성도를 높이는 동시에, 보안성과 신뢰성을 갖춘 소프트웨어를 개발할 수 있는 실질적 역량을 확보하게 됩니다.

전산회계운용사 2급 자격증은 회계시스템을 활용하여 회계정보를 운용할 수 있는 능력을 평가하는 국가기술자격 시험입니다. 본 과정은 대한상공회의소 주관 시험의 필기 합격을 목표로 하며, 재무회계와 원가회계의 기본 개념부터 실제 적용 능력까지 체계적으로 학습할 수 있도록 구성되었습니다. 이를 통해 수강생은 기업체 등에서 회계 중간관리자로서 필요한 회계정보시스템 활용 능력을 갖추고, 회계 전반에 걸친 업무를 수행할 수 있는 역량을 키울 수 있습니다.

정보보안기사 필기 시험 대비를 위한 강의로, 핵심 이론을 간결히 정리하고 문제풀이 중심으로 실전 감각을 강화할 수 있습니다. 기출문제 분석과 실전 대비 전략으로 정보보안기사 자격증 취득에 한 걸음 더 다가가 보세요.

AWS 초보자 및 AWS Educate 가입 대학생을 위한 시리즈 동영상 강의입니다. AWS 가입 절차 및 프리티어 서비스에 대해 간단히 소개해 드립니다.

스무디 TV 에서 제공하는 어셈블리어 강좌 입니다.

유튜브의 박성준 님이 강의하시는 아두이노 강좌 입니다.

언리얼엔진4의 블루프린트로 어려운 프로그래밍없이 게임제작을 시작할 수 있습니다.

MIT 공대 컴퓨터 과학, 프로그래밍 입문 강좌 입니다.

포토샵 혁명 방송에서 제공하는 포토샵 고급 강좌중 펜툴 시리즈 입니다.

유니티 허브 root 주동근 님의 무료 유니티 기초 강좌 입니다.

구글 애드워즈로 효율적인 광고를 운영하세요

LAte Developer 님이 유투브에서 알려주는 iOS 언어 기초 강좌 입니다.

[포토샵 혁명 방송] 에서 알려주는 포토샵 사용 방법 입니다.

* 인하우스 서비스기획자&프로덕트 매니저 입문 강의 * 강의도 들으면서 포트폴리오도 챙길 수 있는 강의

이미지가 또 말썽인가요? 픽셀 깨짐, 부분 잘림, 찌그러짐, 로딩 지연, 멀티플랫폼 대응 이슈 등은 사실 설계의 문제입니다. 이미지 이슈, 초장에 방어하세요.

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

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

GA4 활용을 위한 핵심 리포트를 만들면서 GA4를 실무에 바로 사용할 수 있도록 학습할 수 있습니다. 데이터 분석을 위해 어떤 리포트를 어떤 방식으로 만드는지 구체적인 사례를 배울 수 있습니다. 실무분석을 위해서 히트맵툴인 Microsoft Clarity의 설치/사용법도 함께 설명하고 있습니다.

AI 기술과 UX 디자인이 결합하는 AX 시대, 제품팀은 어떤 전략으로 고객 경험을 설계해야 할까요? 17년차 대기업 책임연구원이자, HCI 박사 출신의 지식공유자가 최신 트렌드와 활용 사례, 연구 결과를 기반으로 알려 드립니다.

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

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

디자인은 어렵고, 피그마는 복잡해 보였다면? 이제는 비디자이너도 직접 화면을 만들 수 있는 시대! 도형·텍스트·마스크 같은 기본 기능부터 배경 제거, AI 이미지 생성, UI 자동 제작까지 피그마 AI 기능을 실무 흐름 안에서 자연스럽게 활용하는 방법을 배웁니다. 상세페이지 제작부터 쇼핑몰 UI 화면 구성까지, 디자이너 도움 없이도 결과물을 완성할 수 있는 실전형 피그마 활용법을 경험해보세요. Point 1. 피그마의 핵심 기능만 익혀도 직접 화면을 만들 수 있다 - 프레임·도형·텍스트·마스크 등 꼭 필요한 드로잉 기능만 실습 중심으로 학습 - 상세페이지 전 섹션을 처음부터 끝까지 직접 제작하며 결과물 완성 경험 Point 2. 피그마 AI를 활용해 작업 속도를 확 줄이자 - 배경 제거, 이미지 생성, 레이어 정리 등 AI 기능을 실무 흐름 안에서 자연스럽게 활용 - 단순 기능 소개가 아니라 실제 디자인 작업에 연결되는 활용법 중심 구성 Point 3. 쇼핑몰 UI까지 만드는 실무형 디자인 감각을 익히자 - 오토레이아웃·컴포넌트·Make Designs 기능으로 UI 화면 세트 제작 - 비디자이너도 혼자 화면을 설계하고 완성할 수 있는 실전 감각 학습

본 강의는 HTML, CSS, JS 만을 이용하여 나만의 포트폴리오 웹페이지를 만들어보는 강좌입니다. 라이브러리에 의존하지 않고 순수 HTML, CSS, JS로 개발하기 때문에 웹페이지 제작에 대한 이해도를 높일 수 있습니다.

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

취업을 위해 면접을 자주 봐야 합니다. 면접을 자주 보기 위해서는 괜찮은 퍼블리셔 개인 포트폴리오 홈페이지가 반드시 있어야 합니다. 코딩웍스가 심혈을 기울여 만든 괜찮은 개인 포트폴리오 홈페이지 제작 가이드 교재(PDF)입니다. 해당 교재는 인터넷에서 구글링 해서 구할 수 있는 내용이 아닙니다. 코딩웍스가 수년간 현장에서 300여 명의 학생에게 퍼블리싱 이론, 실전, 개인 포트폴리오 홈페이지 제작 강의하고 학생들이 빨리 원하는 회사에 취업할 수 있도록 개인 포트폴리오 홈페이지 제작 방법을 상세하게 담은 세상에 하나뿐인 퍼블리셔 취업 개인 포트폴리오 홈페이지 제작 가이드(PDF) 입니다.

Figma디자인 + AI활용코딩 + 배포까지 풀스택 코스!! [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포] 내 디자인 그대로!! 1픽셀도 오차없이 바이브코딩으로 완성! AI활용으로 실무 생산성을 5배 높이는 풀스택 공략집! 디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다. ✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현 ✅ AI가 이해하는 디자인 설계 ✅ AI를 정확하게 통제하는 프롬프트 제작능력 ✅ AI가 맘대로 작성한 코드 척척 수정능력 디자인부터 코딩 배포까지 1/5로 단축되는 놀라운 경험을 느립니다.

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

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

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

비전공자나 디자이너가 아니더라도 Claude Design과 피그마를 활용해 웹 UI, 제안서, 디자인 시스템까지 직접 만들고 수정하는 방법을 배웁니다. 실무에서 바로 사용할 수 있도록 클로드 코드와 클로드 디자인의 차이부터 설치, 플러그인 활용, 컴포넌트 기반 UI 제작, 디자인 수정 및 운영중인 서비스 적용 방법까지 단계별로 실습 중심으로 진행합니다. 디자인 툴이 어려웠던 개발자·기획자·마케터도 AI와 컴포넌트 기반 워크플로우를 통해 빠르게 결과물을 만드는 경험을 할 수 있도록 돕는 강의입니다.

✅ 마케터 : 지금 당장 콘텐츠를 만들어야 하는데 디자이너가 없다면? ✅ 예비 마케터 : 요즘 피그마가 대세라는데 기초를 쌓고 싶다면? ✅ 무료로 쓸 수 있고 가장 쉽게 접근 가능한 디자인 툴을 찾는다면? 정답은 피그마입니다. 피그마로 콘텐츠를 디자인 하는 방법에 대해 모두 알려드릴게요. 👏🏻

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

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