본문 바로가기

electron4

Electron 프로세스의 주요 개념 이 번 포스팅에서는 Electron.js에서 중요한 개념인 Process에 대해서 알아 보겠습니다. Process Model Electron은 Chromium과 Node.js를 기반으로한 데스크톱 애플리케이션 개발 프레임워크입니다. Electron은 Chromium의 렌더러 프로세스와 Node.js의 메인 프로세스로 이루어져 있습니다. Electron의 프로세스 모델은 Chromium과 비슷한 멀티 프로세스 아키텍처를 사용합니다. 각각의 Electron 앱은 Node.js 메인 프로세스와 Chromium 렌더러 프로세스, 그리고 추가적인 프로세스를 가질 수 있습니다. 메인 프로세스(Main Process): 렌더러 프로세스와 통신하여 전반적인 앱의 동작을 제어하며, 파일 시스템 액세스, 네트워크 액세스,.. 2023. 3. 23.
Electron 실습1 - 이름 입력받고 출력하기 Electron.js를 이용해서 간단한 프로그램을 만들어 보겠습니다. 이번 실습은 간단하게 사용자의 이름을 받고, 버튼을 클릭하면, "[입력한 이름]"님 안녕하세요!"라는 문구를 그 아래에 찍는 실습입니다. 실습이니 만큼, 이해하기 쉽게 하기 위해서, 꾸미는 과정 없이 단순하게 작성하겠습니다. 소스와 함께 Electron이 구동되는 개념을 익히는데 중점을 두겠습니다. 1. 프로젝트 만들기 프로젝트 폴더 생성하기 이 번 실습에서는 "electron-test"라는 이름으로 진행합니다. (윈도우 사용자의 경우는 탐색기에서 실행하시면 됩니다.) mkdir electron-test 프로젝트 초기화와 electron패키지 설치하기 cd electron-test npm init -y npm install electr.. 2023. 3. 23.
프로그래밍 언어 하나로 서버, PC 애플리케이션, Web, App 그리고 AI 모두 만들 수 있는 언어는? 프로그래밍 언어 하나로 서버, PC 애플리케이션, 웹페이지, 휴대폰 App 그리고 요즘 핫 한 AI까지 만들 수 있는 언어는 바로 "JavaScript" 입니다. JavaScript언어 문법을 안다면 아래와 같이 CPU, Memory, Display와 같은 환경이 구축된 환경에서 모든 애플리케이션 제작이 가능합니다. 더 큰 장점은 소스 코딩 한 번으로 Windows, Linux, Mac과 같은 여러 플랫폼에 적용이 된다는 것입니다. Web 개발 HTML, CSS와 함께 동적인 웹페이지를 개발할 수 있습니다. 서버 개발 한 소스로 Windows, Linux, Mac OS에서 구동 가능 Node.js: 서버뿐만 아니라 클라이언트 개발에 사용되며, 주요 라이브러리들이 Node.js에 있으며, 아래에 나열되는 .. 2022. 7. 22.
Electron - Hello World! 우선, electron 앱을 만들기 위해서는 npm 설치가 되어 있어야 합니다. 프로젝트 폴더를 하나 생성합니다. (예: C:\ElectronTest) Node.js command prompt 를 실행 후 해당 디렉토리에서 아래의 작업을 수행하면 됩니다. (예: cd C:\ElectronTest) 1. package.json 파일 만들기 Node.js command prompt에서 아래 명령어를 실행합니다. npm init 위 명령어 실행 후 나오는 물음에 대해서 모두 Enter키로 스킵합니다. 수정이 필요한 경우 "npm init"을 다시 실행하거나 "package.json"파일을 수동으로 수정할 수 있습니다. 2. package.json에서 scripts 수정 일반 텍스트 편집기롤 package.js.. 2019. 4. 19.
반응형

티스토리툴바