본문 바로가기

Dev Note/Electron3

2. 일렉트론의 프로세스 구조와 통신에 대해 알아보자. 이전 포스팅에서 일렉트론이 무엇인지에 대해 간략하게 알아보았습니다. 1. 데스크탑 애플리케이션 프레임워크, 일렉트론에 대해 알아보자. 시작하며 지금까지 일렉트론을 통해 pc앱 개발/빌드/유지보수를 해오면서 개인적으로 공부도 하고 정리도 하고 회사 내에서 간간이 세미나도 진행해 왔다. 하지만 돌아보면 A to Z의 글로 흐름 있 todayscoding.tistory.com 이번에는 일렉트론의 프로세스 구조가 어떻게 되어있는지, 프로세스 간 통신을 어떻게 하는지에 대해 좀 더 자세히 알아보겠습니다. 일렉트론에서 가장 중요한 개념은 ‘격리’ 와 ‘통신’이다. 프로세스 구조를 모른 채로 Electron을 활용해서 개발을 하다 보면같은 js로 짜인 코드 간의 호출인데도 '왜 될 거 같은데 안되지?', '값을 넘겼.. 2023. 3. 12.
1. 데스크탑 애플리케이션 프레임워크, 일렉트론에 대해 알아보자. 시작하며 지금까지 일렉트론을 통해 pc앱 개발/빌드/유지보수를 해오면서 개인적으로 공부도 하고 정리도 하고 회사 내에서 간간이 세미나도 진행해 왔다. 하지만 돌아보면 A to Z의 글로 흐름 있게 '잘' 남기지는 못한 것 같아 글로 남겨야 한다는 필요성을 느꼈고, 일렉트론에 대한 공부가 필요한 사람들이 참고하면 좋을만한 정보들이 내 개인 노션에만 잠들어있는 게 아쉬웠다. 앞으로 블로그에 쓰인 시리즈의 글을 통해 누군가가 아래의 정보들을 얻어갈 수 있도록 작성해 나가는 것이 목표다. 일렉트론이 무엇인지, 일렉트론의 프로세스 구조는 어떻게 생겼는지, 본인이 개발한 웹 서비스로 어떻게 pc 앱을 만들 수 있는지, 어떻게 인증서를 넣어 빌드를 하는지, 자동 배포 구조는 어떻게 만드는지 사실 일렉트론을 주제로 꾸.. 2023. 2. 26.
일렉트론 커스텀 네비게이션바 [작업한 이유] 데스크탑 설치형 서비스를 일렉트론이라는 툴을 이용해서 개발하고 있다. 그리고 일렉트론은 기본적으로 제공하는 상단 바가 존재하지 않는다. 이전에 우리 서비스는 뒤로가기/앞으로가기가 따로 없이 레이어를 전환하는 방식으로 구현되어있었는데 이번 웹 리뉴얼에서 뒤로가기/앞으로가기가 생기면서 설치형에서도 해당 기능을 사용할 수 있도록 상단바의 일부 기능이 필요하게 되었다. 찾아보니 라이브러리를 이용하는 방식도 있지만 직접 아이콘으로 커스텀하여 기능을 적용하는 방식이 더 서비스에 녹아들기 좋을 것 같아 직접 기능을 넣는 방식으로 결정했다. - 뒤로가기 - 앞으로가기 - 새로고침 - 우클릭시 새로고침 / 강력새로고침 선택팝업 [작업방식] 이참에 일렉트론의 이벤트만 처리하는 파일도 분리해서 작업했고 이벤.. 2021. 8. 24.
반응형