React Learning: Getting Started

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

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

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

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

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

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

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

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

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

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

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

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

본 과정은 프론트엔드 웹 프로그래밍의 핵심 문법과 활용법을 학습하고, 이를 실제 포트폴리오 제작에 적용해 보는 실습 중심 강좌입니다. 학습자는 HTML, CSS, JavaScript 등 기초 문법부터 최신 프론트엔드 기술까지 단계적으로 익히며, 웹 화면 구현과 동적 기능 처리 과정을 직접 경험하게 됩니다. 또한 실무에서 자주 활용되는 다양한 예제를 통해 효율적인 코드 작성법과 실제 개발 흐름을 자연스럽게 습득할 수 있습니다. 이 과정을 통해 학습자는 단순한 문법 암기를 넘어, 웹 페이지 기획–디자인–구현까지 연결된 작업 흐름을 이해할 수 있으며, 이를 기반으로 자신만의 포트폴리오를 완성할 수 있습니다. 나아가 본 과정은 프론트엔드 개발자로 성장하기 위한 확실한 디딤돌이 될 것이며, 웹 개발을 처음 접하는 학습자에게는 입문 과정으로, 실무 경험을 쌓고 싶은 학습자에게는 실전 보완 과정으로 큰 도움이 될 것입니다.

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

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

공공 데이터 포털에서 제공하는 다양한 오픈 데이터를 여러 프로그래밍 언어에서 어떻게 호출하고, 호출된 결과로 제공받는 JSON 데이터를 어떻게 사용할 수 있는지에 대해서 다양한 언어로 학습해보는 과정입니다.

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

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

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

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

본 과정은 React에서 상태 관리를 효율적으로 다루기 위한 useContext와 useReducer 훅을 집중적으로 학습하는 과정입니다. 컴포넌트 간 데이터 전달의 복잡성을 줄이고, 규모 있는 애플리케이션에서 상태를 체계적으로 관리할 수 있는 방법을 실습과 함께 익힐 수 있습니다. 이를 통해 학습자는 전역 상태 관리의 기본 개념을 이해하고, 실제 프로젝트에서 바로 적용할 수 있는 실무 활용 능력을 갖출 수 있습니다.

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

이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.

한입 시리즈의 3번째 작품! 세상에서 가장 친절하고 디테일 한 Next.js(15+)강의 입니다. App Router 뿐만 아니라 Page Router까지 프로젝트를 통해 살펴봅니다.

설명대장 얄코의 녹진하고 꾸덕한 강좌로 가장 쉽게, 가장 빠르게 리액트를 배우세요!

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

이 강의를 통해 리액트와 노드등의 개념만이 아닌, 실질적으로 어떻게 웹 사이트를 만드는지를 배울 수 있습니다.

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

MERN Stack을 활용하여 커뮤니티 어플리케이션을 제작하고, 배포합니다. (MongoDB, Express, React, Node + Firebase)

이 강의를 통해서 리액트와 파이어베이스를 이용해서 채팅 어플리케이션을 만들수 있습니다.

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

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

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

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

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