[Electron] 01-2. Electron + Typescript + React 시작하기

기록용 포스팅이기에 간결히 적습니다. 하지만 질문 및 지적은 환영합니다. 프로젝트 경로를 만든 뒤, 일렉트론 앱을 만들어서 실행하기까지의 과정을 다룹니다. 경로를 만든 뒤, 해당 경로에서 npx create-react-app 앱이름 --template typescript electron 관련 패키지 설치 npm i electron-is-dev dev 환경을 인식하여 Hot-Reloading 이용하기 위함. npm i electron electron-builder concurrently cross-env wait-on --save-dev Electron-is-dev: 개발환경인지 빌드한 프로덕션환경인지 확인을 위하여 사용됨. Electron : 일렉트론을 실행하기 위해서 사용됨. Electron-build..

• format_list_bulleted Electron
• · 2022. 7. 25.
• textsms

[Electron] 01. Electron + Typescript 시작하기

강의를 위한 글이 아니기 때문에 최대한 간결하게 작성했습니다. 질문 및 지적 감사히 받겠습니다. 프로젝트 경로를 만든 뒤, 일렉트론 앱을 만들어서 실행하기까지의 과정을 다룹니다. React 추가 시, 아래 링크 참조. [Electron] 01-2. Electron + Typescript + React 시작하기 경로를 만든 뒤, 해당 경로에서 npm init index.js 말고 main.js를 entry point로 쓰는 게 관습. (Electron 공식 문서에서 "entry point should be main.js" 언급.) https://www.electronjs.org/docs/latest/tutorial/quick-start electron과 electron-builder를 설치. electro..

• format_list_bulleted Electron
• · 2022. 7. 24.
• textsms

[React Native] 01. Expo + Typescript 로 시작하기

기록용 포스팅이기에 간결히 적습니다. 하지만 질문 및 지적은 환영합니다. 리액트 네이티브 앱을 만들어서 실행하기까지의 과정을 다룹니다. Nextjs로 만든 웹을 기반으로 모바일에서 React Native Webview 활용 예정. 이런 구조의 장점 Web과 이질감 없는 UI를 쉽게 만들 수 있음. 매번 앱 스토어 업데이트 필요 없음. 빠르고 쉽게 구현. React Native 시작하는 방법 두 가지. 1. React Native CLI 초기 설정 어려움. 배포 어려움. 기능 및 라이브러리 모두 사용 가능. 필요하면 네이티브 기능도 넣어서 추가 가능. 2. Expo 초기 설정 쉬움. 배포 쉬움. 기능 및 라이브러리 사용 제한적. 고급 기능 사용할 거 아니고 사실상 리액트 네이티브는 모바일 배포를 위한 껍질..

• format_list_bulleted React Native
• · 2022. 7. 24.
• textsms