# [Electron #1] Building a Timer App with Electron + React (With Zustand)

What if AI could directly open a browser and write shell scripts to resolve server issues? Through practical automation know-how implemented with OpenClaw across Windows and Linux, we guide you on the shortest path to completing your own powerful remote development environment without complex configurations.

Based on the experience of wondering how facial recognition works in offline environments on-site, this course will guide you through building the basic structure of a facial recognition-based access and attendance management system using React + Electron and Python's FastAPI-based DeepFace. Rather than focusing on perfection, we focus on understanding the operating principles and laying the foundation for you to expand into your own personal projects.

This course covers the fundamentals of the Notion API and teaches you how to automate Notion by integrating AI (Claude) using Notion MCP. You'll learn to directly control blocks, pages, and databases by following the official API documentation, and ultimately complete a hands-on project that creates databases and automatically adds pages by analyzing text file content using only natural language commands (prompts).

This course starts with the question "If I had been on the Titanic, could I have survived?" and completes a full-stack project that develops an AI model to predict survival probability based on actual data and serves it as a web service. You'll practice the entire process of AI and web development, from deep learning modeling using PyTorch, building a backend server with FastAPI, to implementing a user interface with Next.js.

In this course, you will practice step-by-step using React and FastAPI to implement social features like real-time voting, comments, and likes, as well as integrating payment systems (KakaoPay, TossPay, etc.) for monetization.

🔥 Build a customized platform for Hanja learning! Leverage Google Gemini AI and Firestore to directly implement your own Hanja vocabulary book, stroke order animation, and even handwriting recognition!

🔥 Firebase User Authentication Completed with just HTML + Tailwind CSS + Pure JavaScript! From social login to phone and location verification, easily and quickly build an account system without a complex backend.

This is a practical course where you can learn how to build a company website yourself using React, Node.js, and MongoDB. Let's build a full-stack project together with a basic background in React and Node.js!

Take the leap from a beginner to an intermediate developer by learning Qt/QML programming skills and the latest technologies through real-world projects.

In this course, you will learn React from basic to intermediate level. This single course is designed to help you learn the concepts, practice them, and acquire most of the knowledge you need for React all at once.

Don't use expensive marketing programs (about 290,000 won a month!), take a class and get a program that you can use for the rest of your life.

Let's quickly learn React's core design patterns through concepts and examples!

Understanding Spring Boot + React.js Login (+Social) Service is a course designed to help you deeply understand the authentication flow between frontend and backend, by directly implementing a practical login system that includes JWT-based authentication and social login (Kakao/Google). The frontend is built on React.js, and the backend on Spring Boot, enabling you to learn step by step the practices used in real service environments, such as the Access Token + Refresh Token approach, user state management using HttpOnly Cookie and Redux, Role-based authorization, and social login integration.

Learn Qt and Python programming skills through real-world projects. This course will help you grow from beginner to intermediate level by learning the latest Qt and Python programming trends and techniques.

Smartphone apps and Windows apps at the same time? Create cross-platform with C#! Even if you don't know C#, you can learn C# basics through this course and create smartphone apps and Windows apps (UWP) with Xamarin. Maui course has also been added.

A full course of hands-on Next.js! Complete a real-world project with the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

This is a project-centered course that builds a "To-Do List Management App" with practical skills using React + TypeScript. Rather than just learning syntax, you can develop a sense for TypeScript application by completing it as an actual service through component structure design → state management → type application → feature implementation → local storage integration → deployment.

Learn GUI programming using Python and create a useful program that merges multiple images.

Qt is a powerful framework that provides not only GUI but also various functions such as network, database, multimedia, IPC, etc., so you can easily and quickly develop applications in various fields with Python. In this lecture, we will learn how to effectively utilize Qt in Python through various examples starting from the basics of Qt.

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

React-based GPT AI Service: Complete in 1 Hour After taking the lecture, build your own AI GPT SASS solution.

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

"A hands-on web development project course that covers everything from planning and design to implementation and deployment using Generative AI." We will complete the entire process together step-by-step—starting from idea conception, quickly creating designs with AI, implementing a functional website with React, and finally deploying it to the internet. Latest AI tools like Stitch and Figma Make will assist with your design work, and even complex coding will be taught in a way that is easy to follow step-by-step.

In this course, you will learn how to create a chat application using React and Firebase.

This is a course where you will build a map service from scratch using the MERN stack (feat. TypeScript). Let's build it step-by-step while following the official API documentation.

"Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend development.

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.