드브

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

닭강정

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

실습 중심

toy to portfolio

토이프로젝트

deploy basics

처음하는배포

Electron

electron

cross-platform

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux).
Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

dakgangjung123

입문

초급

중급이상

리액트

React

일렉트론

GUI 프로그래밍

zustand

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

Ch0. Course Introduction and Basic Setup

Ch1. Setting up React-Vite + Electron.js Development Environment

Ch2. Tailwind CSS Dark Mode

Ch3. Page Routing and Sidebar Creation

Ch4. Creating Notification Page Layout and Structure

Ch5. Creating Add Notification and List Modal Windows

Ch6. Implementing Notification Addition Feature Logic

Ch7. Implementing Notification List, Editing, and Sound Features

Ch8. Creating Timer Page and Settings Modal

Ch9. Stopwatch Page/Feature Implementation

Ch10. Implementing Settings Page and Additional Features

Ch11. Windows / macOS / Linux App Packaging and Distribution