강의

멘토링

로드맵

NEW
개발 · 프로그래밍

/

프론트엔드

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

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

(5.0) 수강평 2개

수강생 6명

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

이런 걸 배울 수 있어요

  • 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

안녕하세요
입니다.

1,315

수강생

138

수강평

23

답변

4.6

강의 평점

22

강의

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

 

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

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

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

 

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.

가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

커리큘럼

전체

8개 ∙ (50분)

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

수강평

전체

2개

5.0

2개의 수강평

  • wonder12421님의 프로필 이미지
    wonder12421

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    Good

    • yeseong0412
      지식공유자

      Thank you for taking the class!

  • yeseong0412님의 프로필 이미지
    yeseong0412

    수강평 23

    평균 평점 5.0

    5

    100% 수강 후 작성

    You can experience Electron using TypeScript!

    얼리버드 할인 중

    ₩6

    28%

    ₩8,800

    Neo님의 다른 강의

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

    비슷한 강의

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