오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1

본 과정에서는 오토캐드 2022에서 2D 드로잉을 위한 기본적인 명령어 사용 방법 등을 배웁니다.

본 과정은 인터넷의 기반이 되는 네트워크 기초를 학습하는 과정입니다. 네트워크의 기본 개념과 구조를 이해하고, 인터넷 통신의 원리를 체계적으로 익힐 수 있도록 구성되었습니다. 학습자는 네트워크에 대한 기초적인 이론과 활용 지식을 습득하여 IT 및 정보통신 분야 학습의 토대를 마련하게 됩니다.

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

본 과정에서는 오토캐드 2022에서 2D 드로잉에 대한 심화 학습 및 실용적 활용 방법을 배웁니다

1. 엑셀의 주요 기능을 익혀 쉽고 빠르게 문서를 작성할 수 있다. 2. 실무에서 주로 쓰이는 팁을 배워본다.

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

노션의 강력하고 편리한 데이터베이스 기능은 초보자도 손쉽게 DB를 구축할 수 있게 해줍니다. 이 강의에서는 데이터베이스 개념과 관련 용어(테이블, 행, 열 등)에 대한 이해, 노션 데이터베이스의 기본적인 사용법 등을 익힙니다.

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

AutoCAD의 기초 사용법을 살펴보고, 2D CAD 작업을 위한 기본 기능을 배웁니다.

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

UI디자인 저작 툴인 피그마를 사용해 보고 싶거나 피그마로 무언가를 만들고 싶을 때 가장 기초적인 사용 방법을 실습합니다.

AutoCAD를 이용해 3D CAD 작업을 하기 위한 기본 기능을 배웁니다.

본 과정을 통해 정보보안기사 실기 기출문제의 단답형 및 서술형 문제를 학습할 수 있습니다.

본 과정은 커서(Cursor) AI 인공지능 툴의 기초 사용법을 학습하고, 이를 실제 웹사이트 제작에 적용하는 방법을 다루는 실습형 강의입니다. 학습자는 AI 기반 개발 환경을 이해하고, 커서를 활용한 코드 작성 및 자동화 기능을 체험하게 됩니다. 단순히 툴의 기능을 배우는 데 그치지 않고, 실제 웹사이트 제작 프로젝트를 통해 실무 감각을 기를 수 있도록 구성되어 있습니다. 또한 웹사이트 제작 과정에서 자주 사용하는 HTML, CSS, JavaScript 등의 기본 요소와, AI 보조 기능을 활용한 효율적인 개발 방법을 함께 다루어 초보자도 쉽게 따라올 수 있습니다. 본 과정을 수강하면 학습자는 커서 AI를 활용하여 아이디어를 빠르게 구현하고 웹사이트를 완성할 수 있는 능력을 얻게 되며, 이는 곧 최신 개발 환경에 적응하는 좋은 첫걸음이 될 것입니다.

정보보안기사 실기 기출문제 내용을 효과적으로 학습하여 정보보안기사 실기 자격증을 취득할 수 있습니다.

C# 프로그래밍 언어를 사용하여 알고리즘에 대한 기초적인 이해를 돕는 강의입니다. 또한 현업에서 필수로 쓰이는 12가지 알고리즘을 코드로 만들어보는 전체 과정을 진행합니다.

쉽고 직관적인 문법을 가진 파이썬! 프로그래밍 입문용 언어로 명성이 자자한 파이썬을 기초부터 실습까지 함께 배워보세요! 이 강의에서는 파이썬의 함수와 리스트를 학습합니다.

SQLD 최신 기출문제 풀이 과정은 2024년 개정된 시험 출제 기준을 반영하여, 실제 시험에 출제된 기출문제를 기반으로 학습하는 실전 대비 강의입니다. 단순히 정답을 확인하는 수준을 넘어, 문제의 의도·출제 포인트·실수하기 쉬운 함정까지 꼼꼼하게 짚어주며, SQLD 합격을 위한 실질적인 문제 해결 능력을 길러줍니다.

이 과정은 컴퓨터공학의 핵심 이론 중 하나인 정보통신개론을 다루는 기초 학습 과정입니다. 학습자는 본 과정을 통해 컴퓨터의 기본적인 구조와 동작 원리를 이해하고, 이를 기반으로 한 정보통신 기술의 원리와 응용을 배울 수 있습니다. 정보의 생성, 전송, 처리, 저장 과정뿐만 아니라 네트워크와 인터넷 환경에서의 데이터 통신 방식까지 폭넓게 학습할 수 있도록 구성되어 있습니다. 또한 정보통신의 기본 개념과 더불어 실제 생활과 산업 전반에서 활용되는 정보통신 기술의 흐름과 역할을 파악함으로써, 컴퓨터공학과 정보통신 분야에 처음 입문하는 학습자에게 탄탄한 이론적 기초를 제공합니다. 👉 본 과정을 수강하면 학습자는 컴퓨터와 네트워크를 아우르는 정보통신 기술의 기본 토대를 다지고, 더 나아가 심화 학습이나 관련 자격증 준비에도 활용할 수 있습니다.

Davinci Resolve의 기본적인 편집 기능을 중심으로 가장 기초적인 영상 편집을 배우는 입문 강의입니다. (Part 1/3)

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

리액트로 만들어진 웹 서비스의 성능을 측정하고 더욱 빠르고 효율적으로 최적화 하는 방법을 배웁니다.

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

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

실전 바이브 코딩으로 회사 소개 랜딩페이지를 완성합니다. Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP 스택으로, 설계부터 배포까지 한 번에 진행합니다. 핵심은 “빠른 구현 + 검색 엔진에 잘 노출되는 SEO 기반”입니다. 🏁 강의 목표 랜딩 제작 → 성능 최적화 → SEO 반영 → 배포/인덱싱 실시간 코딩(바이브 코딩)으로 섹션별 완성본을 바로 확인 검색 반영까지 직접 체험 🛠️ 실습 스택 Cursor AI, Next.js(App Router), TypeScript TailwindCSS, shadcn/ui, MCP 워크플로우 🔍 SEO 실습 강사가 제공하는 SEO 최적화용 MD 파일 적용 메타데이터, OG/Twitter 카드, robots/sitemap, 구조화 데이터(JSON-LD) 다국어 라우팅 선택 적용 🎯 완성물 반응형 회사 소개 랜딩 + 문의 폼 Lighthouse 95+ 목표 Vercel 배포 후 Search Console 등록 및 인덱싱 요청 📚 이 강의로 배우는 것 히어로/신뢰/기능/FAQ 섹션을 빠르게 구성하는 법 shadcn/ui로 깔끔한 UI 구성 폼 검증과 기본 전환 추적 포인트 설계 구조화 데이터 + 다국어 라우팅으로 SEO 스코어 올리기 배포 후 Search Console을 통한 인덱싱 과정 이해 💡 현업 인사이트 (강의 특전) 단순히 코드 구현만이 아니라, 실제 시장에서 활용되는 마케팅·노출 방식도 간단히 짚어드립니다. 광고, 블로그 포스팅, 댓글 작업의 현실적인 단가 범위 외주·용역 업체들이 실제로 SEO, 노출 작업을 어떻게 진행하는지 개발자가 직접 참여했을 때와 외주를 맡겼을 때의 비용/효율 차이 이 부분을 통해 단순히 기술을 넘어서 실제 현업에서 어떻게 활용되는지, 어떤 비용 구조로 움직이는지까지 감각을 익힐 수 있습니다. 한 줄 정리 “구현 → 최적화 → 배포 → 인덱싱”의 흐름을 따라가며, 실제 검색 노출과 현업 시장 구조까지 연결되는 웹 제작 프로세스를 배웁니다.

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

이 강의는 Vanilla JavaScript로 Notion을 처음부터 끝까지 직접 구현하며, 단순한 UI 클론을 넘어서 내부 동작 원리를 깊이 이해하는 데 초점을 맞춘 풀스택 수준의 프런트엔드 프로젝트 과정입니다. 사이드바 트리, 중첩 문서 생성, 자동 저장, 라우팅, 휴지통, 즐겨찾기, 검색 모달, 설정 모달, 테마 전환, Export/Import, 키보드 단축키, 반응형 레이아웃, 드래그 리사이즈 등 실제 노트 앱의 핵심 기능을 모두 바닐라 JS로 직접 구현합니다. React, Vue 같은 프레임워크 이전에 반드시 알아야 할 브라우저 표준 동작(이벤트 버블링, DOM 트리, 로컬 스토리지, Blob, FileReader, 해시 라우팅 등)을 탄탄하게 학습해, “왜 이렇게 동작하는가”를 완전히 이해하고 디버깅할 수 있는 내공을 쌓는 것이 목표입니다.

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

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

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

스프링 부트(Spring Boot ver3.4.x)로 제작되는 API 서버와 React 19 (with TypeScript) 연동 프로젝트 완성하기! 백엔드 포트폴리오에 프론트 엔드 적용! 실무자들을 대상으로 작성된 강의(초급자용 강의는 아닙니다.)

파이썬/장고 웹서비스 개발의 기초를 탄탄히 다져보세요. 장고 학습에는 시간도 걸리지만, 반복되는 개발 속에 여러분의 생산성을 극대화하실 수 있습니다. 여러분의 상상을 현실로 만들어보세요.

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

"리엑트 잘하는 개발자되기" 책이 출간되었습니다. 이 책은 리액트 학습 전에 필요한 웹의 기본 원리부터 최신 리액트 훅까지 체계적으로 안내하여 탄탄한 기초 지식을 제공합니다. 총 40개 이상의 다채로운 실전 프로젝트와 풍부한 실습 예제를 통해 이론을 실무에 바로 적용하며 문제 해결 능력을 키울 수 있습니다. 또한 리덕스 툴킷, 주스탠드, 파이어베이스 등 현대 웹 개발에 필수적인 기술들을 함께 익혀 완성도 높은 리액트 애플리케이션 개발자로 성장하도록 돕습니다.

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

"왜 AI가 이런 코드를 짰지?", "왜 방금 말한 걸 기억 못 하지?" 클로드 코드(Claude Code)와 같은 AI 도구를 쓰다 보면 마주하는 답답함, 그 원인은 도구가 어떻게 동작하는지 모르니까입니다. 이 강의는 그 블랙박스를 투명하게 열어젖힙니다. 우리는 25강에 걸쳐 LLM에게 파일을 보는 '눈(Read)', 코드를 고치는 '손(Edit)', 명령을 수행하는 '발(Bash)'을 직접 달아주며, 실제 현업 도구와 똑같이 동작하는 나만의 Coding Agent를 밑바닥부터 구현합니다. 단순히 라이브러리 사용법을 배우는 것이 아닙니다. AI가 어떻게 프로젝트 구조를 파악하고, 왜 긴 대화에서 기억을 잃는지, 그것을 기술적으로 어떻게 해결하는지(Sliding Window, Summary) 직접 코드로 구현하며 체득합니다. 이 과정을 통해 여러분은 AI 도구의 단순한 '사용자'에서, 작동 원리를 꿰뚫고 도구를 내 입맛대로 개조하고 평가할 수 있는 'AI 공급자'의 시야를 갖게 될 것입니다.

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

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

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

프론트엔드 프로젝트를 미션 콘텐츠입니다. DevTime이라는 타이머 앱을 직접 구현해보면서 프로젝트 실습을 해볼 수 있도록 PRD 기획 문서, Figma 시안, API 엔드포인트를 제공합니다. 실제 서비스와 유사한 수준의 프로젝트를 구현해 보면서 그동안 학습한 지식을 완벽하게 자신의 것으로 만들어 보세요 🚀