オープンソースのJavaScript Reactプログラミング入門第2部

After Effects를 처음 입문하는 분들을 위해 가장 기초적인 내용을 중심으로 전반적인 사용 방법을 설명하고, 간단한 작업을 통해 모션 작업의 기본적인 과정을 익히는 강의입니다.

제품디자인을 하기 위해 기본적으로 알아야 하는 Rhino(라이노) 3D에 대한 강의입니다.

제품디자인을 하기 위해 기본적으로 알아야 하는 Rhino(라이노) 3D에 대한 강의입니다.

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

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

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

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

애프터 이펙트의 Expression 기능을 학습하여 정교한 모션 그래픽을 생성, 제어하는 법을 배웁니다.

프리미어 프로(premiere pro)는 산업적으로 널리 쓰이는 대표적인 영상 편집 소프트웨어 프로그램입니다. 강의는 영상 편집 입문자 대상으로 진행하며 영상 편집의 전반적인 작업 절차와 기능 소개를 다루는 기초 파트와 video effect 효과를 다루는 초급 파트로 진행됩니다.

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 2는 자바스크립트의 함수와 이벤트, 함수의 종류, 코어 라이브러리를 다루고 있습니다.

3D 모델링 소프트웨어 Autodesk Maya를 통한 3D 그래픽 모델링 입문 강의입니다. 강의는 총 네 개의 파트로 이루어져 있으며, 이번 과정에서는 마야의 모델링 기능을 집중적으로 배웁니다.

이론 및 실습을 통해 자바스크립트와 jQuery에 대해 배우는 중급 과정입니다. HTML, CSS, JS에 대한 기본 개념을 바탕으로 실무에 적용할 수 있는 내용으로 구성되어 있습니다. Part.1은 문서 객체 모델(DOM), jQuery의 기본 개념, 노드 찾기, 생성, 추가, 삭제, 이동에 대해 다루고 있습니다.

파트 3 강좌에서는 Tracking 관련 기능과 3D layer, Keying과 함께 Effect 중심으로 학습을 전개해 나갑니다. Warp Stabilizer, Track motion, 3D Tracker와 같은 기능을 이용하여 실사 장면을 트래킹하거나 안전화 하는 기본적인 방법을 알아 볼 것이며, 3D layer 구조를 이용하여 기본적인 방법도 정리할 것입니다. 또한 Shatter, particle, RainFall 같은 효과 역시 학습하고 최종적으로 Adobe Media Encoder를 이용한 출력 작업까지 진행하게 될 것입니다.

정보처리기사 실기 과목 자격증 대비 강의로, 정보시스템 등의 개발 요구사항을 이해하기 위한 기초 지식을 익힐 수 있습니다. (두 번째 파트)

정보처리기사 필기과목 중 제3과목 데이터베이스 구축에 대한 기초지식을 익히고 활용하여 자격증을 취득할 수 있습니다.

정보처리기사 필기과목 중 제2과목 소프트웨어 개발에 대한 기초지식을 익히고 활용하여 자격증을 취득할 수 있습니다.

정보처리기사 실기 과목 자격증 대비 강의로, 정보시스템 등의 개발 요구사항을 이해하기 위한 기초 지식을 익힐 수 있습니다. (첫 번째 파트)

정보처리기사 필기과목 중 제4과목 프로그래밍 언어 활용에 대한 기초지식을 익히고 활용하여 자격증을 취득할 수 있습니다.

정보처리기사 필기과목 중 제1과목 소프트웨어 설계에 대한 기초지식을 익히고 활용하여 자격증을 취득할 수 있습니다.

정보처리기사 필기과목 중 제5과목 정보시스템 구축 관리에 대한 기초지식을 익히고 활용하여 자격증을 취득할 수 있습니다.

리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다. SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다. Part1에서는 리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.

대표적인 UI 요소들을 React 버전 및 순수 JavaScript 버전으로 만들어 보면서, Web API를 활용한 다양한 관점과 방법을 경험하고, 프론트엔드 개발 실력을 한층 끌어올려 보세요.

본 과정은 React 학습을 처음 시작하는 학습자를 위해 구성된 입문 과정입니다. JSX의 기초 문법을 체계적으로 학습하며, 이를 직접 적용할 수 있는 미니 프로젝트를 통해 실무 감각을 키우는 것을 목표로 합니다. 단순한 문법 학습을 넘어, React 개발의 기본 흐름과 컴포넌트 기반 개발 방식을 이해할 수 있도록 구성되어 있습니다.

본 과정은 React 입문 단계를 넘어, 실무 개발에서 가장 많이 활용되는 Hook의 원리와 활용법을 집중적으로 다루는 중급 학습 과정입니다. 함수형 컴포넌트의 핵심 도구인 Hook을 통해, 상태 관리, 라이프사이클 제어, 성능 최적화 등을 구현하는 방법을 단계적으로 학습할 수 있습니다. 특히 useState, useEffect 같은 기초 Hook부터 useRef, useMemo, useCallback 등 고급 Hook의 역할과 사용 패턴을 체계적으로 정리하며, 상황별로 어떤 Hook을 선택해야 하는지 이해할 수 있도록 구성되어 있습니다. 실습 예제를 통해 단순한 코드 작성법을 넘어, 컴포넌트 간 상태 관리 최적화 불필요한 렌더링 방지 동적 데이터 관리 및 DOM 제어 등을 경험해보며, 실제 프로젝트에서 자주 맞닥뜨리는 문제들을 해결하는 감각을 기를 수 있습니다. 본 과정을 마치면, React의 핵심인 Hook 기반 개발 흐름을 익혀 더 복잡한 애플리케이션 구조에도 자신 있게 적용할 수 있습니다.

React 기반의 간단한 SNS 서비스를 만들면서 REST API 및 GraphQL을 연습합니다. 프론트엔드 개발을 위한 백엔드 환경을 쉽고 간단하게 만드는 방법을 소개합니다.

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

프론트엔드 개발자인데 로그인 기능을 구현하지 못해 아쉬웠던 적 있으신가요? DB를 이용해 데이터를 저장하고 불러오는 기능을 구현하고 싶지만 쿼리를 공부하기는 부담스러우셨나요? 파이어베이스라면 쉽게 가능합니다! 리액트와 파이어베이스의 힘으로 유저 인증, 데이터 저장, 호스팅 등 웹 개발에 필수적인 기능들을 같이 구현해봅시다! (해당 강의는 22년 8월 녹화로 파이어베이스의 메이저 업데이트를 반영한 강의입니다.)

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

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

타입스크립트와 리액트 관련 강좌입니다.

바이브코딩으로 React 회원가입 로그인 + 게시판 만들기 (React + FastAPI)은 AI 프롬프트를 활용해 풀스택 웹 애플리케이션을 직접 완성해보는 실습형 강의입니다. OpenAI Codex와 Claude Code 이 강의에서는 React(Typescript) 프론트엔드와 FastAPI 백엔드를 연결하여, 회원가입 & 로그인 기능 게시판 CRUD(작성, 조회, 수정, 삭제) JWT 인증과 권한 처리 를 하나의 프로젝트 안에서 구현합니다. 특히, 단순히 코드를 작성하는 데서 끝나는 것이 아니라, 👉 AI 프롬프트로 코드 생성 → 실행 및 수정 → 테스트 → 확장 이라는 “바이브코딩” 학습 방식을 통해 AI와 함께 개발하는 새로운 흐름을 경험할 수 있습니다. 완강 후에는 “나만의 회원제 게시판 서비스”를 직접 완성할 수 있으며, 추가로 댓글, 좋아요, 이미지 업로드 같은 확장 기능까지 도전할 수 있습니다.

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!