React/Electron2 [React]Electron에 React 적용 #2. 파일 업로드 이번 포스팅은 Electron에 React를 적용하여 파일 업로드하는 방법을 소개합니다. 다음은 예제에 사용될 폴더 구조입니다. FileUpload 폴더가 존재하며, FileUpload에는 A, B 폴더 그리고 MainImage.jpeg 파일이 존재합니다. A 폴더에는 AA 폴더 그리고 AImage.jpeg 파일이 존재합니다. AA 폴더는 빈 폴더입니다. B 폴더에는 BImage.jpge 파일이 존재합니다. 목차 기존 JavaScript 파일 업로드의 문제점 Electron 폴더 업로드 선택한 폴더의 하위 파일 또는 폴더 참고자료 기존 JavaScript 파일 업로드의 문제점 기존 JavaScript의 파일 업로드는 input 태그에 type='file'로 설정하여 파일 업로드를 구현할 수 있습니다. 하.. React/Electron 2022. 1. 31. [React]Electron에 React 적용 #1. 환경설정 및 배포 Electron이란? Electron은 OS 제약이 없으며 데스크톱에서 사용 가능한 JavaScript 기반의 응용 프로그램입니다. 단순하게 설명하자면, 웹을 응용 프로그램처럼 사용하는 개념입니다. JavaScript 기반이므로 Augular, React, jQuery, Vue 등 개발자가 원하는 웹 프레임워크를 사용할 수 있으며, JavaScript와 Node에 익숙하다면 쉽게 개발할 수 있습니다. Electron의 장점 부트스트랩을 사용할 수 있으므로 Java Swing, C# WFT와 Winform에 비해 큰 공수를 들이지 않아도 됩니다. 특정 OS에 종속되지 않습니다. JavaScript, Node에 익숙하다면 접근하기 쉽습니다. Electron의 단점 응용 프로그램이 무겁습니다.(RAM과 CPU.. React/Electron 2022. 1. 28. 이전 1 다음