프로젝트 이름 : 감정 노트

설명 : 데크트 어플리케이션

사용된 기술 일렉트론, 리액트, MobX

코드 컨벤션 -

1. 특수 컴포넌트

   • 팝업이나 인터렉티브 메뉴를 위한 Z축 레이어 컴포넌트
   • 일렉트론과 연결된 IPC와 WINDOW API로 백엔드 연결을 담당하는 컴포넌트

2. 스타일 컴포넌트

   • Styled-components를 통한 Functional UI 구현
   • Global 스타일링 : 환경 설정(글꼴, 다크모드)관련 컴포넌트
   • 애니메이션 : 애니메이션과 관련된 컴포넌트 구분

3. 컴포넌트의 분할

   • 크기 관련, 레이아웃 관련 1번
   • column & row 는 어디서나 쓰임
   • 크기도 어디서나 쓰임.
     • 사이즈 컴포넌트를 따로 만들지 않고 Column & Row에 통합 고려
   • 크기를 가장 최 상단에 두는 게 맞아보임
   • 마진과 패딩은 GAP으로 최소화로 사용하고 싶음
   • 리깅하는 부분에서

4. 다이나믹 라우터

   • 컴포넌트 이름을 URL 주소로 자동으로 연결되는 방식 구현

5. ATOMIC 디자인

   • 본, 리깅, 스킨(CSS) 순서로 클린 컴포넌트 구현
   • props 와 emmit 등을 담당하는 컴포넌트 구현

6. IMPORT 별명 경로 설정하기

7. PAGE 컴포넌트에 위젯을 제외한 컴포넌트 없도록 구현 : 레이아웃 컴포넌트에서 미리 구현