프로젝트 소개

Vanilla JavaScript, TypeScript, Electron 기반의 데스크탑 애플리케이션입니다.

저는 정해진 루틴대로 생활하고 있으며, 약도 제시간에 챙겨 먹어야 합니다. 하지만 핸드폰을 자주 보지 않아 시간을 놓치는 경우가 많았습니다.
이러한 문제를 해결하기 위해 이 애플리케이션을 만들었습니다.
이 애플리케이션은 데스크탑 환경에서 알림을 통해 중요한 일정을 놓치지 않도록 도와줍니다.

프로젝트 목표

1. JavaScript 기본기 강화: React와 같은 프레임워크 없이 순수 JavaScript로 애플리케이션을 구현하여 JavaScript의 기본기를 다집니다.
2. TypeScript 이해: TypeScript를 사용하여 코드의 안정성과 가독성을 높이는 방법을 익힙니다.
3. Electron 학습: Electron을 사용하여 웹 애플리케이션을 데스크탑 애플리케이션으로 변환하는 방법을 학습합니다.
4. React 심화 이해: 바닐라 JavaScript와 비교를 통해 React의 장점과 효율성을 심도 있게 이해합니다.

시작 가이드

요구사항

Installation

// 아직 제작 중입니다......

주요 구현 기능

• 컴포넌트 구현: 클래스 컴포넌트와 생명주기 메서드를 사용하여 애플리케이션의 UI 구성 요소를 구현합니다. 이를 통해 React의 생명주기 관리와 상태 관리에 대한 깊은 이해를 목표로 합니다.
• 라우팅 구현: 클래스를 활용하여 페이지 간의 이동을 처리하는 라우팅 기능을 구현합니다. 이를 통해 SPA (Single Page Application) 라우팅의 기본 원리를 학습합니다.
• JSX 구현: JSX와 유사한 구문을 직접 구현하여 React의 컴포넌트 렌더링 방식과 유사한 방식으로 UI를 구성합니다.
• 전역 상태 관리 구현: 애플리케이션 내에서 전역 상태를 관리하는 기능을 구현합니다.
• 가상 돔 구현: 가상 돔을 사용하여 효율적인 DOM 조작을 구현합니다. 이를 통해 실제 DOM 조작의 비용을 최소화하고 성능을 향상시키는 방법을 학습합니다.

기술 스택