웹서버에선 잘동작하는데 Electron 으로 시작하면 위의 에러가 뜨는 알수없는 현상이 있었다. 실제로 콘솔창에 $.fn의 변수를 보니 웹서버에선 정상적으로 있었지만, Electron에선 없었다. 이런 현상은 나만 격는게 아니였고, StackoverFlow에 해결방법을 찾았다. 1 2 3 4 5 6 7 8 //Before // After npm install jquery 한뒤 위의 방법으로 스크립트를 불러오면 해결된다. 아래는 StackoverFlow 주소이다 https://stackoverflow.com/questions/50541298/uncaught-typeerror-cannot-read-property-fn-of-undefined-electron-2-angular?fbclid=IwAR0sr3a-F..
단순하게 CRUD가 가능한 앱을 Electron 과 React를 사용하여 개발하려고 한다. 개발에 앞서 필요한 기술을 정리하자면, html, css, js, nodejs, npm, yarn, electron, react, redux, webpack, babel 정도이다. 앱하나 개발하는데, 학습량이 너무 많다. 해당 기술을 모두 마스터 하고 개발하는건 아니지만, 정말로 그냥 많다.
electron-builder 에 대한 옵션값은 다른 블로그나 공식사이트에 잘 정리 되어있으니 넘어가고, 방법만 순서대로 보여드리겠습니다. 1. electron-builder 를 설치합니다. 2. 설치 후, package.json 에 몇가지를 추가하셔야합니다. 사진의 빨간 부분의 설정이 제가 추가한 부분입니다. [밑에서 복사해서 쓰세요] { "name": "electron-quick-start", "version": "1.0.0", "description": "A minimal Electron application", "main": "main.js", "scripts": { "start": "electron .", "deploy":"electron-builder --windows nsis:ia32" },..
https://github.com/electron/electron-quick-start electron/electron-quick-start Clone to try a simple Electron app. Contribute to electron/electron-quick-start development by creating an account on GitHub. github.com 위의 링크에 나와있는 방법대로 고대로 하면 된다. 다음 글은 electron-builder 를 사용하여 인스톨파일을 만들어서 배포하는 방법을 알아보겠습니다.
JavaScript Data Types JavaScript variables can hold many data types: numbers, strings, objects and more: 자바스크립트 데이터 타입 자바스크립트 변수는 많은 종류의 데이터 타입을 저장한다. 숫자, 스트링, 객체 그 이상 The Concept of Data Types In programming, data types is an important concept. To be able to operate on variables, it is important to know something about the type. Without data types, a computer cannot safely solve this: 데이터 타입의 개..
JavaScript variables are containers for storing data values. In this example, x, y, and z, are variables: 자바스크립트 변수는 값을 저장하는 위한 컨테이너이다. 예를들면 x,y,z는 변수이다. From the example above, you can expect: x stores the value 5 y stores the value 6 z stores the value 11 위의 예제로 부터 아래의 내용을 예상할수 있다. x는 5를 저장하고, y는 6을 저장하고, z는 11을 저장한다. Much Like Algebra In this example, price1, price2, and total, are variables:..
JavaScript comments can be used to explain JavaScript code, and to make it more readable. JavaScript comments can also be used to prevent execution, when testing alternative code. 자바스크립트 주석은 자바스크립트 코드를 설명하기 위해서 사용되어질수 있다. 그리고 자바스크립트 주석은 좀더 읽기 쉽게 만들어 준다. 자바스크립트 주석은 대안의 코드를 실행할때, 실행을 예방하기 위해서 사용되어진다. Single Line Comments Single line comments start with //. Any text between // and the end of the li..
JavaScript syntax is the set of rules, how JavaScript programs are constructed: 자바스크립트 문법은 어떻게 자바스크립트 프로그램들이 구성되어있는가를 정의하는 규칙의 집합이다. JavaScript Values The JavaScript syntax defines two types of values: Fixed values and variable values. Fixed values are called literals. Variable values are called variables. 자바스크립트 변수 자바스크립트 문법은 두가지 변수의 타입을 정의한다. 고정된 변수 변할수 있는 변수 고정된 변수는 literals라고 불리운다 변할수 있는 변수는..
JavaScript Programs A computer program is a list of "instructions" to be "executed" by a computer. In a programming language, these programming instructions are called statements. A JavaScript program is a list of programming statements. In HTML, JavaScript programs are executed by the web browser. 컴퓨터 프로그램이란, 컴퓨터의 의해서 실행되어지는 명령어의 리스트이다. 프로그래밍 언어 안에서 이러한 명령어들은 statements 라고 불리어진다. 자바스크립트 프로그램은 프..
