Skip to content

Commit

Permalink
Merge branch 'master' into develop
Browse files Browse the repository at this point in the history
  • Loading branch information
lleellee0 committed Mar 26, 2019
2 parents 905f761 + 615de0c commit fc6b2d0
Showing 1 changed file with 53 additions and 31 deletions.
84 changes: 53 additions & 31 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,45 +1,67 @@
# electron-quick-start
# Simple File Share

**Clone and run for a quick way to see Electron in action.**
**간단히 파일 하나 상대에서 보내고 싶은데 파일이 너무 큰 경우 경험해 보셨나요?**

This is a minimal Electron application based on the [Quick Start Guide](https://electronjs.org/docs/tutorial/quick-start) within the Electron documentation.
- 네이버는 2GB
- 다음은 4GB
- 카카오톡은 300MB
- 텔레그램은 1500MB

**Use this app along with the [Electron API Demos](https://electronjs.org/#get-started) app for API code examples to help you get started.**
나는 큰 파일을 잠깐만 공유해서 상대에게 보내고 싶을 뿐인데 위 서비스 들은 그리 큰 크기를 지원하지 않습니다.

A basic Electron application needs just these files:
그렇다고 파일을 여러개로 나눠서 보내자니 번거롭고 나누는데 시간이 들기도 하고, 클라우드에 올리자니 클라우드에 올리기 너무 큰 파일도 있고 클라우드는 업로드 하는 시간도 너무 많이 듭니다.

- `package.json` - Points to the app's main file and lists its details and dependencies.
- `main.js` - Starts the app and creates a browser window to render HTML. This is the app's **main process**.
- `index.html` - A web page to render. This is the app's **renderer process**.
그래서 이 프로그램을 만들었습니다.

You can learn more about each of these components within the [Quick Start Guide](https://electronjs.org/docs/tutorial/quick-start).
[다운로드 링크](https://github.com/lleellee0/simple-file-share/releases/download/v1.0/simple-file-share-win32-ia32.zip)

## To Use

To clone and run this repository you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
## 사용법

```bash
# Clone this repository
git clone https://github.com/electron/electron-quick-start
# Go into the repository
cd electron-quick-start
# Install dependencies
npm install
# Run the app
npm start
```
1. 위 링크에서 Simple File Share를 다운로드 받는다.

Note: If you're using Linux Bash for Windows, [see this guide](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) or use `node` from the command prompt.
2. 다운로드가 완료되면 압축을 해제한다.

## Resources for Learning Electron
3. 압축 해제한 폴더에서 simple-file-share.exe를 실행한다.

- [electronjs.org/docs](https://electronjs.org/docs) - all of Electron's documentation
- [electronjs.org/community#boilerplates](https://electronjs.org/community#boilerplates) - sample starter apps created by the community
- [electron/electron-quick-start](https://github.com/electron/electron-quick-start) - a very basic starter Electron app
- [electron/simple-samples](https://github.com/electron/simple-samples) - small applications with ideas for taking them further
- [electron/electron-api-demos](https://github.com/electron/electron-api-demos) - an Electron app that teaches you how to use Electron
- [hokein/electron-sample-apps](https://github.com/hokein/electron-sample-apps) - small demo apps for the various Electron APIs
![img1](https://github.com/lleellee0/images/blob/master/1.png?raw=true)

## License
4. Select a file...을 클릭해 파일을 선택한다.
![img2](https://github.com/lleellee0/images/blob/master/2.png?raw=true)

[CC0 1.0 (Public Domain)](LICENSE.md)
![img3](https://github.com/lleellee0/images/blob/master/3.png?raw=true)

(여기서 방화벽 설정이 나오면 허용을 눌러주시면 됩니다.)

5. Share link에 표시된 링크를 복사한다.

**만약 192.168.xx.xx 같은 내부 IP를 사용중이면 공유기에서 포트포워딩 설정을 하시기 바랍니다.**

[공유기 포트포워딩](https://www.google.com/search?q=%EA%B3%B5%EC%9C%A0%EA%B8%B0+%ED%8F%AC%ED%8A%B8%ED%8F%AC%EC%9B%8C%EB%94%A9&rlz=1C1SQJL_koKR810KR810&oq=%EA%B3%B5%EC%9C%A0%EA%B8%B0+%ED%8F%AC%ED%8A%B8%ED%8F%AC%EC%9B%8C%EB%94%A9&aqs=chrome..69i57j0l5.2484j1j7&sourceid=chrome&ie=UTF-8)

![img4](https://github.com/lleellee0/images/blob/master/4.png?raw=true)

6. 복사한 링크(IP는 내부아이피가 아닌 포트포워딩 된 외부IP:포트)를 상대에게 보내준다.

7. 상대방이 해당 링크를 클릭하거나 브라우저에 붙여넣으면 다운로드가 시작된다.

![img5](https://github.com/lleellee0/images/blob/master/5.png?raw=true)

![img6](https://github.com/lleellee0/images/blob/master/6.png?raw=true)

8. 다운로드 완료

![img7](https://github.com/lleellee0/images/blob/master/7.png?raw=true)


## 사용법 영상
[![사용법 유튜브 영상](https://github.com/lleellee0/images/blob/master/fileshareuse.png?raw=true)](https://www.youtube.com/watch?v=bUs8SADLI7g)


## 참고

- [https://electronjs.org/](https://electronjs.org/) - Electron
- [https://codepen.io/GeoffreyCrofte/pen/HbwcG](https://codepen.io/GeoffreyCrofte/pen/HbwcG) - Flat UI, 파일 선택 UI
- [https://code.i-harness.com/ko-kr/q/37bdc9](https://code.i-harness.com/ko-kr/q/37bdc9) - Node.js IP 가져오기
- [https://nodejs.org/api/fs.html#fs_fs_createreadstream_path_options](https://nodejs.org/api/fs.html#fs_fs_createreadstream_path_options) - Node.js Stream
- [https://nodejs.org/api/crypto.html](https://nodejs.org/api/crypto.html) - Node.js Sha1 다이제스트 생성

0 comments on commit fc6b2d0

Please sign in to comment.