📝 Improve grammar
[ci skip]
This commit is contained in:
parent
bde412dd69
commit
f426c9c951
23 changed files with 44 additions and 44 deletions
|
@ -3,7 +3,7 @@
|
||||||
`crash-reporter` 모듈은 어플리케이션의 크래시 정보를 자동으로 원격 서버에
|
`crash-reporter` 모듈은 어플리케이션의 크래시 정보를 자동으로 원격 서버에
|
||||||
업로드하는데 사용합니다.
|
업로드하는데 사용합니다.
|
||||||
|
|
||||||
다음 예제는 윈격 서버에 어플리케이션 크래시 정보를 자동으로 보고하는 예제입니다:
|
다음 예시는 윈격 서버에 어플리케이션 크래시 정보를 자동으로 보고하는 예시입니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
const crashReporter = require('electron').crashReporter;
|
const crashReporter = require('electron').crashReporter;
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
수 있는 모듈입니다. 이 모듈을 사용하면 웹 어플리케이션에서 일반 네이티브 어플리케이션과
|
수 있는 모듈입니다. 이 모듈을 사용하면 웹 어플리케이션에서 일반 네이티브 어플리케이션과
|
||||||
비슷한 사용자 경험을 제공할 수 있습니다.
|
비슷한 사용자 경험을 제공할 수 있습니다.
|
||||||
|
|
||||||
다음 예제는 파일과 디렉터리를 다중으로 선택하는 대화 상자를 표시하는 예제입니다:
|
다음 예시는 파일과 디렉터리를 다중으로 선택하는 대화 상자를 표시하는 예시입니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
var win = ...; // 대화 상자를 사용할 BrowserWindow 객체
|
var win = ...; // 대화 상자를 사용할 BrowserWindow 객체
|
||||||
|
|
|
@ -4,7 +4,7 @@ DOM의 File 인터페이스는 네이티브 파일을 추상화 합니다. 유
|
||||||
이용하여 작업할 때 선택된 파일의 경로를 알 수 있도록 Electron은 파일의 실제 경로를
|
이용하여 작업할 때 선택된 파일의 경로를 알 수 있도록 Electron은 파일의 실제 경로를
|
||||||
담은 `path` 속성을 File 인터페이스에 추가하였습니다.
|
담은 `path` 속성을 File 인터페이스에 추가하였습니다.
|
||||||
|
|
||||||
다음 예제는 앱으로 드래그 앤 드롭한 파일의 실제 경로를 가져옵니다:
|
다음 예시는 앱으로 드래그 앤 드롭한 파일의 실제 경로를 가져옵니다:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<div id="holder">
|
<div id="holder">
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
* 메시지에 동기로 응답할 땐 반드시 `event.returnValue`를 설정해야 합니다.
|
* 메시지에 동기로 응답할 땐 반드시 `event.returnValue`를 설정해야 합니다.
|
||||||
* 메시지를 비동기로 응답할 땐 `event.sender.send(...)` 메서드를 사용할 수 있습니다.
|
* 메시지를 비동기로 응답할 땐 `event.sender.send(...)` 메서드를 사용할 수 있습니다.
|
||||||
|
|
||||||
다음 예제는 렌더러 프로세스와 메인 프로세스간에 메시지를 전달하고 받는 예제입니다:
|
다음 예시는 렌더러 프로세스와 메인 프로세스간에 메시지를 전달하고 받는 예시입니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
// 메인 프로세스
|
// 메인 프로세스
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
인스턴스입니다. 렌더러 프로세스에서 메인 프로세스로 동기/비동기 메시지를 주고 받는
|
인스턴스입니다. 렌더러 프로세스에서 메인 프로세스로 동기/비동기 메시지를 주고 받는
|
||||||
방법을 제공합니다. 또한 메인 프로세스로부터 받은 메시지에 응답할 수도 있습니다.
|
방법을 제공합니다. 또한 메인 프로세스로부터 받은 메시지에 응답할 수도 있습니다.
|
||||||
|
|
||||||
[ipcMain](ipc-main.md)에서 코드 예제를 확인할 수 있습니다.
|
[ipcMain](ipc-main.md)에서 코드 예시를 확인할 수 있습니다.
|
||||||
|
|
||||||
## 메시지 리스닝
|
## 메시지 리스닝
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
`menu-item` 모듈은 어플리케이션 또는 컨텍스트 [`menu`](menu.md)에 항목 아이템을
|
`menu-item` 모듈은 어플리케이션 또는 컨텍스트 [`menu`](menu.md)에 항목 아이템을
|
||||||
추가할 수 있도록 관련 클래스를 제공합니다.
|
추가할 수 있도록 관련 클래스를 제공합니다.
|
||||||
|
|
||||||
[`menu`](menu.md)에서 예제를 확인할 수 있습니다.
|
[`menu`](menu.md)에서 예시를 확인할 수 있습니다.
|
||||||
|
|
||||||
## Class: MenuItem
|
## Class: MenuItem
|
||||||
|
|
||||||
|
|
|
@ -6,8 +6,8 @@
|
||||||
|
|
||||||
각 메뉴는 여러 개의 [메뉴 아이템](menu-item.md)으로 구성되고 서브 메뉴를 가질 수도 있습니다.
|
각 메뉴는 여러 개의 [메뉴 아이템](menu-item.md)으로 구성되고 서브 메뉴를 가질 수도 있습니다.
|
||||||
|
|
||||||
다음 예제는 웹 페이지 내에서 [remote](remote.md) 모듈을 활용하여 동적으로 메뉴를
|
다음 예시는 웹 페이지 내에서 [remote](remote.md) 모듈을 활용하여 동적으로 메뉴를
|
||||||
생성하는 예제입니다. 그리고 유저가 페이지에서 오른쪽 클릭을 할 때마다 마우스 위치에
|
생성하는 예시입니다. 그리고 유저가 페이지에서 오른쪽 클릭을 할 때마다 마우스 위치에
|
||||||
팝업 형태로 메뉴를 표시합니다:
|
팝업 형태로 메뉴를 표시합니다:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
|
@ -29,7 +29,7 @@ window.addEventListener('contextmenu', function (e) {
|
||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
또 하나의 예를 들자면 다음 예제는 렌더러 프로세스에서 template API를 사용하여
|
또 하나의 예를 들자면 다음 예시는 렌더러 프로세스에서 template API를 사용하여
|
||||||
어플리케이션 메뉴를 만듭니다:
|
어플리케이션 메뉴를 만듭니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
|
@ -331,7 +331,7 @@ OS X에선 지정한 어플리케이션 메뉴에 상관없이 메뉴의 첫번
|
||||||
이동하고 싶은 특정 그룹의 아이템들이 있을 경우 해당 그룹의 맨 첫번째 메뉴 아이템의
|
이동하고 싶은 특정 그룹의 아이템들이 있을 경우 해당 그룹의 맨 첫번째 메뉴 아이템의
|
||||||
위치만을 지정하면 됩니다.
|
위치만을 지정하면 됩니다.
|
||||||
|
|
||||||
### 예제
|
### 예시
|
||||||
|
|
||||||
메뉴 템플릿:
|
메뉴 템플릿:
|
||||||
|
|
||||||
|
|
|
@ -11,7 +11,7 @@ var appIcon = new Tray('/Users/somebody/images/icon.png');
|
||||||
var window = new BrowserWindow({icon: '/Users/somebody/images/window.png'});
|
var window = new BrowserWindow({icon: '/Users/somebody/images/window.png'});
|
||||||
```
|
```
|
||||||
|
|
||||||
이 예제는 클립보드로부터 가져온 `nativeImage`로 트레이 메뉴를 생성합니다:
|
이 예시는 클립보드로부터 가져온 `nativeImage`로 트레이 메뉴를 생성합니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
var image = clipboard.readImage();
|
var image = clipboard.readImage();
|
||||||
|
@ -73,7 +73,7 @@ var appIcon = new Tray('/Users/somebody/images/icon.png');
|
||||||
|
|
||||||
**참고:** 템플릿 이미지는 OS X 운영체제만 지원합니다.
|
**참고:** 템플릿 이미지는 OS X 운영체제만 지원합니다.
|
||||||
|
|
||||||
템플릿 이미지를 지정하려면 다음 예제와 같이 파일명에 `Template` 문자열을 추가해야
|
템플릿 이미지를 지정하려면 다음 예시와 같이 파일명에 `Template` 문자열을 추가해야
|
||||||
합니다:
|
합니다:
|
||||||
|
|
||||||
* `xxxTemplate.png`
|
* `xxxTemplate.png`
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
됩니다) 메인 프로세스의 `app` 모듈에서 `ready` 이벤트를 호출하기 전까지 사용할 수
|
됩니다) 메인 프로세스의 `app` 모듈에서 `ready` 이벤트를 호출하기 전까지 사용할 수
|
||||||
없습니다.
|
없습니다.
|
||||||
|
|
||||||
예제:
|
예시:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
var app = require('app');
|
var app = require('app');
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
`powerSaveBlocker` 모듈은 시스템이 저전력(슬립) 모드로 진입하는 것을 막고 앱 시스템과
|
`powerSaveBlocker` 모듈은 시스템이 저전력(슬립) 모드로 진입하는 것을 막고 앱 시스템과
|
||||||
화면이 항상 활성화 상태를 유지할 수 있도록 하는 몇가지 유틸리티를 제공하는 모듈입니다.
|
화면이 항상 활성화 상태를 유지할 수 있도록 하는 몇가지 유틸리티를 제공하는 모듈입니다.
|
||||||
|
|
||||||
예제:
|
예시:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
const powerSaveBlocker = require('electron').powerSaveBlocker;
|
const powerSaveBlocker = require('electron').powerSaveBlocker;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
`protocol` 모듈은 이미 있는 프로토콜의 동작을 가로채거나 새로운 프로토콜을 만들 수
|
`protocol` 모듈은 이미 있는 프로토콜의 동작을 가로채거나 새로운 프로토콜을 만들 수
|
||||||
있는 기능을 제공합니다.
|
있는 기능을 제공합니다.
|
||||||
|
|
||||||
다음 예제는 `file://` 프로토콜과 비슷한 일을 하는 커스텀 프로토콜을 설정합니다:
|
다음 예시는 `file://` 프로토콜과 비슷한 일을 하는 커스텀 프로토콜을 설정합니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
const electron = require('electron');
|
const electron = require('electron');
|
||||||
|
@ -87,7 +87,7 @@ The `uploadData` is an array of `data` objects:
|
||||||
속성을 포함하는 객체와 함께 호출되어야 한다는 점을 제외하면 `registerFileProtocol`과
|
속성을 포함하는 객체와 함께 호출되어야 한다는 점을 제외하면 `registerFileProtocol`과
|
||||||
사용법이 같습니다.
|
사용법이 같습니다.
|
||||||
|
|
||||||
예제:
|
예시:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
protocol.registerBufferProtocol('atom', function(request, callback) {
|
protocol.registerBufferProtocol('atom', function(request, callback) {
|
||||||
|
|
|
@ -9,7 +9,7 @@ Electron의 메인 프로세스에선 GUI와 관련 있는(`dialog`, `menu`등)
|
||||||
inter-process 통신을 하지 않고도 간단한 API를 통해 직접 메인 프로세스의 모듈과
|
inter-process 통신을 하지 않고도 간단한 API를 통해 직접 메인 프로세스의 모듈과
|
||||||
메서드를 사용할 수 있습니다. 이 개념은 Java의 [RMI][rmi]와 비슷합니다.
|
메서드를 사용할 수 있습니다. 이 개념은 Java의 [RMI][rmi]와 비슷합니다.
|
||||||
|
|
||||||
다음 예제는 렌더러 프로세스에서 브라우저 창을 만드는 예제입니다:
|
다음 예시는 렌더러 프로세스에서 브라우저 창을 만드는 예시입니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
const remote = require('electron').remote;
|
const remote = require('electron').remote;
|
||||||
|
@ -29,7 +29,7 @@ win.loadURL('https://github.com');
|
||||||
메서드를 호출하거나, 객체에 접근하거나, 생성자로 객체를 생성하는 등의 작업은 실질적으로
|
메서드를 호출하거나, 객체에 접근하거나, 생성자로 객체를 생성하는 등의 작업은 실질적으로
|
||||||
동기형 inter-process 메시지를 보냅니다.
|
동기형 inter-process 메시지를 보냅니다.
|
||||||
|
|
||||||
위의 예제에서 사용한 두 `BrowserWindow`와 `win`은 remote 객체입니다. 그리고
|
위의 예시에서 사용한 두 `BrowserWindow`와 `win`은 remote 객체입니다. 그리고
|
||||||
`new BrowserWindow`이 생성하는 `BrowserWindow` 객체는 렌더러 프로세스에서 생성되지
|
`new BrowserWindow`이 생성하는 `BrowserWindow` 객체는 렌더러 프로세스에서 생성되지
|
||||||
않습니다. 대신에 이 `BrowserWindow` 객체는 메인 프로세스에서 생성되며 렌더러
|
않습니다. 대신에 이 `BrowserWindow` 객체는 메인 프로세스에서 생성되며 렌더러
|
||||||
프로세스에 `win` 객체와 같이 이에 대응하는 remote 객체를 반환합니다.
|
프로세스에 `win` 객체와 같이 이에 대응하는 remote 객체를 반환합니다.
|
||||||
|
@ -94,7 +94,7 @@ console.log(withRendererCb, withLocalCb) // [true, true, true], [2, 3, 4]
|
||||||
않습니다. 함수 참조는 메인 프로세스에서 GC가 일어나기 전까지 계속 프로세스에 남아있게
|
않습니다. 함수 참조는 메인 프로세스에서 GC가 일어나기 전까지 계속 프로세스에 남아있게
|
||||||
됩니다.
|
됩니다.
|
||||||
|
|
||||||
다음 코드를 보면 느낌이 올 것입니다. 이 예제는 remote 객체에 `close` 이벤트 콜백을
|
다음 코드를 보면 느낌이 올 것입니다. 이 예시는 remote 객체에 `close` 이벤트 콜백을
|
||||||
설치합니다:
|
설치합니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
`shell` 모듈은 데스크톱 환경 통합에 관련한 유틸리티를 제공하는 모듈입니다.
|
`shell` 모듈은 데스크톱 환경 통합에 관련한 유틸리티를 제공하는 모듈입니다.
|
||||||
|
|
||||||
다음 예제는 설정된 URL을 유저의 기본 브라우저로 엽니다:
|
다음 예시는 설정된 URL을 유저의 기본 브라우저로 엽니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
const shell = require('electron').shell;
|
const shell = require('electron').shell;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
`webContents`는 [EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter)를
|
`webContents`는 [EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter)를
|
||||||
상속받았습니다. 웹 페이지의 렌더링과 관리를 책임지며
|
상속받았습니다. 웹 페이지의 렌더링과 관리를 책임지며
|
||||||
[`BrowserWindow`](browser-window.md)의 속성입니다. 다음은 `webContents` 객체에
|
[`BrowserWindow`](browser-window.md)의 속성입니다. 다음은 `webContents` 객체에
|
||||||
접근하는 예제입니다:
|
접근하는 예시입니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
const BrowserWindow = require('electron').BrowserWindow;
|
const BrowserWindow = require('electron').BrowserWindow;
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
상호작용이 비동기로 작동한다는 것을 의미합니다. 따라서 임베디드 콘텐츠로부터
|
상호작용이 비동기로 작동한다는 것을 의미합니다. 따라서 임베디드 콘텐츠로부터
|
||||||
어플리케이션을 안전하게 유지할 수 있습니다.
|
어플리케이션을 안전하게 유지할 수 있습니다.
|
||||||
|
|
||||||
## 예제
|
## 예시
|
||||||
|
|
||||||
웹 페이지를 어플리케이션에 삽입하려면 `webview` 태그를 사용해 원하는 타겟 페이지에
|
웹 페이지를 어플리케이션에 삽입하려면 `webview` 태그를 사용해 원하는 타겟 페이지에
|
||||||
추가하면 됩니다. (게스트 콘텐츠가 앱 페이지에 추가 됩니다) 간단한 예로 `webview`
|
추가하면 됩니다. (게스트 콘텐츠가 앱 페이지에 추가 됩니다) 간단한 예로 `webview`
|
||||||
|
@ -21,7 +21,7 @@
|
||||||
```
|
```
|
||||||
|
|
||||||
게스트 콘텐츠를 조작하기 위해 자바스크립트로 `webview` 태그의 이벤트를 리스닝 하여
|
게스트 콘텐츠를 조작하기 위해 자바스크립트로 `webview` 태그의 이벤트를 리스닝 하여
|
||||||
응답을 받을 수 있습니다. 다음 예제를 참고하세요: 첫번째 리스너는 페이지 로딩 시작시의
|
응답을 받을 수 있습니다. 다음 예시를 참고하세요: 첫번째 리스너는 페이지 로딩 시작시의
|
||||||
이벤트를 확인하고 두번째 리스너는 페이지의 로딩이 끝난시점을 확인합니다. 그리고
|
이벤트를 확인하고 두번째 리스너는 페이지의 로딩이 끝난시점을 확인합니다. 그리고
|
||||||
페이지를 로드하는 동안 "loading..." 메시지를 표시합니다.
|
페이지를 로드하는 동안 "loading..." 메시지를 표시합니다.
|
||||||
|
|
||||||
|
@ -200,7 +200,7 @@ API를 사용할 수 있습니다. 이를 지정하면 내부에서 로우레벨
|
||||||
|
|
||||||
**참고:** <webview> 태그 객체의 메서드는 페이지 로드가 끝난 뒤에만 사용할 수 있습니다.
|
**참고:** <webview> 태그 객체의 메서드는 페이지 로드가 끝난 뒤에만 사용할 수 있습니다.
|
||||||
|
|
||||||
**예제**
|
**예시**
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
webview.addEventListener("dom-ready", function() {
|
webview.addEventListener("dom-ready", function() {
|
||||||
|
@ -451,7 +451,7 @@ Webview 페이지를 PDF 형식으로 인쇄합니다.
|
||||||
임의의 인자를 보낼 수도 있습니다. 렌더러 프로세스는 `ipcRenderer` 모듈의 `channel`
|
임의의 인자를 보낼 수도 있습니다. 렌더러 프로세스는 `ipcRenderer` 모듈의 `channel`
|
||||||
이벤트로 이 메시지를 받아 처리할 수 있습니다.
|
이벤트로 이 메시지를 받아 처리할 수 있습니다.
|
||||||
|
|
||||||
예제는 [webContents.send](web-contents.md#webcontentssendchannel-args)를 참고하세요.
|
예시는 [webContents.send](web-contents.md#webcontentssendchannel-args)를 참고하세요.
|
||||||
|
|
||||||
### `<webview>.sendInputEvent(event)`
|
### `<webview>.sendInputEvent(event)`
|
||||||
|
|
||||||
|
@ -582,8 +582,8 @@ Returns:
|
||||||
|
|
||||||
`console.log` API에 의해 로깅될 때 발생하는 이벤트입니다.
|
`console.log` API에 의해 로깅될 때 발생하는 이벤트입니다.
|
||||||
|
|
||||||
다음 예제는 모든 로그 메시지를 로그 레벨이나 다른 속성에 관련 없이 호스트 페이지의
|
다음 예시는 모든 로그 메시지를 로그 레벨이나 다른 속성에 관련 없이 호스트 페이지의
|
||||||
콘솔에 다시 로깅하는 예제입니다.
|
콘솔에 다시 로깅하는 예시입니다.
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
webview.addEventListener('console-message', function(e) {
|
webview.addEventListener('console-message', function(e) {
|
||||||
|
@ -626,7 +626,7 @@ Returns:
|
||||||
|
|
||||||
페이지가 새로운 브라우저 창을 생성할 때 발생하는 이벤트입니다.
|
페이지가 새로운 브라우저 창을 생성할 때 발생하는 이벤트입니다.
|
||||||
|
|
||||||
다음 예제 코드는 새 URL을 시스템의 기본 브라우저로 여는 코드입니다.
|
다음 예시 코드는 새 URL을 시스템의 기본 브라우저로 여는 코드입니다.
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
webview.addEventListener('new-window', function(e) {
|
webview.addEventListener('new-window', function(e) {
|
||||||
|
@ -681,8 +681,8 @@ Returns:
|
||||||
|
|
||||||
페이지가 자체적으로 닫힐 때 발생하는 이벤트입니다.
|
페이지가 자체적으로 닫힐 때 발생하는 이벤트입니다.
|
||||||
|
|
||||||
다음 예제 코드는 페이지가 자체적으로 닫힐 때 `webview`를 `about:blank` 페이지로
|
다음 예시 코드는 페이지가 자체적으로 닫힐 때 `webview`를 `about:blank` 페이지로
|
||||||
이동시키는 예제입니다.
|
이동시키는 예시입니다.
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
webview.addEventListener('close', function() {
|
webview.addEventListener('close', function() {
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
|
|
||||||
공식적인 Electron의 심볼 서버의 URL은
|
공식적인 Electron의 심볼 서버의 URL은
|
||||||
http://54.249.141.255:8086/atom-shell/symbols 입니다. 일단 이 URL에 직접적으로
|
http://54.249.141.255:8086/atom-shell/symbols 입니다. 일단 이 URL에 직접적으로
|
||||||
접근할 수는 없습니다: 디버깅 툴에 심볼의 경로를 추가해야 합니다. 아래의 예제를 참고하면
|
접근할 수는 없습니다: 디버깅 툴에 심볼의 경로를 추가해야 합니다. 아래의 예시를 참고하면
|
||||||
로컬 캐시 디렉터리는 서버로부터 중복되지 않게 PDB를 가져오는데 사용됩니다.
|
로컬 캐시 디렉터리는 서버로부터 중복되지 않게 PDB를 가져오는데 사용됩니다.
|
||||||
`c:\code\symbols` 캐시 디렉터리를 사용중인 OS에 맞춰 적당한 경로로 변경하세요.
|
`c:\code\symbols` 캐시 디렉터리를 사용중인 OS에 맞춰 적당한 경로로 변경하세요.
|
||||||
|
|
||||||
|
|
|
@ -51,7 +51,7 @@ Electron 문서 구조를 이해하는 데 참고할 수 있는 유용한 도움
|
||||||
### Methods
|
### Methods
|
||||||
|
|
||||||
[Method](https://developer.mozilla.org/ko/docs/Glossary/Method) 문서의
|
[Method](https://developer.mozilla.org/ko/docs/Glossary/Method) 문서의
|
||||||
예제입니다:
|
예시입니다:
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -75,7 +75,7 @@ Electron 문서 구조를 이해하는 데 참고할 수 있는 유용한 도움
|
||||||
|
|
||||||
### Events
|
### Events
|
||||||
|
|
||||||
[Event](https://developer.mozilla.org/ko/docs/Web/API/Event) 문서의 예제입니다:
|
[Event](https://developer.mozilla.org/ko/docs/Web/API/Event) 문서의 예시입니다:
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
@ -168,7 +168,7 @@ Node API에는 `child_process.exec`, `child_process.spawn` 그리고
|
||||||
바이러스로 진단 할 수도 있습니다.
|
바이러스로 진단 할 수도 있습니다.
|
||||||
|
|
||||||
이 문제를 해결하려면 `--unpack` 옵션을 통해 파일을 압축이 풀려진 상태로 유지해야 합니다.
|
이 문제를 해결하려면 `--unpack` 옵션을 통해 파일을 압축이 풀려진 상태로 유지해야 합니다.
|
||||||
다음의 예제는 node 네이티브 모듈의 공유 라이브러리를 압축이 풀려진 상태로 유지합니다:
|
다음의 예시는 node 네이티브 모듈의 공유 라이브러리를 압축이 풀려진 상태로 유지합니다:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
$ asar pack app app.asar --unpack *.node
|
$ asar pack app app.asar --unpack *.node
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
|
|
||||||
**주의: 현재 React DevTools은 작동하지 않습니다. https://github.com/electron/electron/issues/915 이슈를 참고하세요!**
|
**주의: 현재 React DevTools은 작동하지 않습니다. https://github.com/electron/electron/issues/915 이슈를 참고하세요!**
|
||||||
|
|
||||||
다음 예제는 [React DevTools Extension](https://github.com/facebook/react-devtools)을
|
다음 예시는 [React DevTools Extension](https://github.com/facebook/react-devtools)을
|
||||||
사용합니다.
|
사용합니다.
|
||||||
|
|
||||||
먼저 소스코드를 다운로드 받습니다:
|
먼저 소스코드를 다운로드 받습니다:
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
# 온라인/오프라인 이벤트 감지
|
# 온라인/오프라인 이벤트 감지
|
||||||
|
|
||||||
온라인/오프라인 이벤트는 다음 예제와 같이 렌더러 프로세스에서 표준 HTML5 API를 이용하여
|
온라인/오프라인 이벤트는 다음 예시와 같이 렌더러 프로세스에서 표준 HTML5 API를 이용하여
|
||||||
구현할 수 있습니다.
|
구현할 수 있습니다.
|
||||||
|
|
||||||
_main.js_
|
_main.js_
|
||||||
|
@ -41,7 +41,7 @@ _online-status.html_
|
||||||
있습니다. 메인 프로세스는 `navigator` 객체를 가지고 있지 않기 때문에 이 이벤트를 직접
|
있습니다. 메인 프로세스는 `navigator` 객체를 가지고 있지 않기 때문에 이 이벤트를 직접
|
||||||
사용할 수는 없습니다.
|
사용할 수는 없습니다.
|
||||||
|
|
||||||
대신 다음 예제와 같이 Electron의 inter-process communication(ipc) 유틸리티를
|
대신 다음 예시와 같이 Electron의 inter-process communication(ipc) 유틸리티를
|
||||||
사용하면 이벤트를 메인 프로세스로 전달할 수 있습니다.
|
사용하면 이벤트를 메인 프로세스로 전달할 수 있습니다.
|
||||||
|
|
||||||
_main.js_
|
_main.js_
|
||||||
|
|
|
@ -71,7 +71,7 @@ your-app/
|
||||||
__알림__: 만약 `main` 필드가 `package.json`에 설정되어 있지 않으면 Electron은
|
__알림__: 만약 `main` 필드가 `package.json`에 설정되어 있지 않으면 Electron은
|
||||||
자동으로 같은 디렉터리의 `index.js`를 로드합니다.
|
자동으로 같은 디렉터리의 `index.js`를 로드합니다.
|
||||||
|
|
||||||
반드시 `main.js`에서 창을 만들고 시스템 이벤트를 처리해야 합니다. 대표적인 예제로
|
반드시 `main.js`에서 창을 만들고 시스템 이벤트를 처리해야 합니다. 대표적인 예시로
|
||||||
다음과 같이 작성할 수 있습니다:
|
다음과 같이 작성할 수 있습니다:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
|
@ -116,7 +116,7 @@ app.on('ready', function() {
|
||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
마지막으로, 사용자에게 보여줄 `index.html` 웹 페이지의 예제입니다:
|
마지막으로, 사용자에게 보여줄 `index.html` 웹 페이지의 예시입니다:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
@ -196,9 +196,9 @@ $ ./Electron.app/Contents/MacOS/Electron your-app/
|
||||||
### 미리 작성된 앱 실행하기
|
### 미리 작성된 앱 실행하기
|
||||||
|
|
||||||
[`atom/electron-quick-start`](https://github.com/electron/electron-quick-start)
|
[`atom/electron-quick-start`](https://github.com/electron/electron-quick-start)
|
||||||
저장소를 클론하면 이 문서에서 작성한 예제 앱을 바로 실행해 볼 수 있습니다.
|
저장소를 클론하면 이 문서에서 작성한 예시 앱을 바로 실행해 볼 수 있습니다.
|
||||||
|
|
||||||
**참고**: 이 예제를 실행시키려면 [Git](https://git-scm.com)과
|
**참고**: 이 예시를 실행시키려면 [Git](https://git-scm.com)과
|
||||||
[Node.js](https://nodejs.org/en/download/)가 필요합니다. (CLI에서 실행 가능한
|
[Node.js](https://nodejs.org/en/download/)가 필요합니다. (CLI에서 실행 가능한
|
||||||
[npm](https://npmjs.org)이 있어야 합니다)
|
[npm](https://npmjs.org)이 있어야 합니다)
|
||||||
|
|
||||||
|
|
|
@ -12,7 +12,7 @@ node.js의 버전을 확인할 필요가 있습니다. Electron에서 사용하
|
||||||
[releases](https://github.com/electron/electron/releases)에서 확인할 수 있으며
|
[releases](https://github.com/electron/electron/releases)에서 확인할 수 있으며
|
||||||
`process.version`을 출력하여 버전을 확인할 수도 있습니다.
|
`process.version`을 출력하여 버전을 확인할 수도 있습니다.
|
||||||
([시작하기](./quick-start.md)의
|
([시작하기](./quick-start.md)의
|
||||||
예제를 참고하세요)
|
예시를 참고하세요)
|
||||||
|
|
||||||
혹시 직접 만든 네이티브 모듈이 있다면 [NAN](https://github.com/nodejs/nan/) 모듈을
|
혹시 직접 만든 네이티브 모듈이 있다면 [NAN](https://github.com/nodejs/nan/) 모듈을
|
||||||
사용하는 것을 고려해보는 것이 좋습니다. 이 모듈은 다중 버전의 node.js를 지원하기 쉽게
|
사용하는 것을 고려해보는 것이 좋습니다. 이 모듈은 다중 버전의 node.js를 지원하기 쉽게
|
||||||
|
@ -28,7 +28,7 @@ Electron도 이 모듈을 통해 포팅된 네이티브 모듈을 사용할 수
|
||||||
[`electron-rebuild`](https://github.com/paulcbetts/electron-rebuild) 패키지를
|
[`electron-rebuild`](https://github.com/paulcbetts/electron-rebuild) 패키지를
|
||||||
사용하면 빠르고 간단하게 네이티브 모듈을 다시 빌드할 수 있습니다.
|
사용하면 빠르고 간단하게 네이티브 모듈을 다시 빌드할 수 있습니다.
|
||||||
|
|
||||||
다음 예제는 `electron-rebuild`를 통해 자동으로 모듈의 헤더를 다운로드하고 네이티브
|
다음 예시는 `electron-rebuild`를 통해 자동으로 모듈의 헤더를 다운로드하고 네이티브
|
||||||
모듈을 빌드합니다:
|
모듈을 빌드합니다:
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
|
|
|
@ -13,7 +13,7 @@ Electron에서 `chromedriver`를 사옹하려면 드라이버에서 Electron을
|
||||||
## WebDriverJs 설정하기
|
## WebDriverJs 설정하기
|
||||||
|
|
||||||
[WebDriverJs](https://code.google.com/p/selenium/wiki/WebDriverJs)는 WebDriver를
|
[WebDriverJs](https://code.google.com/p/selenium/wiki/WebDriverJs)는 WebDriver를
|
||||||
사용하여 테스트 할 수 있도록 도와주는 node 패키지입니다. 다음 예제를 참고하세요.
|
사용하여 테스트 할 수 있도록 도와주는 node 패키지입니다. 다음 예시를 참고하세요.
|
||||||
|
|
||||||
### 1. 크롬 드라이버 시작
|
### 1. 크롬 드라이버 시작
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue