[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

이 강의는 “타이타닉에 내가 탔다면 과연 살아남을 수 있었을까?”라는 질문에서 출발하여, 실제 데이터를 기반으로 생존 확률을 예측하는 AI 모델을 개발하고, 이를 웹으로 서비스하는 풀스택 프로젝트를 완성합니다. PyTorch를 이용한 딥러닝 모델링, FastAPI로 백엔드 서버 구축, Next.js로 사용자 인터페이스 구현에 이르기까지, AI와 웹 개발의 전 과정을 실습하게 됩니다.

React, Node.js, MongoDB를 활용해 회사 웹사이트를 직접 제작하는 과정을 배울 수 있는 실전 강의입니다. 간단한 React, Node.js 배경으로 풀스택 프로젝트를 같이 만들어요!

🔥 HTML + Tailwind CSS + 순수 JavaScript만으로 완성하는 Firebase 사용자 인증! 소셜 로그인·휴대폰·위치 인증까지, 복잡한 백엔드 없이 쉽고 빠르게 계정 시스템 구축합니다.

이 강의는 Notion API의 기초를 다지고, AI(Claude)를 연동하여 노션을 자동화하는 Notion MCP 활용법을 배우는 과정입니다. API 공식 문서를 따라 블록, 페이지, 데이터베이스를 직접 제어하는 방법을 익히고, 최종적으로는 자연어 명령어(프롬프트)만으로 데이터베이스를 생성하고 텍스트 파일 내용을 분석해 자동으로 페이지를 추가하는 실전 프로젝트를 완성합니다.

이 강의에서는 React와 FastAPI를 활용해 실시간 투표, 댓글, 좋아요 등의 소셜 기능은 물론, 결제 시스템(카카오페이, 토스페이 등)을 연동해 수익화하는 방법까지 단계별로 실습합니다.

🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

비싼 마케팅 프로그램 쓰지 마시고 (월 29만원 꼴!), 강의 듣고 평생 쓸 수 있는 프로그램 장만하세요.

Qt QML과 C++를 사용하여 크로스플랫폼 애플리케이션 개발에 입문할 수 있습니다. 해당 강의에서는 윈도우 응용 프로그램 타겟으로 개발을 진행합니다.

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

PyQt를 이용하여 Python GUI 프로그래밍 세계에 빠져봅시다! Python으로 계산기와 같은 프로그램을 만들 수 있는 강좌입니다! Googletrans 라이브러리를 활용한 번역기, 계산기, AI 기술을 결합한 이미지 인식 프로그램 등으로 재미있게 풀어냅니다. :)

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

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

Qt는 GUI뿐만 아니라 네트워크, 데이터베이스, 멀티미디어, IPC 등 다양한 기능을 제공하여 Python으로 쉽고 빠르게 다양한 분야의 애플리케이션을 개발할 수 있는 강력한 프레임워크입니다. 본 강의를 통해 Qt 기초부터 다양한 예제를 통해 Python에서 Qt를 효과적으로 활용하는 방법을 배워보겠습니다.

스마트폰 앱과 윈도우 앱을 동시에? C#으로 만들어보는 크로스 플랫폼! C#을 몰라도 이 강의를 통해 C# 기초를 배우고, Xamarin으로 스마트폰 앱과 윈도우 앱(UWP)을 만들어 볼 수 있습니다.Maui(마우이)강의도 추가 하였습니다.

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

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

Python으로 만들어보는 게임, PyGame! 위니브즈와 함께 즐거운 게임을 만들어 볼까요?

React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!

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

이 강의를 통해서 레딧 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

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

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

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

파이썬을 활용하여 추억의 오락실 게임을 만듭니다. 스크롤을 내려서 원본 게임과 한 번 비교해보세요 !

실전 프로젝트를 중심으로 Qt와 Python 프로그래밍 기술을 익힙니다. 이 강의를 통해 최신 Qt와 Python 프로그래밍 트렌드와 기법을 학습함으로써 초급에서 중급 수준으로의 성장을 도모할 수 있습니다.

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.