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

쉽고 직관적인 문법을 가진 파이썬! 프로그래밍 입문용 언어로 명성이 자자한 파이썬을 기초부터 실습까지 함께 배워보세요! 이 강의에서는 파이썬의 소개와 변수, 자료형, 조건문, 반복문을 학습합니다.

AI에게 원하는 답을 정확히 얻어내는 '프롬프트 엔지니어링'의 핵심 기술을 배웁니다. 왕초보의 첫걸음부터 전문가의 실전 응용까지, AI 활용 능력을 극대화하세요!

쉽고 직관적인 문법을 가진 파이썬! 프로그래밍 입문용 언어로 명성이 자자한 파이썬을 기초부터 실습까지 함께 배워보세요! 이 강의에서는 파일과 예외처리, 내장 함수, 정렬과 탐색, 람다식, 이터레이터, 제너레이터, 연산자 오버로딩, 모듈, 스레드를 학습합니다.

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

SQLD 자격증 취득 과정에 필요한 핵심만 담았습니다. 개발환경을 설정하는 것에서부터 다양한 예제를 직접 풀어보며 실력을 쌓아 SQLD 자격증을 취득할 수 있도록 학습해보는 과정입니다.

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

SQLD 자격증 취득 과정에 필요한 핵심만 담았습니다. 개발환경을 설정하는 것에서부터 다양한 예제를 직접 풀어보며 실력을 쌓아 SQLD 자격증을 취득할 수 있도록 학습해보는 과정입니다.

SQLD 자격증 취득 과정에 필요한 핵심만 담았습니다. 개발환경을 설정하는 것에서부터 다양한 예제를 직접 풀어보며 실력을 쌓아 SQLD 자격증을 취득할 수 있도록 학습해보는 과정입니다.

SQLD 자격증 취득 과정에 필요한 핵심만 담았습니다. 개발환경을 설정하는 것에서부터 다양한 예제를 직접 풀어보며 실력을 쌓아 SQLD 자격증을 취득할 수 있도록 학습해보는 과정입니다.

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

파이썬 프로그래밍 언어를 100개의 문제로 학습하는 과정입니다. 본 과정은 총 3개의 파트로 구성되어 있으며 파트1에서는 변수, 자료형, 연산자, 조건문, 반복문을 주제로 문제를 풀어봅니다.

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

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

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

이 강의는 HeyGen, Viggle, Runway 등 AI 툴을 활용해 말하는 아바타, AI 댄스, 동화 애니메이션 등 다양한 영상을 직접 만드는 실전 입문 과정입니다.

전산회계 2급은 회계정보를 이해하고 활용할 수 있는 능력을 평가하는 국가공인 자격증입니다. 본 과정은 한국세무사회 주관 케이렙(KE-LAB) 프로그램을 활용하여 전산회계 2급 시험 합격을 목표로 합니다. 회계 지식이 전혀 없는 초보자도 쉽게 따라올 수 있도록, 회계원리의 기초부터 실무 프로그램 활용법까지 체계적으로 학습할 수 있도록 구성되어 있습니다.

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

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

Maya 2020 버전이 가진 3D 효과 및 모션그래픽 작업에 필요한 기본 기능을 익힐 수 있습니다. (네 번째 파트)

Maya 2020 버전이 가진 3D 효과 및 모션그래픽 작업에 필요한 기본 기능을 익힐 수 있습니다. (세 번째 파트)

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

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

리액트의 컴포넌트를 만드는 법과 리액트와 불변의 관계를 알아봅니다.

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

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

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

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

이 강의를 통해 파이어베이스로 DB의 관계를 구현하는 방법을 배우시게 됩니다. 빠르게 리액트 풀스택 개발자가 될 수 있습니다. 고용이 불안정한 지금 이 시대에는 새로운 기술을 배워 자신의 가치를 올려야 합니다. 그리고 무언가를 만들어야 합니다. 그 사이드 프로젝트와 아이디어를 구현 할 때 데이터의 "관계"를 구현할 수 있어야 합니다. 이 강의는 파이어베이스 "파이어스토어"로 "관계"를 구현할 수 있도록 도와 드립니다.

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

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

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

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

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

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

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

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

리액트 개발자라면 누구나 한 번쯤 useMemo, useCallback과 씨름하며 "이걸 꼭 수동으로 해야 하나?"라는 의문을 가져보셨을 겁니다. 드디어 그 고민을 해결해 줄 React Compiler가 등장했습니다. 하지만 새로운 기술이 나올 때마다 방대한 공식 문서를 처음부터 끝까지 정독하는 것은 부담스러운 일입니다. 그래서 제가 리액트 컴파일러 공식 문서를 꼼꼼하게 분석하고, 핵심만 뽑아 쉽게 이해할 수 있는 강좌를 준비했습니다. 이 강좌에서는 이런 내용을 다룹니다: - Why: 리액트 컴파일러가 왜 등장했는지, 기존 방식과 무엇이 다른지 - How: 프로젝트에 바로 적용하는 설치 및 설정 방법 - Troubleshooting: 공식 문서에서 강조하는 주의사항과 에러 해결 팁 이제 수동 메모이제이션의 고통에서 벗어나 비즈니스 로직에만 집중하세요. 이 강좌가 여러분의 리액트 개발 경험을 한 단계 업그레이드해 줄 것입니다.

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

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