Electron+React 프로그램에서 Electron 타이틀바 비활성화

안녕하세요:) 개발자 우디입니다! 아래 내용 관련하여 작업 중이신 분들께 도움이되길 바라며 글을 공유하니 참고 부탁드립니다😊
(이번에 벨로그로 이사오면서 예전 글을 옮겨적었습니다. 이 점 양해 부탁드립니다!)

작업 시점: 2021년 4월

상황

• Electron에는 상단 타이틀바에 메뉴가 있는데, 특정 시점에 사용자가 해당 메뉴에 접근하지 못하도록 해야 했음.
• 해당 시점에는 사용자가 모달을 통해 특정 작업을 해야하는 상황임.

초반 고민

• 일렉트론 api 중에 타이틀바 비활성화 관련된 것이 있나 찾아볼까?

해결

• 일렉트론 api를 찾아보고 구글링 해봤는데 잘 나오지 않아서 고민이 많았음.
• 그러던 중 electron 쪽이 아니라 모달의 z-index를 타이틀바 보다 높이는 방식이 떠올라 이 방식으로 구현

  onst modalStyle = {
  overlay: {
    backgroundColor: 'rgba(0, 0, 0, 0.75)',
    zIndex: 99999 + 1, // to cover title bar
  },
    ...생략...
  };

배우고 느낀 점

• 문제 해결 방법은 다양하고, 내가 생각한 것보다 더 좋은 방법이 있을 수 있으니 항상 다양한 관점으로 생각하려고 노력하기