사용자에게 탐색기에서 특정 파일을 선택하게하고 그 path를 받으려면?

참고 : https://www.electronjs.org/docs/api/dialog

dialog.showOpenDialogSync() / dialog.showOpenDialog()

import React from 'react';
import { remote } from 'electron';

const selectFile = () => {
  const ret = remote.dialog.showOpenDialogSync({
    properties: ['openFile', 'openDirectory', 'multiSelections']
  });

  console.log(ret);  // 선택한 파일의 경로 출력됨
};

• showOpenDialogSync는 동기 방식으로 탐색기가 열리면 기존 창이 비활성화됨. 또한 리턴값이 string[]
• showOpenDialog는 비동기 방식. 기존 창 쓸 수 있음. 리턴값은 Promise<string>
• renderer 프로세스에서 쓸려면 remote를 거쳐야됨. (위 예제가 remote 거친 것)