강의

멘토링

커뮤니티

개발 · 프로그래밍

/

프론트엔드

누구보다 빠르게 해보는 Electron Todo List With TypeScript

누구보다 빠르게 해보는 Electron Todo List With TypeScript 리액트 기반의 데스크탑 동작 서비스를 만들 수 있는 Electron을 타입스크립트로 개발해보세요!

(4.9) 수강평 8개

수강생 52명

난이도 입문

수강기한 무제한

  • Neo
실습 중심
실습 중심
토이프로젝트
토이프로젝트
리액트감잡기
리액트감잡기
electron
electron
실습 중심
실습 중심
토이프로젝트
토이프로젝트
리액트감잡기
리액트감잡기
electron
electron

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.9

5.0

HelloWorld

100% 수강 후 작성

따라해보기 좋습니다 입문용으로 생각하면 좋습니다

5.0

DKN

100% 수강 후 작성

딥한 내용은 기대안했습니다만 따라해보고 입문용으론 제격인 듯 하네요 좋습니다.

5.0

wonder

100% 수강 후 작성

좋아요

수강 후 이런걸 얻을 수 있어요

  • TodoList 만들며 Electron 찍먹하기

  • React 기반의 데스크탑 앱이 어떻게 만들어지는지 알아보기

누구보다 빠르게 해보는 Electron Todo List With TypeScript

React, TypeScript, Electron, 포트폴리오

웹 기술로 만드는 데스크탑 애플리케이션!
React + TypeScript + Electron으로 Todo 앱을 만들어보세요.

🎯 강의 소개

이 강의는 웹 개발자도 쉽게 데스크탑 애플리케이션을 만들 수 있도록
Electron과 TypeScript를 처음부터 끝까지 실습 중심으로 배워보는 강의입니다.

한 번의 코드로 Windows, macOS, Linux에서 실행되는 앱을 만들어보고,
React와 TypeScript(Electron 포팅)로 구성된 Todo 리스트 애플리케이션을 직접 완성합니다.

🧩 이런 내용을 배워요

섹션주요 학습 내용

1. TypeScript 기초 타입 시스템, 함수와 인터페이스, 클래스, 제네릭 등 핵심 문법 정리

2. Electron 이해하기 Electron의 구조, 장단점, Node.js & Chromium 기반 이해

3. 개발 환경 세팅 VSCode, Node.js, nvm 설치부터 React 프로젝트 초기 세팅까지

4. Electron 연동하기 React + Electron 환경 구성 및 npm run dev로 동시 실행

5. Todo 앱 만들기 TypeScript와 React로 Todo CRUD 기능 구현

6. 마무리 & 빌드완성된 앱을 실행 파일로 패키징하는 방법 소개

🧠 학습 목표

  • TypeScript 문법을 정확히 이해하고 프로젝트에 적용할 수 있다.

  • Electron의 동작 구조를 이해하고 React 앱과 연동할 수 있다.

  • ✅ 하나의 코드로 크로스 플랫폼 데스크탑 앱을 개발할 수 있다.

  • React + TypeScript + Electron 통합 개발 환경을 직접 구성할 수 있다.

📚 개발 과정 및 주의사항

React + TypeScript로 투두 리스트 웹을 개발하고 일렉트론으로 포팅하여 데스크탑 앱으로 만듭니다.
강의는 React + TypceScript + Electron 을 사용해보는데 초점을 잡았습니다.

심화강의는 추후 제공될 예정이니 기초 강의임을 확인 후 수강해주세요!

이런 분들께 추천해요

웹 기술로 데스크탑 앱을 만들어보고 싶은 개발자

React + TypeScript
Electron

환경을 한 번에 익히고 싶은 분

TypeScript 문법을
실전 프로젝트로 연습하고 싶은 분

수강 전 참고 사항

실습 환경

  • 강의는 MacOS 기준으로 설명합니다. 윈도우 머신이라도 따라오실순 있습니다.

  • 강의에서는 VSCode을 사용합니다.

  • 강의는 Electron + TypeScript 사용을 목적으로 합니다!

학습 자료

  • 노션 링크로 제공해 드립니다!

선수 지식 및 유의사항

  • 기초 컴퓨터 활용 능력

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • React 를 배우고 더 딥하게 들어가고 싶으신 분

  • 데스크탑 서비스를 개발하는 방법을 알고 싶으신 분

  • Electron 에 대해 궁금해신 분

선수 지식,
필요할까요?

  • TypeScript

  • React

안녕하세요
입니다.

2,249

수강생

252

수강평

38

답변

4.7

강의 평점

29

강의

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.
가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

협업 및 기타 비즈니스 문의는 yeseong0412@gmail.com 으로 부탁드립니다!

커리큘럼

전체

8개 ∙ (50분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

8개

4.9

8개의 수강평

  • HelloWorld님의 프로필 이미지
    HelloWorld

    수강평 20

    평균 평점 5.0

    5

    100% 수강 후 작성

    따라해보기 좋습니다 입문용으로 생각하면 좋습니다

    • 정호연님의 프로필 이미지
      정호연

      수강평 71

      평균 평점 5.0

      5

      38% 수강 후 작성

      • Neo
        지식공유자

        감사합니다~!!

    • Edwards님의 프로필 이미지
      Edwards

      수강평 17

      평균 평점 5.0

      5

      38% 수강 후 작성

      • Neo
        지식공유자

        강의를 들어주셔서 감사합니다~!

    • fain9301님의 프로필 이미지
      fain9301

      수강평 97

      평균 평점 4.8

      4

      75% 수강 후 작성

      좋은 강의 감사합니다.

      • DKN님의 프로필 이미지
        DKN

        수강평 21

        평균 평점 5.0

        5

        100% 수강 후 작성

        딥한 내용은 기대안했습니다만 따라해보고 입문용으론 제격인 듯 하네요 좋습니다.

        ₩8,800

        Neo님의 다른 강의

        지식공유자님의 다른 강의를 만나보세요!

        비슷한 강의

        같은 분야의 다른 강의를 만나보세요!