[electron] ELECTRON + React.js + Vite basic 기본 세팅
·
프로그래밍/Frontend
만들어보고 싶은 간단한 프로그램이 생각나서 처음에는 C#으로 WPF나 Winform으로 해볼까 싶다가도일렉트론이 불현듯 떠올라서 일렉트론으로 해볼까 한다.아무래도 일렉트론으로 하면 macOS에서도 사용하기 용이하니 좀 더 좋은 선택이었지 않나 싶다. 일렉트론은 쉽게 말하면 웹앱..? 앱웹...? 같은 느낌이다.결국 UI는 React.js로 사용을 하고 해당 React.js 화면을 일렉트론 창 위에 그리는 것일 뿐....!암튼 시작해보자.. 설치빈 폴더를 하나 만든다.처음은 vite+react.js를 만드는과정과 똑같다. 난 그냥 javascript로 해버린다. npm create vite@latest electronapp -- --template reactcd electronappnpm install 그..
[React] React.js vite로 github pages에 배포하기. (feat: 흰화면 에러.. router)
·
프로그래밍/Frontend
React.js 를 통하여 간단한 웹사이트를 만들 일이 생겼다.Vue.js 공부를 할 적에 막 나왔던 vite가 성능적으로 너무 빠르다는 것을 체감하고는이제는 React에서도 제공을 하기에..vite를 통하여 만들었고 일반적으로 개발을 하였다. 만들어서 보여줄 일이 필요하였기에 무료호스팅을 하려했는데, 보통은 파이어베이스로 호스팅을 쏘고는 하였으나..깃헙페이지로 간편히 할 수 있다길래이번에는 처음으로 깃헙으로 배포를 해보기로 하였다.문제는 일반 CRA로 만든 것과 vite로 만든것의 차이가 있었다는 것이다..(물론 깃헙 배포도 파베와는 좀 다르더라) 배포하는법간단히 배포하는 법을 적고 이야기 해보겠다.1. React 애플리케이션 빌드 npm run build일단 CRA와는 다르게 vite는 dist 폴더..