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

데이터베이스 구축에서부터 테이블 생성, 각종 SQL 쿼리문을 사용해서 데이터베이스 내 데이터를 조작, 변경할 수 있습니다.

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

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

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

오브젝트를 생성하고 컴포넌트를 조작하는 기초적인 방법과 함께 주요 모델링 기능 등을 알아볼 것입니다. 학습한 모든 내용을 토대로 간단한 물체를 연습 모델링을 진행해볼 것입니다.

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

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

사진, 디지털 이미지 작업을 위한 Adobe Lightroom(어도비 라이트룸) 강의입니다.

사진, 디지털 이미지 작업을 위한 Adobe Lightroom(어도비 라이트룸) 강의입니다.

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

따라하기 형식으로 이루어진 기초 Rhinoceros 3D 툴 강의로, 다양한 3D 모델링을 작성하며 프로그램의 기능을 익혀봅니다.

유니티 공식 튜토리얼 영상인데 Jemin_Dev 님께서 번역해 주셨습니다.

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

이 과정에서는 blender의 애니메이션과 관련된 기능을 주로 알아봅니다. 기본적인 키프레임 애니메이션을 만들고 키를 수정하는 몇 가지 방법을 학습해봐요.

본 과정을 통해 학습자는 컴퓨터활용능력 자격증을 취득할 수 있는 능력을 가질 수 있습니다. 컴퓨터활용능력 자격증을 취득하기 위한 과정으로 출제 기준에 맞추어 구성되었습니다. 컴퓨터활용능력 과목에 대한 기초지식을 익히고 활용하여 자격증 취득을 대비할 수 있습니다. (컴퓨터활용능력 1,2급 실기 - 스프레드시트 실무

본 과정을 통해 학습자는 컴퓨터활용능력 자격증을 취득할 수 있는 능력을 가질 수 있습니다. 컴퓨터활용능력 자격증을 취득하기 위한 과정으로 출제 기준에 맞추어 구성되었습니다. 컴퓨터활용능력 과목에 대한 기초지식을 익히고 활용하여 자격증 취득을 대비할 수 있습니다.

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

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

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

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

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

수백명의 개발자를 배출한 ‘진짜’ 부트캠프의 완벽한 프론트엔드 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [코드캠프]가 준비했습니다 :)

이 강의는 브라우저가 HTML을 받아 DOM을 만들고, CSSOM과 결합해 화면에 픽셀을 그려내는 Critical Rendering Path(CRP) 과정을 처음부터 끝까지 다룹니다. 단순한 DOM 조작을 넘어, CSS와 JS가 성능에 어떤 영향을 주는지, 이미지·폰트 최적화, Lazy Loading, Intersection Observer, 가상 리스트, 그리고 DevTools 실습까지 이어지며 실제 웹 성능을 눈에 띄게 개선할 수 있는 실전 전략을 배울 수 있습니다.

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

React + TypeScript를 활용하여 실무 감각으로 “할 일 관리 앱(ToDo List)”을 직접 만드는 프로젝트 중심 과정입니다. 단순히 문법을 배우는 데 그치지 않고, 컴포넌트 구조 설계 → 상태 관리 → 타입 적용 → 기능 구현 → 로컬 스토리지 연동 → 배포까지 실제 서비스 형태로 완성하면서 타입스크립트의 활용 감각을 익힐 수 있습니다.

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

React, Next.js, Vue를 아무리 공부해도 코드가 추상적으로 느껴지고, 구조가 확실히 이해되지 않는다면, 그 근본 원인은 DOM에 대한 이해 부족일 수 있습니다. DOM은 모든 프론트엔드 프레임워크의 기반이며, 웹 페이지의 구조와 동작을 연결해주는 실체입니다. 이 강의는 단순한 선택자나 조작법을 넘어, HTML이 어떻게 DOM 객체로 바뀌고, 이 구조를 어떻게 선택하고 탐색하며, 조작할 수 있는지를 처음부터 차근차근 알려주는 DOM 완전 정복의 Part 1 입문 강의입니다. HTML 태그는 구조일 뿐이고, 자바스크립트는 행동일 뿐이지만, 그 둘을 연결하는 핵심이 DOM입니다. 이 연결고리를 명확히 이해하면, 어떤 프레임워크를 쓰든 그 안의 진짜 구조와 흐름을 정확히 꿰뚫어볼 수 있게 됩니다.

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

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

React와 Firebase를 활용하여 로그인, 게시글 관리, 파일 업로드, 프로필 관리 등 실제 서비스에서 사용되는 핵심 기능을 구현하는 웹 애플리케이션을 만들어보는 강의입니다. Firebase Authentication을 이용한 이메일 로그인과 소셜 로그인, Firestore 기반 데이터 저장 및 실시간 데이터 처리, Firebase Storage를 활용한 파일 업로드 기능, 그리고 프로필 관리 기능까지 단계적으로 구현하면서 하나의 완성된 웹 서비스를 만들어 보실 수 있습니다. 프론트엔드 개발을 배우시는 분들이 복잡한 서버 구축 없이 Firebase를 활용하여 빠르게 웹 서비스를 구현하는 방법을 이해하실 수 있도록 구성된 강의입니다.

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

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

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

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

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

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

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

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

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

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.